/* * MU:N munbunyang — 팔레트 193종 * 원본: /var/www/html/lib/wz/palettes_v5.css * 변수명: --p-primary, --p-secondary, --p-accent1, --p-accent2, --p-bg * 적용 방식: ~ data-palette="193" */ /* ============================================================ palettes.css — 5색 팔레트 193종 (v3 완전 연동) c1=헤더, c2=푸터, c3=버튼/포인트, c4=서브타이틀, c5=밝은틴트 ============================================================ */ :root { --white: #fff; } /* ── p001 Fiery Ocean (red) ── */ html[data-pal="p001"] { /* 5색 역할 변수 */ --p: #780000; /* 헤더/서브비주얼 배경 */ --fp: #003049; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #669BBC; /* 버튼/포인트/강조 */ --a2: #C1121F; /* 서브타이틀/보조강조 */ --a3: #FDF0D5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #690000; --p3: #5b0000; --p-97: rgba(120,0,0,0.97); --p-60: rgba(120,0,0,0.6); --p-40: rgba(120,0,0,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#669BBC; --submenu-bg: #ffffff; --a1-30:rgba(102,155,188,0.3); --a1-20:rgba(102,155,188,0.2); --a1-12:rgba(102,155,188,0.12); /* 레거시 호환 */ --point-color: #669BBC; --txt-point-color: #669BBC; --basic-color: #f0f0f0; --header-bg: #780000; --footer-bg: #003049; --footer-text: #ffffff; --footer-border: rgba(102,155,188,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #780000; --section-dark2: #690000; --nav-link: #ffffff; --nav-hover: #669BBC; --border-color: rgba(193,18,31,0.25); --aside-bg: #669BBC; --accent: #669BBC; --wz-side-bg: #780000; --wz-side-text: #ffffff; --wz-side-hover-bg: #669BBC; } /* 헤더 */ html[data-pal="p001"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p001"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p001"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p001"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p001"] header.fixed .gnb_1da, html[data-pal="p001"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p001"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p001"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p001"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p001"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p001"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p001"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p001"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p001"] .sub_bc_btn.open, html[data-pal="p001"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p001"] #ft, html[data-pal="p001"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p001"] footer a, html[data-pal="p001"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p001"] footer a:hover, html[data-pal="p001"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p001"] .btn_submit, html[data-pal="p001"] button[type="submit"], html[data-pal="p001"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p001"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p001"] .wz-blk-sub, html[data-pal="p001"] .sub_title h2.tit03, html[data-pal="p001"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p001"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p001"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p001"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p001"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p001"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p001"] .section-dark, html[data-pal="p001"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p001"] .section-dark2, html[data-pal="p001"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p002 Pastel Dreamland Adventure (purple) ── */ html[data-pal="p002"] { /* 5색 역할 변수 */ --p: #CDB4DB; /* 헤더/서브비주얼 배경 */ --fp: #2d2a2f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A2D2FF; /* 버튼/포인트/강조 */ --a2: #BDE0FE; /* 서브타이틀/보조강조 */ --a3: #FFC8DD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #b49ec0; --p3: #9b88a6; --p-97: rgba(205,180,219,0.97); --p-60: rgba(205,180,219,0.6); --p-40: rgba(205,180,219,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#A2D2FF; --submenu-bg: #f8f8f8; --a1-30:rgba(162,210,255,0.3); --a1-20:rgba(162,210,255,0.2); --a1-12:rgba(162,210,255,0.12); /* 레거시 호환 */ --point-color: #A2D2FF; --txt-point-color: #A2D2FF; --basic-color: #1a1a1a; --header-bg: #CDB4DB; --footer-bg: #2d2a2f; --footer-text: #ffffff; --footer-border: rgba(162,210,255,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #CDB4DB; --section-dark2: #b49ec0; --nav-link: #111111; --nav-hover: #A2D2FF; --border-color: rgba(189,224,254,0.25); --aside-bg: #A2D2FF; --accent: #A2D2FF; --wz-side-bg: #CDB4DB; --wz-side-text: #111111; --wz-side-hover-bg: #A2D2FF; } /* 헤더 */ html[data-pal="p002"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p002"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p002"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p002"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p002"] header.fixed .gnb_1da, html[data-pal="p002"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p002"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p002"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p002"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p002"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p002"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p002"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p002"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p002"] .sub_bc_btn.open, html[data-pal="p002"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p002"] #ft, html[data-pal="p002"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p002"] footer a, html[data-pal="p002"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p002"] footer a:hover, html[data-pal="p002"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p002"] .btn_submit, html[data-pal="p002"] button[type="submit"], html[data-pal="p002"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p002"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p002"] .wz-blk-sub, html[data-pal="p002"] .sub_title h2.tit03, html[data-pal="p002"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p002"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p002"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p002"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p002"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p002"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p002"] .section-dark, html[data-pal="p002"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p002"] .section-dark2, html[data-pal="p002"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p003 Olive Garden Feast (green) ── */ html[data-pal="p003"] { /* 5색 역할 변수 */ --p: #283618; /* 헤더/서브비주얼 배경 */ --fp: #191b18; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #DDA15E; /* 버튼/포인트/강조 */ --a2: #606C38; /* 서브타이틀/보조강조 */ --a3: #FEFAE0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #232f15; --p3: #1e2912; --p-97: rgba(40,54,24,0.97); --p-60: rgba(40,54,24,0.6); --p-40: rgba(40,54,24,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#DDA15E; --submenu-bg: #ffffff; --a1-30:rgba(221,161,94,0.3); --a1-20:rgba(221,161,94,0.2); --a1-12:rgba(221,161,94,0.12); /* 레거시 호환 */ --point-color: #DDA15E; --txt-point-color: #DDA15E; --basic-color: #f0f0f0; --header-bg: #283618; --footer-bg: #191b18; --footer-text: #ffffff; --footer-border: rgba(221,161,94,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #283618; --section-dark2: #232f15; --nav-link: #ffffff; --nav-hover: #DDA15E; --border-color: rgba(96,108,56,0.25); --aside-bg: #DDA15E; --accent: #DDA15E; --wz-side-bg: #283618; --wz-side-text: #ffffff; --wz-side-hover-bg: #DDA15E; } /* 헤더 */ html[data-pal="p003"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p003"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p003"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p003"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p003"] header.fixed .gnb_1da, html[data-pal="p003"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p003"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p003"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p003"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p003"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p003"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p003"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p003"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p003"] .sub_bc_btn.open, html[data-pal="p003"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p003"] #ft, html[data-pal="p003"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p003"] footer a, html[data-pal="p003"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p003"] footer a:hover, html[data-pal="p003"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p003"] .btn_submit, html[data-pal="p003"] button[type="submit"], html[data-pal="p003"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p003"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p003"] .wz-blk-sub, html[data-pal="p003"] .sub_title h2.tit03, html[data-pal="p003"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p003"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p003"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p003"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p003"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p003"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p003"] .section-dark, html[data-pal="p003"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p003"] .section-dark2, html[data-pal="p003"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p004 Golden Summer Fields (orange) ── */ html[data-pal="p004"] { /* 5색 역할 변수 */ --p: #D4A373; /* 헤더/서브비주얼 배경 */ --fp: #2e2822; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #CCD5AE; /* 버튼/포인트/강조 */ --a2: #E9EDC9; /* 서브타이틀/보조강조 */ --a3: #FEFAE0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #ba8f65; --p3: #a17b57; --p-97: rgba(212,163,115,0.97); --p-60: rgba(212,163,115,0.6); --p-40: rgba(212,163,115,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#CCD5AE; --submenu-bg: #f8f8f8; --a1-30:rgba(204,213,174,0.3); --a1-20:rgba(204,213,174,0.2); --a1-12:rgba(204,213,174,0.12); /* 레거시 호환 */ --point-color: #CCD5AE; --txt-point-color: #CCD5AE; --basic-color: #1a1a1a; --header-bg: #D4A373; --footer-bg: #2e2822; --footer-text: #ffffff; --footer-border: rgba(204,213,174,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #D4A373; --section-dark2: #ba8f65; --nav-link: #111111; --nav-hover: #CCD5AE; --border-color: rgba(233,237,201,0.25); --aside-bg: #CCD5AE; --accent: #CCD5AE; --wz-side-bg: #D4A373; --wz-side-text: #111111; --wz-side-hover-bg: #CCD5AE; } /* 헤더 */ html[data-pal="p004"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p004"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p004"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p004"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p004"] header.fixed .gnb_1da, html[data-pal="p004"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p004"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p004"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p004"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p004"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p004"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p004"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p004"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p004"] .sub_bc_btn.open, html[data-pal="p004"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p004"] #ft, html[data-pal="p004"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p004"] footer a, html[data-pal="p004"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p004"] footer a:hover, html[data-pal="p004"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p004"] .btn_submit, html[data-pal="p004"] button[type="submit"], html[data-pal="p004"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p004"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p004"] .wz-blk-sub, html[data-pal="p004"] .sub_title h2.tit03, html[data-pal="p004"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p004"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p004"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p004"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p004"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p004"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p004"] .section-dark, html[data-pal="p004"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p004"] .section-dark2, html[data-pal="p004"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p005 Ocean Blue Serenity (navy) ── */ html[data-pal="p005"] { /* 5색 역할 변수 */ --p: #03045E; /* 헤더/서브비주얼 배경 */ --fp: #151520; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #00B4D8; /* 버튼/포인트/강조 */ --a2: #0077B6; /* 서브타이틀/보조강조 */ --a3: #CAF0F8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #020352; --p3: #020347; --p-97: rgba(3,4,94,0.97); --p-60: rgba(3,4,94,0.6); --p-40: rgba(3,4,94,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#00B4D8; --submenu-bg: #ffffff; --a1-30:rgba(0,180,216,0.3); --a1-20:rgba(0,180,216,0.2); --a1-12:rgba(0,180,216,0.12); /* 레거시 호환 */ --point-color: #00B4D8; --txt-point-color: #00B4D8; --basic-color: #f0f0f0; --header-bg: #03045E; --footer-bg: #151520; --footer-text: #ffffff; --footer-border: rgba(0,180,216,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #03045E; --section-dark2: #020352; --nav-link: #ffffff; --nav-hover: #00B4D8; --border-color: rgba(0,119,182,0.25); --aside-bg: #00B4D8; --accent: #00B4D8; --wz-side-bg: #03045E; --wz-side-text: #ffffff; --wz-side-hover-bg: #00B4D8; } /* 헤더 */ html[data-pal="p005"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p005"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p005"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p005"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p005"] header.fixed .gnb_1da, html[data-pal="p005"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p005"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p005"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p005"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p005"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p005"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p005"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p005"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p005"] .sub_bc_btn.open, html[data-pal="p005"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p005"] #ft, html[data-pal="p005"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p005"] footer a, html[data-pal="p005"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p005"] footer a:hover, html[data-pal="p005"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p005"] .btn_submit, html[data-pal="p005"] button[type="submit"], html[data-pal="p005"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p005"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p005"] .wz-blk-sub, html[data-pal="p005"] .sub_title h2.tit03, html[data-pal="p005"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p005"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p005"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p005"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p005"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p005"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p005"] .section-dark, html[data-pal="p005"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p005"] .section-dark2, html[data-pal="p005"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p006 Earthy Tones (navy) ── */ html[data-pal="p006"] { /* 5색 역할 변수 */ --p: #4A5759; /* 헤더/서브비주얼 배경 */ --fp: #1e1f1f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EDAFB8; /* 버튼/포인트/강조 */ --a2: #B0C4B1; /* 서브타이틀/보조강조 */ --a3: #F7E1D7; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #414c4e; --p3: #384243; --p-97: rgba(74,87,89,0.97); --p-60: rgba(74,87,89,0.6); --p-40: rgba(74,87,89,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EDAFB8; --submenu-bg: #ffffff; --a1-30:rgba(237,175,184,0.3); --a1-20:rgba(237,175,184,0.2); --a1-12:rgba(237,175,184,0.12); /* 레거시 호환 */ --point-color: #EDAFB8; --txt-point-color: #EDAFB8; --basic-color: #f0f0f0; --header-bg: #4A5759; --footer-bg: #1e1f1f; --footer-text: #ffffff; --footer-border: rgba(237,175,184,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #4A5759; --section-dark2: #414c4e; --nav-link: #ffffff; --nav-hover: #EDAFB8; --border-color: rgba(176,196,177,0.25); --aside-bg: #EDAFB8; --accent: #EDAFB8; --wz-side-bg: #4A5759; --wz-side-text: #ffffff; --wz-side-hover-bg: #EDAFB8; } /* 헤더 */ html[data-pal="p006"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p006"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p006"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p006"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p006"] header.fixed .gnb_1da, html[data-pal="p006"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p006"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p006"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p006"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p006"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p006"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p006"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p006"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p006"] .sub_bc_btn.open, html[data-pal="p006"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p006"] #ft, html[data-pal="p006"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p006"] footer a, html[data-pal="p006"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p006"] footer a:hover, html[data-pal="p006"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p006"] .btn_submit, html[data-pal="p006"] button[type="submit"], html[data-pal="p006"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p006"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p006"] .wz-blk-sub, html[data-pal="p006"] .sub_title h2.tit03, html[data-pal="p006"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p006"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p006"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p006"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p006"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p006"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p006"] .section-dark, html[data-pal="p006"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p006"] .section-dark2, html[data-pal="p006"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p007 Earthy Forest Hues (teal) ── */ html[data-pal="p007"] { /* 5색 역할 변수 */ --p: #344E41; /* 헤더/서브비주얼 배경 */ --fp: #1b1e1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A3B18A; /* 버튼/포인트/강조 */ --a2: #3A5A40; /* 서브타이틀/보조강조 */ --a3: #DAD7CD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #2d4439; --p3: #273b31; --p-97: rgba(52,78,65,0.97); --p-60: rgba(52,78,65,0.6); --p-40: rgba(52,78,65,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#A3B18A; --submenu-bg: #ffffff; --a1-30:rgba(163,177,138,0.3); --a1-20:rgba(163,177,138,0.2); --a1-12:rgba(163,177,138,0.12); /* 레거시 호환 */ --point-color: #A3B18A; --txt-point-color: #A3B18A; --basic-color: #f0f0f0; --header-bg: #344E41; --footer-bg: #1b1e1c; --footer-text: #ffffff; --footer-border: rgba(163,177,138,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #344E41; --section-dark2: #2d4439; --nav-link: #ffffff; --nav-hover: #A3B18A; --border-color: rgba(58,90,64,0.25); --aside-bg: #A3B18A; --accent: #A3B18A; --wz-side-bg: #344E41; --wz-side-text: #ffffff; --wz-side-hover-bg: #A3B18A; } /* 헤더 */ html[data-pal="p007"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p007"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p007"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p007"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p007"] header.fixed .gnb_1da, html[data-pal="p007"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p007"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p007"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p007"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p007"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p007"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p007"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p007"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p007"] .sub_bc_btn.open, html[data-pal="p007"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p007"] #ft, html[data-pal="p007"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p007"] footer a, html[data-pal="p007"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p007"] footer a:hover, html[data-pal="p007"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p007"] .btn_submit, html[data-pal="p007"] button[type="submit"], html[data-pal="p007"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p007"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p007"] .wz-blk-sub, html[data-pal="p007"] .sub_title h2.tit03, html[data-pal="p007"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p007"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p007"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p007"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p007"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p007"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p007"] .section-dark, html[data-pal="p007"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p007"] .section-dark2, html[data-pal="p007"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p008 Sunny Beach Day (navy) ── */ html[data-pal="p008"] { /* 5색 역할 변수 */ --p: #001524; /* 헤더/서브비주얼 배경 */ --fp: #151719; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF7D00; /* 버튼/포인트/강조 */ --a2: #15616D; /* 서브타이틀/보조강조 */ --a3: #FFECD1; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #00121f; --p3: #000f1b; --p-97: rgba(0,21,36,0.97); --p-60: rgba(0,21,36,0.6); --p-40: rgba(0,21,36,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF7D00; --submenu-bg: #ffffff; --a1-30:rgba(255,125,0,0.3); --a1-20:rgba(255,125,0,0.2); --a1-12:rgba(255,125,0,0.12); /* 레거시 호환 */ --point-color: #FF7D00; --txt-point-color: #FF7D00; --basic-color: #f0f0f0; --header-bg: #001524; --footer-bg: #151719; --footer-text: #ffffff; --footer-border: rgba(255,125,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #001524; --section-dark2: #00121f; --nav-link: #ffffff; --nav-hover: #FF7D00; --border-color: rgba(21,97,109,0.25); --aside-bg: #FF7D00; --accent: #FF7D00; --wz-side-bg: #001524; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF7D00; } /* 헤더 */ html[data-pal="p008"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p008"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p008"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p008"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p008"] header.fixed .gnb_1da, html[data-pal="p008"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p008"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p008"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p008"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p008"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p008"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p008"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p008"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p008"] .sub_bc_btn.open, html[data-pal="p008"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p008"] #ft, html[data-pal="p008"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p008"] footer a, html[data-pal="p008"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p008"] footer a:hover, html[data-pal="p008"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p008"] .btn_submit, html[data-pal="p008"] button[type="submit"], html[data-pal="p008"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p008"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p008"] .wz-blk-sub, html[data-pal="p008"] .sub_title h2.tit03, html[data-pal="p008"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p008"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p008"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p008"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p008"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p008"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p008"] .section-dark, html[data-pal="p008"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p008"] .section-dark2, html[data-pal="p008"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p009 Golden Twilight (navy) ── */ html[data-pal="p009"] { /* 5색 역할 변수 */ --p: #001D3D; /* 헤더/서브비주얼 배경 */ --fp: #000814; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFC300; /* 버튼/포인트/강조 */ --a2: #FFD60A; /* 서브타이틀/보조강조 */ --a3: #FFD60A; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #001935; --p3: #00162e; --p-97: rgba(0,29,61,0.97); --p-60: rgba(0,29,61,0.6); --p-40: rgba(0,29,61,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFC300; --submenu-bg: #ffffff; --a1-30:rgba(255,195,0,0.3); --a1-20:rgba(255,195,0,0.2); --a1-12:rgba(255,195,0,0.12); /* 레거시 호환 */ --point-color: #FFC300; --txt-point-color: #FFC300; --basic-color: #f0f0f0; --header-bg: #001D3D; --footer-bg: #000814; --footer-text: #ffffff; --footer-border: rgba(255,195,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #001D3D; --section-dark2: #001935; --nav-link: #ffffff; --nav-hover: #FFC300; --border-color: rgba(255,214,10,0.25); --aside-bg: #FFC300; --accent: #FFC300; --wz-side-bg: #001D3D; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFC300; } /* 헤더 */ html[data-pal="p009"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p009"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p009"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p009"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p009"] header.fixed .gnb_1da, html[data-pal="p009"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p009"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p009"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p009"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p009"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p009"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p009"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p009"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p009"] .sub_bc_btn.open, html[data-pal="p009"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p009"] #ft, html[data-pal="p009"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p009"] footer a, html[data-pal="p009"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p009"] footer a:hover, html[data-pal="p009"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p009"] .btn_submit, html[data-pal="p009"] button[type="submit"], html[data-pal="p009"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p009"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p009"] .wz-blk-sub, html[data-pal="p009"] .sub_title h2.tit03, html[data-pal="p009"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p009"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p009"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p009"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p009"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p009"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p009"] .section-dark, html[data-pal="p009"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p009"] .section-dark2, html[data-pal="p009"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p010 Ocean Breeze (navy) ── */ html[data-pal="p010"] { /* 5색 역할 변수 */ --p: #03045E; /* 헤더/서브비주얼 배경 */ --fp: #151520; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #00B4D8; /* 버튼/포인트/강조 */ --a2: #90E0EF; /* 서브타이틀/보조강조 */ --a3: #CAF0F8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #020352; --p3: #020347; --p-97: rgba(3,4,94,0.97); --p-60: rgba(3,4,94,0.6); --p-40: rgba(3,4,94,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#00B4D8; --submenu-bg: #ffffff; --a1-30:rgba(0,180,216,0.3); --a1-20:rgba(0,180,216,0.2); --a1-12:rgba(0,180,216,0.12); /* 레거시 호환 */ --point-color: #00B4D8; --txt-point-color: #00B4D8; --basic-color: #f0f0f0; --header-bg: #03045E; --footer-bg: #151520; --footer-text: #ffffff; --footer-border: rgba(0,180,216,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #03045E; --section-dark2: #020352; --nav-link: #ffffff; --nav-hover: #00B4D8; --border-color: rgba(144,224,239,0.25); --aside-bg: #00B4D8; --accent: #00B4D8; --wz-side-bg: #03045E; --wz-side-text: #ffffff; --wz-side-hover-bg: #00B4D8; } /* 헤더 */ html[data-pal="p010"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p010"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p010"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p010"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p010"] header.fixed .gnb_1da, html[data-pal="p010"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p010"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p010"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p010"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p010"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p010"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p010"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p010"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p010"] .sub_bc_btn.open, html[data-pal="p010"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p010"] #ft, html[data-pal="p010"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p010"] footer a, html[data-pal="p010"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p010"] footer a:hover, html[data-pal="p010"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p010"] .btn_submit, html[data-pal="p010"] button[type="submit"], html[data-pal="p010"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p010"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p010"] .wz-blk-sub, html[data-pal="p010"] .sub_title h2.tit03, html[data-pal="p010"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p010"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p010"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p010"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p010"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p010"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p010"] .section-dark, html[data-pal="p010"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p010"] .section-dark2, html[data-pal="p010"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p011 Fiery Red Sunset (red) ── */ html[data-pal="p011"] { /* 5색 역할 변수 */ --p: #370617; /* 헤더/서브비주얼 배경 */ --fp: #03071E; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFBA08; /* 버튼/포인트/강조 */ --a2: #FAA307; /* 서브타이틀/보조강조 */ --a3: #FFBA08; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #300514; --p3: #290411; --p-97: rgba(55,6,23,0.97); --p-60: rgba(55,6,23,0.6); --p-40: rgba(55,6,23,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFBA08; --submenu-bg: #ffffff; --a1-30:rgba(255,186,8,0.3); --a1-20:rgba(255,186,8,0.2); --a1-12:rgba(255,186,8,0.12); /* 레거시 호환 */ --point-color: #FFBA08; --txt-point-color: #FFBA08; --basic-color: #f0f0f0; --header-bg: #370617; --footer-bg: #03071E; --footer-text: #ffffff; --footer-border: rgba(255,186,8,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #370617; --section-dark2: #300514; --nav-link: #ffffff; --nav-hover: #FFBA08; --border-color: rgba(250,163,7,0.25); --aside-bg: #FFBA08; --accent: #FFBA08; --wz-side-bg: #370617; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFBA08; } /* 헤더 */ html[data-pal="p011"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p011"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p011"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p011"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p011"] header.fixed .gnb_1da, html[data-pal="p011"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p011"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p011"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p011"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p011"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p011"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p011"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p011"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p011"] .sub_bc_btn.open, html[data-pal="p011"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p011"] #ft, html[data-pal="p011"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p011"] footer a, html[data-pal="p011"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p011"] footer a:hover, html[data-pal="p011"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p011"] .btn_submit, html[data-pal="p011"] button[type="submit"], html[data-pal="p011"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p011"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p011"] .wz-blk-sub, html[data-pal="p011"] .sub_title h2.tit03, html[data-pal="p011"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p011"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p011"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p011"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p011"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p011"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p011"] .section-dark, html[data-pal="p011"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p011"] .section-dark2, html[data-pal="p011"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p012 Leafy Green Garden (green) ── */ html[data-pal="p012"] { /* 5색 역할 변수 */ --p: #132A13; /* 헤더/서브비주얼 배경 */ --fp: #171a17; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #90A955; /* 버튼/포인트/강조 */ --a2: #31572C; /* 서브타이틀/보조강조 */ --a3: #ECF39E; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #102410; --p3: #0e1f0e; --p-97: rgba(19,42,19,0.97); --p-60: rgba(19,42,19,0.6); --p-40: rgba(19,42,19,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#90A955; --submenu-bg: #ffffff; --a1-30:rgba(144,169,85,0.3); --a1-20:rgba(144,169,85,0.2); --a1-12:rgba(144,169,85,0.12); /* 레거시 호환 */ --point-color: #90A955; --txt-point-color: #90A955; --basic-color: #f0f0f0; --header-bg: #132A13; --footer-bg: #171a17; --footer-text: #ffffff; --footer-border: rgba(144,169,85,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #132A13; --section-dark2: #102410; --nav-link: #ffffff; --nav-hover: #90A955; --border-color: rgba(49,87,44,0.25); --aside-bg: #90A955; --accent: #90A955; --wz-side-bg: #132A13; --wz-side-text: #ffffff; --wz-side-hover-bg: #90A955; } /* 헤더 */ html[data-pal="p012"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p012"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p012"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p012"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p012"] header.fixed .gnb_1da, html[data-pal="p012"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p012"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p012"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p012"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p012"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p012"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p012"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p012"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p012"] .sub_bc_btn.open, html[data-pal="p012"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p012"] #ft, html[data-pal="p012"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p012"] footer a, html[data-pal="p012"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p012"] footer a:hover, html[data-pal="p012"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p012"] .btn_submit, html[data-pal="p012"] button[type="submit"], html[data-pal="p012"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p012"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p012"] .wz-blk-sub, html[data-pal="p012"] .sub_title h2.tit03, html[data-pal="p012"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p012"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p012"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p012"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p012"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p012"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p012"] .section-dark, html[data-pal="p012"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p012"] .section-dark2, html[data-pal="p012"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p013 Sweet Summer Melody (teal) ── */ html[data-pal="p013"] { /* 5색 역할 변수 */ --p: #84A59D; /* 헤더/서브비주얼 배경 */ --fp: #242827; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F6BD60; /* 버튼/포인트/강조 */ --a2: #F28482; /* 서브타이틀/보조강조 */ --a3: #F7EDE2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #74918a; --p3: #647d77; --p-97: rgba(132,165,157,0.97); --p-60: rgba(132,165,157,0.6); --p-40: rgba(132,165,157,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F6BD60; --submenu-bg: #f8f8f8; --a1-30:rgba(246,189,96,0.3); --a1-20:rgba(246,189,96,0.2); --a1-12:rgba(246,189,96,0.12); /* 레거시 호환 */ --point-color: #F6BD60; --txt-point-color: #F6BD60; --basic-color: #1a1a1a; --header-bg: #84A59D; --footer-bg: #242827; --footer-text: #ffffff; --footer-border: rgba(246,189,96,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #84A59D; --section-dark2: #74918a; --nav-link: #111111; --nav-hover: #F6BD60; --border-color: rgba(242,132,130,0.25); --aside-bg: #F6BD60; --accent: #F6BD60; --wz-side-bg: #84A59D; --wz-side-text: #111111; --wz-side-hover-bg: #F6BD60; } /* 헤더 */ html[data-pal="p013"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p013"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p013"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p013"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p013"] header.fixed .gnb_1da, html[data-pal="p013"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p013"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p013"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p013"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p013"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p013"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p013"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p013"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p013"] .sub_bc_btn.open, html[data-pal="p013"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p013"] #ft, html[data-pal="p013"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p013"] footer a, html[data-pal="p013"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p013"] footer a:hover, html[data-pal="p013"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p013"] .btn_submit, html[data-pal="p013"] button[type="submit"], html[data-pal="p013"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p013"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p013"] .wz-blk-sub, html[data-pal="p013"] .sub_title h2.tit03, html[data-pal="p013"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p013"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p013"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p013"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p013"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p013"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p013"] .section-dark, html[data-pal="p013"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p013"] .section-dark2, html[data-pal="p013"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p014 Vibrant Color Fiesta (red) ── */ html[data-pal="p014"] { /* 5색 역할 변수 */ --p: #FF006E; /* 헤더/서브비주얼 배경 */ --fp: #331522; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFBE0B; /* 버튼/포인트/강조 */ --a2: #FB5607; /* 서브타이틀/보조강조 */ --a3: #FFBE0B; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e00060; --p3: #c10053; --p-97: rgba(255,0,110,0.97); --p-60: rgba(255,0,110,0.6); --p-40: rgba(255,0,110,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFBE0B; --submenu-bg: #ffffff; --a1-30:rgba(255,190,11,0.3); --a1-20:rgba(255,190,11,0.2); --a1-12:rgba(255,190,11,0.12); /* 레거시 호환 */ --point-color: #FFBE0B; --txt-point-color: #FFBE0B; --basic-color: #f0f0f0; --header-bg: #FF006E; --footer-bg: #331522; --footer-text: #ffffff; --footer-border: rgba(255,190,11,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF006E; --section-dark2: #e00060; --nav-link: #ffffff; --nav-hover: #FFBE0B; --border-color: rgba(251,86,7,0.25); --aside-bg: #FFBE0B; --accent: #FFBE0B; --wz-side-bg: #FF006E; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFBE0B; } /* 헤더 */ html[data-pal="p014"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p014"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p014"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p014"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p014"] header.fixed .gnb_1da, html[data-pal="p014"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p014"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p014"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p014"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p014"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p014"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p014"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p014"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p014"] .sub_bc_btn.open, html[data-pal="p014"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p014"] #ft, html[data-pal="p014"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p014"] footer a, html[data-pal="p014"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p014"] footer a:hover, html[data-pal="p014"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p014"] .btn_submit, html[data-pal="p014"] button[type="submit"], html[data-pal="p014"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p014"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p014"] .wz-blk-sub, html[data-pal="p014"] .sub_title h2.tit03, html[data-pal="p014"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p014"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p014"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p014"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p014"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p014"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p014"] .section-dark, html[data-pal="p014"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p014"] .section-dark2, html[data-pal="p014"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p015 Fresh Greens (green) ── */ html[data-pal="p015"] { /* 5색 역할 변수 */ --p: #386641; /* 헤더/서브비주얼 배경 */ --fp: #BC4749; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A7C957; /* 버튼/포인트/강조 */ --a2: #6A994E; /* 서브타이틀/보조강조 */ --a3: #F2E8CF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #315939; --p3: #2a4d31; --p-97: rgba(56,102,65,0.97); --p-60: rgba(56,102,65,0.6); --p-40: rgba(56,102,65,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#A7C957; --submenu-bg: #ffffff; --a1-30:rgba(167,201,87,0.3); --a1-20:rgba(167,201,87,0.2); --a1-12:rgba(167,201,87,0.12); /* 레거시 호환 */ --point-color: #A7C957; --txt-point-color: #A7C957; --basic-color: #f0f0f0; --header-bg: #386641; --footer-bg: #BC4749; --footer-text: #ffffff; --footer-border: rgba(167,201,87,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #386641; --section-dark2: #315939; --nav-link: #ffffff; --nav-hover: #A7C957; --border-color: rgba(106,153,78,0.25); --aside-bg: #A7C957; --accent: #A7C957; --wz-side-bg: #386641; --wz-side-text: #ffffff; --wz-side-hover-bg: #A7C957; } /* 헤더 */ html[data-pal="p015"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p015"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p015"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p015"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p015"] header.fixed .gnb_1da, html[data-pal="p015"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p015"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p015"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p015"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p015"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p015"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p015"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p015"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p015"] .sub_bc_btn.open, html[data-pal="p015"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p015"] #ft, html[data-pal="p015"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p015"] footer a, html[data-pal="p015"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p015"] footer a:hover, html[data-pal="p015"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p015"] .btn_submit, html[data-pal="p015"] button[type="submit"], html[data-pal="p015"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p015"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p015"] .wz-blk-sub, html[data-pal="p015"] .sub_title h2.tit03, html[data-pal="p015"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p015"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p015"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p015"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p015"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p015"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p015"] .section-dark, html[data-pal="p015"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p015"] .section-dark2, html[data-pal="p015"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p016 Summer Ocean Breeze (navy) ── */ html[data-pal="p016"] { /* 5색 역할 변수 */ --p: #1D3557; /* 헤더/서브비주얼 배경 */ --fp: #181b1f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #457B9D; /* 버튼/포인트/강조 */ --a2: #A8DADC; /* 서브타이틀/보조강조 */ --a3: #F1FAEE; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #192e4c; --p3: #162842; --p-97: rgba(29,53,87,0.97); --p-60: rgba(29,53,87,0.6); --p-40: rgba(29,53,87,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#457B9D; --submenu-bg: #ffffff; --a1-30:rgba(69,123,157,0.3); --a1-20:rgba(69,123,157,0.2); --a1-12:rgba(69,123,157,0.12); /* 레거시 호환 */ --point-color: #457B9D; --txt-point-color: #457B9D; --basic-color: #f0f0f0; --header-bg: #1D3557; --footer-bg: #181b1f; --footer-text: #ffffff; --footer-border: rgba(69,123,157,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1D3557; --section-dark2: #192e4c; --nav-link: #ffffff; --nav-hover: #457B9D; --border-color: rgba(168,218,220,0.25); --aside-bg: #457B9D; --accent: #457B9D; --wz-side-bg: #1D3557; --wz-side-text: #ffffff; --wz-side-hover-bg: #457B9D; } /* 헤더 */ html[data-pal="p016"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p016"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p016"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p016"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p016"] header.fixed .gnb_1da, html[data-pal="p016"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p016"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p016"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p016"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p016"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p016"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p016"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p016"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p016"] .sub_bc_btn.open, html[data-pal="p016"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p016"] #ft, html[data-pal="p016"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p016"] footer a, html[data-pal="p016"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p016"] footer a:hover, html[data-pal="p016"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p016"] .btn_submit, html[data-pal="p016"] button[type="submit"], html[data-pal="p016"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p016"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p016"] .wz-blk-sub, html[data-pal="p016"] .sub_title h2.tit03, html[data-pal="p016"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p016"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p016"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p016"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p016"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p016"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p016"] .section-dark, html[data-pal="p016"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p016"] .section-dark2, html[data-pal="p016"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p017 Soft Sand (orange) ── */ html[data-pal="p017"] { /* 5색 역할 변수 */ --p: #D5BDAF; /* 헤더/서브비주얼 배경 */ --fp: #2e2b2a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E3D5CA; /* 버튼/포인트/강조 */ --a2: #D6CCC2; /* 서브타이틀/보조강조 */ --a3: #F5EBE0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #bba69a; --p3: #a18f85; --p-97: rgba(213,189,175,0.97); --p-60: rgba(213,189,175,0.6); --p-40: rgba(213,189,175,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#E3D5CA; --submenu-bg: #f8f8f8; --a1-30:rgba(227,213,202,0.3); --a1-20:rgba(227,213,202,0.2); --a1-12:rgba(227,213,202,0.12); /* 레거시 호환 */ --point-color: #E3D5CA; --txt-point-color: #E3D5CA; --basic-color: #1a1a1a; --header-bg: #D5BDAF; --footer-bg: #2e2b2a; --footer-text: #ffffff; --footer-border: rgba(227,213,202,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #D5BDAF; --section-dark2: #bba69a; --nav-link: #111111; --nav-hover: #E3D5CA; --border-color: rgba(214,204,194,0.25); --aside-bg: #E3D5CA; --accent: #E3D5CA; --wz-side-bg: #D5BDAF; --wz-side-text: #111111; --wz-side-hover-bg: #E3D5CA; } /* 헤더 */ html[data-pal="p017"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p017"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p017"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p017"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p017"] header.fixed .gnb_1da, html[data-pal="p017"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p017"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p017"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p017"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p017"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p017"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p017"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p017"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p017"] .sub_bc_btn.open, html[data-pal="p017"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p017"] #ft, html[data-pal="p017"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p017"] footer a, html[data-pal="p017"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p017"] footer a:hover, html[data-pal="p017"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p017"] .btn_submit, html[data-pal="p017"] button[type="submit"], html[data-pal="p017"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p017"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p017"] .wz-blk-sub, html[data-pal="p017"] .sub_title h2.tit03, html[data-pal="p017"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p017"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p017"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p017"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p017"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p017"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p017"] .section-dark, html[data-pal="p017"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p017"] .section-dark2, html[data-pal="p017"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p018 Cherry Blossom Bloom (red) ── */ html[data-pal="p018"] { /* 5색 역할 변수 */ --p: #590D22; /* 헤더/서브비주얼 배경 */ --fp: #800F2F; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #C9184A; /* 버튼/포인트/강조 */ --a2: #A4133C; /* 서브타이틀/보조강조 */ --a3: #FFF0F3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #4e0b1d; --p3: #430919; --p-97: rgba(89,13,34,0.97); --p-60: rgba(89,13,34,0.6); --p-40: rgba(89,13,34,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#C9184A; --submenu-bg: #ffffff; --a1-30:rgba(201,24,74,0.3); --a1-20:rgba(201,24,74,0.2); --a1-12:rgba(201,24,74,0.12); /* 레거시 호환 */ --point-color: #C9184A; --txt-point-color: #C9184A; --basic-color: #f0f0f0; --header-bg: #590D22; --footer-bg: #800F2F; --footer-text: #ffffff; --footer-border: rgba(201,24,74,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #590D22; --section-dark2: #4e0b1d; --nav-link: #ffffff; --nav-hover: #C9184A; --border-color: rgba(164,19,60,0.25); --aside-bg: #C9184A; --accent: #C9184A; --wz-side-bg: #590D22; --wz-side-text: #ffffff; --wz-side-hover-bg: #C9184A; } /* 헤더 */ html[data-pal="p018"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p018"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p018"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p018"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p018"] header.fixed .gnb_1da, html[data-pal="p018"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p018"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p018"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p018"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p018"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p018"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p018"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p018"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p018"] .sub_bc_btn.open, html[data-pal="p018"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p018"] #ft, html[data-pal="p018"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p018"] footer a, html[data-pal="p018"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p018"] footer a:hover, html[data-pal="p018"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p018"] .btn_submit, html[data-pal="p018"] button[type="submit"], html[data-pal="p018"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p018"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p018"] .wz-blk-sub, html[data-pal="p018"] .sub_title h2.tit03, html[data-pal="p018"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p018"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p018"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p018"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p018"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p018"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p018"] .section-dark, html[data-pal="p018"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p018"] .section-dark2, html[data-pal="p018"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p019 Dark Sunset (red) ── */ html[data-pal="p019"] { /* 5색 역할 변수 */ --p: #540B0E; /* 헤더/서브비주얼 배경 */ --fp: #1f1616; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E09F3E; /* 버튼/포인트/강조 */ --a2: #9E2A2B; /* 서브타이틀/보조강조 */ --a3: #FFF3B0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #49090c; --p3: #3f080a; --p-97: rgba(84,11,14,0.97); --p-60: rgba(84,11,14,0.6); --p-40: rgba(84,11,14,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E09F3E; --submenu-bg: #ffffff; --a1-30:rgba(224,159,62,0.3); --a1-20:rgba(224,159,62,0.2); --a1-12:rgba(224,159,62,0.12); /* 레거시 호환 */ --point-color: #E09F3E; --txt-point-color: #E09F3E; --basic-color: #f0f0f0; --header-bg: #540B0E; --footer-bg: #1f1616; --footer-text: #ffffff; --footer-border: rgba(224,159,62,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #540B0E; --section-dark2: #49090c; --nav-link: #ffffff; --nav-hover: #E09F3E; --border-color: rgba(158,42,43,0.25); --aside-bg: #E09F3E; --accent: #E09F3E; --wz-side-bg: #540B0E; --wz-side-text: #ffffff; --wz-side-hover-bg: #E09F3E; } /* 헤더 */ html[data-pal="p019"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p019"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p019"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p019"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p019"] header.fixed .gnb_1da, html[data-pal="p019"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p019"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p019"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p019"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p019"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p019"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p019"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p019"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p019"] .sub_bc_btn.open, html[data-pal="p019"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p019"] #ft, html[data-pal="p019"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p019"] footer a, html[data-pal="p019"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p019"] footer a:hover, html[data-pal="p019"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p019"] .btn_submit, html[data-pal="p019"] button[type="submit"], html[data-pal="p019"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p019"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p019"] .wz-blk-sub, html[data-pal="p019"] .sub_title h2.tit03, html[data-pal="p019"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p019"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p019"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p019"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p019"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p019"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p019"] .section-dark, html[data-pal="p019"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p019"] .section-dark2, html[data-pal="p019"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p020 Crimson Hues (red) ── */ html[data-pal="p020"] { /* 5색 역할 변수 */ --p: #250902; /* 헤더/서브비주얼 배경 */ --fp: #38040E; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #AD2831; /* 버튼/포인트/강조 */ --a2: #800E13; /* 서브타이틀/보조강조 */ --a3: #AD2831; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #200701; --p3: #1c0601; --p-97: rgba(37,9,2,0.97); --p-60: rgba(37,9,2,0.6); --p-40: rgba(37,9,2,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#AD2831; --submenu-bg: #ffffff; --a1-30:rgba(173,40,49,0.3); --a1-20:rgba(173,40,49,0.2); --a1-12:rgba(173,40,49,0.12); /* 레거시 호환 */ --point-color: #AD2831; --txt-point-color: #AD2831; --basic-color: #f0f0f0; --header-bg: #250902; --footer-bg: #38040E; --footer-text: #ffffff; --footer-border: rgba(173,40,49,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #250902; --section-dark2: #200701; --nav-link: #ffffff; --nav-hover: #AD2831; --border-color: rgba(128,14,19,0.25); --aside-bg: #AD2831; --accent: #AD2831; --wz-side-bg: #250902; --wz-side-text: #ffffff; --wz-side-hover-bg: #AD2831; } /* 헤더 */ html[data-pal="p020"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p020"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p020"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p020"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p020"] header.fixed .gnb_1da, html[data-pal="p020"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p020"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p020"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p020"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p020"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p020"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p020"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p020"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p020"] .sub_bc_btn.open, html[data-pal="p020"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p020"] #ft, html[data-pal="p020"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p020"] footer a, html[data-pal="p020"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p020"] footer a:hover, html[data-pal="p020"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p020"] .btn_submit, html[data-pal="p020"] button[type="submit"], html[data-pal="p020"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p020"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p020"] .wz-blk-sub, html[data-pal="p020"] .sub_title h2.tit03, html[data-pal="p020"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p020"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p020"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p020"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p020"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p020"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p020"] .section-dark, html[data-pal="p020"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p020"] .section-dark2, html[data-pal="p020"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p021 Warm Neutral Tones (orange) ── */ html[data-pal="p021"] { /* 5색 역할 변수 */ --p: #582F0E; /* 헤더/서브비주얼 배경 */ --fp: #333D29; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #7F4F24; /* 버튼/포인트/강조 */ --a2: #936639; /* 서브타이틀/보조강조 */ --a3: #C2C5AA; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #4d290c; --p3: #42230a; --p-97: rgba(88,47,14,0.97); --p-60: rgba(88,47,14,0.6); --p-40: rgba(88,47,14,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#7F4F24; --submenu-bg: #ffffff; --a1-30:rgba(127,79,36,0.3); --a1-20:rgba(127,79,36,0.2); --a1-12:rgba(127,79,36,0.12); /* 레거시 호환 */ --point-color: #7F4F24; --txt-point-color: #7F4F24; --basic-color: #f0f0f0; --header-bg: #582F0E; --footer-bg: #333D29; --footer-text: #ffffff; --footer-border: rgba(127,79,36,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #582F0E; --section-dark2: #4d290c; --nav-link: #ffffff; --nav-hover: #7F4F24; --border-color: rgba(147,102,57,0.25); --aside-bg: #7F4F24; --accent: #7F4F24; --wz-side-bg: #582F0E; --wz-side-text: #ffffff; --wz-side-hover-bg: #7F4F24; } /* 헤더 */ html[data-pal="p021"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p021"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p021"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p021"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p021"] header.fixed .gnb_1da, html[data-pal="p021"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p021"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p021"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p021"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p021"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p021"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p021"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p021"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p021"] .sub_bc_btn.open, html[data-pal="p021"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p021"] #ft, html[data-pal="p021"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p021"] footer a, html[data-pal="p021"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p021"] footer a:hover, html[data-pal="p021"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p021"] .btn_submit, html[data-pal="p021"] button[type="submit"], html[data-pal="p021"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p021"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p021"] .wz-blk-sub, html[data-pal="p021"] .sub_title h2.tit03, html[data-pal="p021"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p021"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p021"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p021"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p021"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p021"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p021"] .section-dark, html[data-pal="p021"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p021"] .section-dark2, html[data-pal="p021"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p022 Refreshing Summer Fun (navy) ── */ html[data-pal="p022"] { /* 5색 역할 변수 */ --p: #023047; /* 헤더/서브비주얼 배경 */ --fp: #151a1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFB703; /* 버튼/포인트/강조 */ --a2: #FB8500; /* 서브타이틀/보조강조 */ --a3: #8ECAE6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #012a3e; --p3: #012435; --p-97: rgba(2,48,71,0.97); --p-60: rgba(2,48,71,0.6); --p-40: rgba(2,48,71,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFB703; --submenu-bg: #ffffff; --a1-30:rgba(255,183,3,0.3); --a1-20:rgba(255,183,3,0.2); --a1-12:rgba(255,183,3,0.12); /* 레거시 호환 */ --point-color: #FFB703; --txt-point-color: #FFB703; --basic-color: #f0f0f0; --header-bg: #023047; --footer-bg: #151a1d; --footer-text: #ffffff; --footer-border: rgba(255,183,3,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #023047; --section-dark2: #012a3e; --nav-link: #ffffff; --nav-hover: #FFB703; --border-color: rgba(251,133,0,0.25); --aside-bg: #FFB703; --accent: #FFB703; --wz-side-bg: #023047; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFB703; } /* 헤더 */ html[data-pal="p022"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p022"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p022"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p022"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p022"] header.fixed .gnb_1da, html[data-pal="p022"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p022"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p022"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p022"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p022"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p022"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p022"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p022"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p022"] .sub_bc_btn.open, html[data-pal="p022"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p022"] #ft, html[data-pal="p022"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p022"] footer a, html[data-pal="p022"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p022"] footer a:hover, html[data-pal="p022"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p022"] .btn_submit, html[data-pal="p022"] button[type="submit"], html[data-pal="p022"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p022"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p022"] .wz-blk-sub, html[data-pal="p022"] .sub_title h2.tit03, html[data-pal="p022"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p022"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p022"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p022"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p022"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p022"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p022"] .section-dark, html[data-pal="p022"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p022"] .section-dark2, html[data-pal="p022"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p023 Cool Coastal Vibes (navy) ── */ html[data-pal="p023"] { /* 5색 역할 변수 */ --p: #2B2D42; /* 헤더/서브비주얼 배경 */ --fp: #1a1a1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D90429; /* 버튼/포인트/강조 */ --a2: #8D99AE; /* 서브타이틀/보조강조 */ --a3: #EDF2F4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #25273a; --p3: #202232; --p-97: rgba(43,45,66,0.97); --p-60: rgba(43,45,66,0.6); --p-40: rgba(43,45,66,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D90429; --submenu-bg: #ffffff; --a1-30:rgba(217,4,41,0.3); --a1-20:rgba(217,4,41,0.2); --a1-12:rgba(217,4,41,0.12); /* 레거시 호환 */ --point-color: #D90429; --txt-point-color: #D90429; --basic-color: #f0f0f0; --header-bg: #2B2D42; --footer-bg: #1a1a1d; --footer-text: #ffffff; --footer-border: rgba(217,4,41,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2B2D42; --section-dark2: #25273a; --nav-link: #ffffff; --nav-hover: #D90429; --border-color: rgba(141,153,174,0.25); --aside-bg: #D90429; --accent: #D90429; --wz-side-bg: #2B2D42; --wz-side-text: #ffffff; --wz-side-hover-bg: #D90429; } /* 헤더 */ html[data-pal="p023"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p023"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p023"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p023"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p023"] header.fixed .gnb_1da, html[data-pal="p023"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p023"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p023"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p023"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p023"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p023"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p023"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p023"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p023"] .sub_bc_btn.open, html[data-pal="p023"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p023"] #ft, html[data-pal="p023"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p023"] footer a, html[data-pal="p023"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p023"] footer a:hover, html[data-pal="p023"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p023"] .btn_submit, html[data-pal="p023"] button[type="submit"], html[data-pal="p023"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p023"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p023"] .wz-blk-sub, html[data-pal="p023"] .sub_title h2.tit03, html[data-pal="p023"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p023"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p023"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p023"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p023"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p023"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p023"] .section-dark, html[data-pal="p023"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p023"] .section-dark2, html[data-pal="p023"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p024 Serene Blue (navy) ── */ html[data-pal="p024"] { /* 5색 역할 변수 */ --p: #274C77; /* 헤더/서브비주얼 배경 */ --fp: #191e23; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #6096BA; /* 버튼/포인트/강조 */ --a2: #A3CEF1; /* 서브타이틀/보조강조 */ --a3: #E7ECEF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #224268; --p3: #1d395a; --p-97: rgba(39,76,119,0.97); --p-60: rgba(39,76,119,0.6); --p-40: rgba(39,76,119,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#6096BA; --submenu-bg: #ffffff; --a1-30:rgba(96,150,186,0.3); --a1-20:rgba(96,150,186,0.2); --a1-12:rgba(96,150,186,0.12); /* 레거시 호환 */ --point-color: #6096BA; --txt-point-color: #6096BA; --basic-color: #f0f0f0; --header-bg: #274C77; --footer-bg: #191e23; --footer-text: #ffffff; --footer-border: rgba(96,150,186,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #274C77; --section-dark2: #224268; --nav-link: #ffffff; --nav-hover: #6096BA; --border-color: rgba(163,206,241,0.25); --aside-bg: #6096BA; --accent: #6096BA; --wz-side-bg: #274C77; --wz-side-text: #ffffff; --wz-side-hover-bg: #6096BA; } /* 헤더 */ html[data-pal="p024"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p024"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p024"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p024"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p024"] header.fixed .gnb_1da, html[data-pal="p024"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p024"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p024"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p024"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p024"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p024"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p024"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p024"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p024"] .sub_bc_btn.open, html[data-pal="p024"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p024"] #ft, html[data-pal="p024"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p024"] footer a, html[data-pal="p024"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p024"] footer a:hover, html[data-pal="p024"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p024"] .btn_submit, html[data-pal="p024"] button[type="submit"], html[data-pal="p024"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p024"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p024"] .wz-blk-sub, html[data-pal="p024"] .sub_title h2.tit03, html[data-pal="p024"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p024"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p024"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p024"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p024"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p024"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p024"] .section-dark, html[data-pal="p024"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p024"] .section-dark2, html[data-pal="p024"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p025 Soft Pink Delight (red) ── */ html[data-pal="p025"] { /* 5색 역할 변수 */ --p: #FB6F92; /* 헤더/서브비주얼 배경 */ --fp: #332226; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF8FAB; /* 버튼/포인트/강조 */ --a2: #FFB3C6; /* 서브타이틀/보조강조 */ --a3: #FFE5EC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #dc6180; --p3: #be546e; --p-97: rgba(251,111,146,0.97); --p-60: rgba(251,111,146,0.6); --p-40: rgba(251,111,146,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FF8FAB; --submenu-bg: #f8f8f8; --a1-30:rgba(255,143,171,0.3); --a1-20:rgba(255,143,171,0.2); --a1-12:rgba(255,143,171,0.12); /* 레거시 호환 */ --point-color: #FF8FAB; --txt-point-color: #FF8FAB; --basic-color: #1a1a1a; --header-bg: #FB6F92; --footer-bg: #332226; --footer-text: #ffffff; --footer-border: rgba(255,143,171,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FB6F92; --section-dark2: #dc6180; --nav-link: #111111; --nav-hover: #FF8FAB; --border-color: rgba(255,179,198,0.25); --aside-bg: #FF8FAB; --accent: #FF8FAB; --wz-side-bg: #FB6F92; --wz-side-text: #111111; --wz-side-hover-bg: #FF8FAB; } /* 헤더 */ html[data-pal="p025"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p025"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p025"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p025"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p025"] header.fixed .gnb_1da, html[data-pal="p025"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p025"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p025"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p025"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p025"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p025"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p025"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p025"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p025"] .sub_bc_btn.open, html[data-pal="p025"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p025"] #ft, html[data-pal="p025"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p025"] footer a, html[data-pal="p025"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p025"] footer a:hover, html[data-pal="p025"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p025"] .btn_submit, html[data-pal="p025"] button[type="submit"], html[data-pal="p025"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p025"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p025"] .wz-blk-sub, html[data-pal="p025"] .sub_title h2.tit03, html[data-pal="p025"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p025"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p025"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p025"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p025"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p025"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p025"] .section-dark, html[data-pal="p025"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p025"] .section-dark2, html[data-pal="p025"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p026 Black & Gold Elegance (navy) ── */ html[data-pal="p026"] { /* 5색 역할 변수 */ --p: #14213D; /* 헤더/서브비주얼 배경 */ --fp: #17191c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FCA311; /* 버튼/포인트/강조 */ --a2: #E5E5E5; /* 서브타이틀/보조강조 */ --a3: #E5E5E5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #111d35; --p3: #0f192e; --p-97: rgba(20,33,61,0.97); --p-60: rgba(20,33,61,0.6); --p-40: rgba(20,33,61,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FCA311; --submenu-bg: #ffffff; --a1-30:rgba(252,163,17,0.3); --a1-20:rgba(252,163,17,0.2); --a1-12:rgba(252,163,17,0.12); /* 레거시 호환 */ --point-color: #FCA311; --txt-point-color: #FCA311; --basic-color: #f0f0f0; --header-bg: #14213D; --footer-bg: #17191c; --footer-text: #ffffff; --footer-border: rgba(252,163,17,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #14213D; --section-dark2: #111d35; --nav-link: #ffffff; --nav-hover: #FCA311; --border-color: rgba(229,229,229,0.25); --aside-bg: #FCA311; --accent: #FCA311; --wz-side-bg: #14213D; --wz-side-text: #ffffff; --wz-side-hover-bg: #FCA311; } /* 헤더 */ html[data-pal="p026"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p026"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p026"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p026"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p026"] header.fixed .gnb_1da, html[data-pal="p026"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p026"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p026"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p026"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p026"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p026"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p026"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p026"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p026"] .sub_bc_btn.open, html[data-pal="p026"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p026"] #ft, html[data-pal="p026"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p026"] footer a, html[data-pal="p026"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p026"] footer a:hover, html[data-pal="p026"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p026"] .btn_submit, html[data-pal="p026"] button[type="submit"], html[data-pal="p026"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p026"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p026"] .wz-blk-sub, html[data-pal="p026"] .sub_title h2.tit03, html[data-pal="p026"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p026"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p026"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p026"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p026"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p026"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p026"] .section-dark, html[data-pal="p026"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p026"] .section-dark2, html[data-pal="p026"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p027 Autumn Harvest (orange) ── */ html[data-pal="p027"] { /* 5색 역할 변수 */ --p: #432818; /* 헤더/서브비주얼 배경 */ --fp: #6F1D1B; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #99582A; /* 버튼/포인트/강조 */ --a2: #BB9457; /* 서브타이틀/보조강조 */ --a3: #FFE6A7; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #3a2315; --p3: #321e12; --p-97: rgba(67,40,24,0.97); --p-60: rgba(67,40,24,0.6); --p-40: rgba(67,40,24,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#99582A; --submenu-bg: #ffffff; --a1-30:rgba(153,88,42,0.3); --a1-20:rgba(153,88,42,0.2); --a1-12:rgba(153,88,42,0.12); /* 레거시 호환 */ --point-color: #99582A; --txt-point-color: #99582A; --basic-color: #f0f0f0; --header-bg: #432818; --footer-bg: #6F1D1B; --footer-text: #ffffff; --footer-border: rgba(153,88,42,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #432818; --section-dark2: #3a2315; --nav-link: #ffffff; --nav-hover: #99582A; --border-color: rgba(187,148,87,0.25); --aside-bg: #99582A; --accent: #99582A; --wz-side-bg: #432818; --wz-side-text: #ffffff; --wz-side-hover-bg: #99582A; } /* 헤더 */ html[data-pal="p027"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p027"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p027"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p027"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p027"] header.fixed .gnb_1da, html[data-pal="p027"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p027"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p027"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p027"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p027"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p027"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p027"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p027"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p027"] .sub_bc_btn.open, html[data-pal="p027"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p027"] #ft, html[data-pal="p027"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p027"] footer a, html[data-pal="p027"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p027"] footer a:hover, html[data-pal="p027"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p027"] .btn_submit, html[data-pal="p027"] button[type="submit"], html[data-pal="p027"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p027"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p027"] .wz-blk-sub, html[data-pal="p027"] .sub_title h2.tit03, html[data-pal="p027"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p027"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p027"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p027"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p027"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p027"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p027"] .section-dark, html[data-pal="p027"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p027"] .section-dark2, html[data-pal="p027"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p028 Earthy Tones (orange) ── */ html[data-pal="p028"] { /* 5색 역할 변수 */ --p: #6C584C; /* 헤더/서브비주얼 배경 */ --fp: #221f1e; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #ADC178; /* 버튼/포인트/강조 */ --a2: #A98467; /* 서브타이틀/보조강조 */ --a3: #F0EAD2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5f4d42; --p3: #524239; --p-97: rgba(108,88,76,0.97); --p-60: rgba(108,88,76,0.6); --p-40: rgba(108,88,76,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#ADC178; --submenu-bg: #ffffff; --a1-30:rgba(173,193,120,0.3); --a1-20:rgba(173,193,120,0.2); --a1-12:rgba(173,193,120,0.12); /* 레거시 호환 */ --point-color: #ADC178; --txt-point-color: #ADC178; --basic-color: #f0f0f0; --header-bg: #6C584C; --footer-bg: #221f1e; --footer-text: #ffffff; --footer-border: rgba(173,193,120,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #6C584C; --section-dark2: #5f4d42; --nav-link: #ffffff; --nav-hover: #ADC178; --border-color: rgba(169,132,103,0.25); --aside-bg: #ADC178; --accent: #ADC178; --wz-side-bg: #6C584C; --wz-side-text: #ffffff; --wz-side-hover-bg: #ADC178; } /* 헤더 */ html[data-pal="p028"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p028"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p028"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p028"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p028"] header.fixed .gnb_1da, html[data-pal="p028"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p028"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p028"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p028"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p028"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p028"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p028"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p028"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p028"] .sub_bc_btn.open, html[data-pal="p028"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p028"] #ft, html[data-pal="p028"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p028"] footer a, html[data-pal="p028"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p028"] footer a:hover, html[data-pal="p028"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p028"] .btn_submit, html[data-pal="p028"] button[type="submit"], html[data-pal="p028"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p028"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p028"] .wz-blk-sub, html[data-pal="p028"] .sub_title h2.tit03, html[data-pal="p028"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p028"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p028"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p028"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p028"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p028"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p028"] .section-dark, html[data-pal="p028"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p028"] .section-dark2, html[data-pal="p028"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p029 Cozy Neutral Retreat (green) ── */ html[data-pal="p029"] { /* 5색 역할 변수 */ --p: #6B705C; /* 헤더/서브비주얼 배경 */ --fp: #212220; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #CB997E; /* 버튼/포인트/강조 */ --a2: #DDBEA9; /* 서브타이틀/보조강조 */ --a3: #FFE8D6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5e6250; --p3: #515545; --p-97: rgba(107,112,92,0.97); --p-60: rgba(107,112,92,0.6); --p-40: rgba(107,112,92,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#CB997E; --submenu-bg: #ffffff; --a1-30:rgba(203,153,126,0.3); --a1-20:rgba(203,153,126,0.2); --a1-12:rgba(203,153,126,0.12); /* 레거시 호환 */ --point-color: #CB997E; --txt-point-color: #CB997E; --basic-color: #f0f0f0; --header-bg: #6B705C; --footer-bg: #212220; --footer-text: #ffffff; --footer-border: rgba(203,153,126,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #6B705C; --section-dark2: #5e6250; --nav-link: #ffffff; --nav-hover: #CB997E; --border-color: rgba(221,190,169,0.25); --aside-bg: #CB997E; --accent: #CB997E; --wz-side-bg: #6B705C; --wz-side-text: #ffffff; --wz-side-hover-bg: #CB997E; } /* 헤더 */ html[data-pal="p029"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p029"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p029"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p029"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p029"] header.fixed .gnb_1da, html[data-pal="p029"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p029"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p029"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p029"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p029"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p029"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p029"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p029"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p029"] .sub_bc_btn.open, html[data-pal="p029"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p029"] #ft, html[data-pal="p029"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p029"] footer a, html[data-pal="p029"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p029"] footer a:hover, html[data-pal="p029"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p029"] .btn_submit, html[data-pal="p029"] button[type="submit"], html[data-pal="p029"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p029"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p029"] .wz-blk-sub, html[data-pal="p029"] .sub_title h2.tit03, html[data-pal="p029"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p029"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p029"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p029"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p029"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p029"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p029"] .section-dark, html[data-pal="p029"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p029"] .section-dark2, html[data-pal="p029"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p030 Refreshing Spring Hues (green) ── */ html[data-pal="p030"] { /* 5색 역할 변수 */ --p: #7BF1A8; /* 헤더/서브비주얼 배경 */ --fp: #233229; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFD6E0; /* 버튼/포인트/강조 */ --a2: #C1FBA4; /* 서브타이틀/보조강조 */ --a3: #FFEF9F; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #6cd493; --p3: #5db77f; --p-97: rgba(123,241,168,0.97); --p-60: rgba(123,241,168,0.6); --p-40: rgba(123,241,168,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FFD6E0; --submenu-bg: #f8f8f8; --a1-30:rgba(255,214,224,0.3); --a1-20:rgba(255,214,224,0.2); --a1-12:rgba(255,214,224,0.12); /* 레거시 호환 */ --point-color: #FFD6E0; --txt-point-color: #FFD6E0; --basic-color: #1a1a1a; --header-bg: #7BF1A8; --footer-bg: #233229; --footer-text: #ffffff; --footer-border: rgba(255,214,224,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #7BF1A8; --section-dark2: #6cd493; --nav-link: #111111; --nav-hover: #FFD6E0; --border-color: rgba(193,251,164,0.25); --aside-bg: #FFD6E0; --accent: #FFD6E0; --wz-side-bg: #7BF1A8; --wz-side-text: #111111; --wz-side-hover-bg: #FFD6E0; } /* 헤더 */ html[data-pal="p030"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p030"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p030"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p030"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p030"] header.fixed .gnb_1da, html[data-pal="p030"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p030"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p030"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p030"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p030"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p030"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p030"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p030"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p030"] .sub_bc_btn.open, html[data-pal="p030"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p030"] #ft, html[data-pal="p030"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p030"] footer a, html[data-pal="p030"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p030"] footer a:hover, html[data-pal="p030"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p030"] .btn_submit, html[data-pal="p030"] button[type="submit"], html[data-pal="p030"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p030"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p030"] .wz-blk-sub, html[data-pal="p030"] .sub_title h2.tit03, html[data-pal="p030"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p030"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p030"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p030"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p030"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p030"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p030"] .section-dark, html[data-pal="p030"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p030"] .section-dark2, html[data-pal="p030"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p031 Neutral Harmony Bliss (navy) ── */ html[data-pal="p031"] { /* 5색 역할 변수 */ --p: #3D405B; /* 헤더/서브비주얼 배경 */ --fp: #1c1c20; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E07A5F; /* 버튼/포인트/강조 */ --a2: #81B29A; /* 서브타이틀/보조강조 */ --a3: #F4F1DE; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #353850; --p3: #2e3045; --p-97: rgba(61,64,91,0.97); --p-60: rgba(61,64,91,0.6); --p-40: rgba(61,64,91,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E07A5F; --submenu-bg: #ffffff; --a1-30:rgba(224,122,95,0.3); --a1-20:rgba(224,122,95,0.2); --a1-12:rgba(224,122,95,0.12); /* 레거시 호환 */ --point-color: #E07A5F; --txt-point-color: #E07A5F; --basic-color: #f0f0f0; --header-bg: #3D405B; --footer-bg: #1c1c20; --footer-text: #ffffff; --footer-border: rgba(224,122,95,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3D405B; --section-dark2: #353850; --nav-link: #ffffff; --nav-hover: #E07A5F; --border-color: rgba(129,178,154,0.25); --aside-bg: #E07A5F; --accent: #E07A5F; --wz-side-bg: #3D405B; --wz-side-text: #ffffff; --wz-side-hover-bg: #E07A5F; } /* 헤더 */ html[data-pal="p031"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p031"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p031"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p031"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p031"] header.fixed .gnb_1da, html[data-pal="p031"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p031"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p031"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p031"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p031"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p031"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p031"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p031"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p031"] .sub_bc_btn.open, html[data-pal="p031"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p031"] #ft, html[data-pal="p031"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p031"] footer a, html[data-pal="p031"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p031"] footer a:hover, html[data-pal="p031"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p031"] .btn_submit, html[data-pal="p031"] button[type="submit"], html[data-pal="p031"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p031"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p031"] .wz-blk-sub, html[data-pal="p031"] .sub_title h2.tit03, html[data-pal="p031"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p031"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p031"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p031"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p031"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p031"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p031"] .section-dark, html[data-pal="p031"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p031"] .section-dark2, html[data-pal="p031"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p032 Sunny Beach Day (navy) ── */ html[data-pal="p032"] { /* 5색 역할 변수 */ --p: #264653; /* 헤더/서브비주얼 배경 */ --fp: #191d1f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F4A261; /* 버튼/포인트/강조 */ --a2: #E76F51; /* 서브타이틀/보조강조 */ --a3: #E9C46A; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #213d49; --p3: #1c353f; --p-97: rgba(38,70,83,0.97); --p-60: rgba(38,70,83,0.6); --p-40: rgba(38,70,83,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F4A261; --submenu-bg: #ffffff; --a1-30:rgba(244,162,97,0.3); --a1-20:rgba(244,162,97,0.2); --a1-12:rgba(244,162,97,0.12); /* 레거시 호환 */ --point-color: #F4A261; --txt-point-color: #F4A261; --basic-color: #f0f0f0; --header-bg: #264653; --footer-bg: #191d1f; --footer-text: #ffffff; --footer-border: rgba(244,162,97,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #264653; --section-dark2: #213d49; --nav-link: #ffffff; --nav-hover: #F4A261; --border-color: rgba(231,111,81,0.25); --aside-bg: #F4A261; --accent: #F4A261; --wz-side-bg: #264653; --wz-side-text: #ffffff; --wz-side-hover-bg: #F4A261; } /* 헤더 */ html[data-pal="p032"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p032"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p032"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p032"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p032"] header.fixed .gnb_1da, html[data-pal="p032"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p032"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p032"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p032"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p032"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p032"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p032"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p032"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p032"] .sub_bc_btn.open, html[data-pal="p032"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p032"] #ft, html[data-pal="p032"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p032"] footer a, html[data-pal="p032"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p032"] footer a:hover, html[data-pal="p032"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p032"] .btn_submit, html[data-pal="p032"] button[type="submit"], html[data-pal="p032"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p032"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p032"] .wz-blk-sub, html[data-pal="p032"] .sub_title h2.tit03, html[data-pal="p032"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p032"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p032"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p032"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p032"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p032"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p032"] .section-dark, html[data-pal="p032"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p032"] .section-dark2, html[data-pal="p032"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p033 Fiery Palette (pink) ── */ html[data-pal="p033"] { /* 5색 역할 변수 */ --p: #5F0F40; /* 헤더/서브비주얼 배경 */ --fp: #0F4C5C; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FB8B24; /* 버튼/포인트/강조 */ --a2: #E36414; /* 서브타이틀/보조강조 */ --a3: #FB8B24; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #530d38; --p3: #480b30; --p-97: rgba(95,15,64,0.97); --p-60: rgba(95,15,64,0.6); --p-40: rgba(95,15,64,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FB8B24; --submenu-bg: #ffffff; --a1-30:rgba(251,139,36,0.3); --a1-20:rgba(251,139,36,0.2); --a1-12:rgba(251,139,36,0.12); /* 레거시 호환 */ --point-color: #FB8B24; --txt-point-color: #FB8B24; --basic-color: #f0f0f0; --header-bg: #5F0F40; --footer-bg: #0F4C5C; --footer-text: #ffffff; --footer-border: rgba(251,139,36,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #5F0F40; --section-dark2: #530d38; --nav-link: #ffffff; --nav-hover: #FB8B24; --border-color: rgba(227,100,20,0.25); --aside-bg: #FB8B24; --accent: #FB8B24; --wz-side-bg: #5F0F40; --wz-side-text: #ffffff; --wz-side-hover-bg: #FB8B24; } /* 헤더 */ html[data-pal="p033"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p033"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p033"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p033"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p033"] header.fixed .gnb_1da, html[data-pal="p033"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p033"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p033"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p033"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p033"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p033"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p033"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p033"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p033"] .sub_bc_btn.open, html[data-pal="p033"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p033"] #ft, html[data-pal="p033"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p033"] footer a, html[data-pal="p033"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p033"] footer a:hover, html[data-pal="p033"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p033"] .btn_submit, html[data-pal="p033"] button[type="submit"], html[data-pal="p033"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p033"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p033"] .wz-blk-sub, html[data-pal="p033"] .sub_title h2.tit03, html[data-pal="p033"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p033"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p033"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p033"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p033"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p033"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p033"] .section-dark, html[data-pal="p033"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p033"] .section-dark2, html[data-pal="p033"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p034 Minimalist Elegance (navy) ── */ html[data-pal="p034"] { /* 5색 역할 변수 */ --p: #2D3142; /* 헤더/서브비주얼 배경 */ --fp: #1a1b1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EF8354; /* 버튼/포인트/강조 */ --a2: #BFC0C0; /* 서브타이틀/보조강조 */ --a3: #BFC0C0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #272b3a; --p3: #222532; --p-97: rgba(45,49,66,0.97); --p-60: rgba(45,49,66,0.6); --p-40: rgba(45,49,66,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EF8354; --submenu-bg: #ffffff; --a1-30:rgba(239,131,84,0.3); --a1-20:rgba(239,131,84,0.2); --a1-12:rgba(239,131,84,0.12); /* 레거시 호환 */ --point-color: #EF8354; --txt-point-color: #EF8354; --basic-color: #f0f0f0; --header-bg: #2D3142; --footer-bg: #1a1b1d; --footer-text: #ffffff; --footer-border: rgba(239,131,84,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2D3142; --section-dark2: #272b3a; --nav-link: #ffffff; --nav-hover: #EF8354; --border-color: rgba(191,192,192,0.25); --aside-bg: #EF8354; --accent: #EF8354; --wz-side-bg: #2D3142; --wz-side-text: #ffffff; --wz-side-hover-bg: #EF8354; } /* 헤더 */ html[data-pal="p034"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p034"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p034"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p034"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p034"] header.fixed .gnb_1da, html[data-pal="p034"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p034"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p034"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p034"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p034"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p034"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p034"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p034"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p034"] .sub_bc_btn.open, html[data-pal="p034"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p034"] #ft, html[data-pal="p034"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p034"] footer a, html[data-pal="p034"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p034"] footer a:hover, html[data-pal="p034"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p034"] .btn_submit, html[data-pal="p034"] button[type="submit"], html[data-pal="p034"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p034"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p034"] .wz-blk-sub, html[data-pal="p034"] .sub_title h2.tit03, html[data-pal="p034"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p034"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p034"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p034"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p034"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p034"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p034"] .section-dark, html[data-pal="p034"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p034"] .section-dark2, html[data-pal="p034"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p035 Peachy Delight (red) ── */ html[data-pal="p035"] { /* 5색 역할 변수 */ --p: #9D8189; /* 헤더/서브비주얼 배경 */ --fp: #272425; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F4ACB7; /* 버튼/포인트/강조 */ --a2: #D8E2DC; /* 서브타이틀/보조강조 */ --a3: #FFE5D9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #8a7178; --p3: #776268; --p-97: rgba(157,129,137,0.97); --p-60: rgba(157,129,137,0.6); --p-40: rgba(157,129,137,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F4ACB7; --submenu-bg: #f8f8f8; --a1-30:rgba(244,172,183,0.3); --a1-20:rgba(244,172,183,0.2); --a1-12:rgba(244,172,183,0.12); /* 레거시 호환 */ --point-color: #F4ACB7; --txt-point-color: #F4ACB7; --basic-color: #1a1a1a; --header-bg: #9D8189; --footer-bg: #272425; --footer-text: #ffffff; --footer-border: rgba(244,172,183,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #9D8189; --section-dark2: #8a7178; --nav-link: #111111; --nav-hover: #F4ACB7; --border-color: rgba(216,226,220,0.25); --aside-bg: #F4ACB7; --accent: #F4ACB7; --wz-side-bg: #9D8189; --wz-side-text: #111111; --wz-side-hover-bg: #F4ACB7; } /* 헤더 */ html[data-pal="p035"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p035"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p035"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p035"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p035"] header.fixed .gnb_1da, html[data-pal="p035"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p035"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p035"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p035"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p035"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p035"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p035"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p035"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p035"] .sub_bc_btn.open, html[data-pal="p035"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p035"] #ft, html[data-pal="p035"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p035"] footer a, html[data-pal="p035"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p035"] footer a:hover, html[data-pal="p035"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p035"] .btn_submit, html[data-pal="p035"] button[type="submit"], html[data-pal="p035"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p035"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p035"] .wz-blk-sub, html[data-pal="p035"] .sub_title h2.tit03, html[data-pal="p035"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p035"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p035"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p035"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p035"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p035"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p035"] .section-dark, html[data-pal="p035"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p035"] .section-dark2, html[data-pal="p035"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p036 Watermelon Sorbet (navy) ── */ html[data-pal="p036"] { /* 5색 역할 변수 */ --p: #073B4C; /* 헤더/서브비주얼 배경 */ --fp: #151c1e; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #06D6A0; /* 버튼/포인트/강조 */ --a2: #118AB2; /* 서브타이틀/보조강조 */ --a3: #FFD166; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #063342; --p3: #052c39; --p-97: rgba(7,59,76,0.97); --p-60: rgba(7,59,76,0.6); --p-40: rgba(7,59,76,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#06D6A0; --submenu-bg: #ffffff; --a1-30:rgba(6,214,160,0.3); --a1-20:rgba(6,214,160,0.2); --a1-12:rgba(6,214,160,0.12); /* 레거시 호환 */ --point-color: #06D6A0; --txt-point-color: #06D6A0; --basic-color: #f0f0f0; --header-bg: #073B4C; --footer-bg: #151c1e; --footer-text: #ffffff; --footer-border: rgba(6,214,160,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #073B4C; --section-dark2: #063342; --nav-link: #ffffff; --nav-hover: #06D6A0; --border-color: rgba(17,138,178,0.25); --aside-bg: #06D6A0; --accent: #06D6A0; --wz-side-bg: #073B4C; --wz-side-text: #ffffff; --wz-side-hover-bg: #06D6A0; } /* 헤더 */ html[data-pal="p036"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p036"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p036"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p036"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p036"] header.fixed .gnb_1da, html[data-pal="p036"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p036"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p036"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p036"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p036"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p036"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p036"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p036"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p036"] .sub_bc_btn.open, html[data-pal="p036"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p036"] #ft, html[data-pal="p036"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p036"] footer a, html[data-pal="p036"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p036"] footer a:hover, html[data-pal="p036"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p036"] .btn_submit, html[data-pal="p036"] button[type="submit"], html[data-pal="p036"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p036"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p036"] .wz-blk-sub, html[data-pal="p036"] .sub_title h2.tit03, html[data-pal="p036"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p036"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p036"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p036"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p036"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p036"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p036"] .section-dark, html[data-pal="p036"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p036"] .section-dark2, html[data-pal="p036"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p037 Monochrome Beach (mono) ── */ html[data-pal="p037"] { /* 5색 역할 변수 */ --p: #353535; /* 헤더/서브비주얼 배경 */ --fp: #1b1b1b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #284B63; /* 버튼/포인트/강조 */ --a2: #D9D9D9; /* 서브타이틀/보조강조 */ --a3: #D9D9D9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #2e2e2e; --p3: #282828; --p-97: rgba(53,53,53,0.97); --p-60: rgba(53,53,53,0.6); --p-40: rgba(53,53,53,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#284B63; --submenu-bg: #ffffff; --a1-30:rgba(40,75,99,0.3); --a1-20:rgba(40,75,99,0.2); --a1-12:rgba(40,75,99,0.12); /* 레거시 호환 */ --point-color: #284B63; --txt-point-color: #284B63; --basic-color: #f0f0f0; --header-bg: #353535; --footer-bg: #1b1b1b; --footer-text: #ffffff; --footer-border: rgba(40,75,99,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #353535; --section-dark2: #2e2e2e; --nav-link: #ffffff; --nav-hover: #284B63; --border-color: rgba(217,217,217,0.25); --aside-bg: #284B63; --accent: #284B63; --wz-side-bg: #353535; --wz-side-text: #ffffff; --wz-side-hover-bg: #284B63; } /* 헤더 */ html[data-pal="p037"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p037"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p037"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p037"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p037"] header.fixed .gnb_1da, html[data-pal="p037"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p037"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p037"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p037"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p037"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p037"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p037"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p037"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p037"] .sub_bc_btn.open, html[data-pal="p037"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p037"] #ft, html[data-pal="p037"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p037"] footer a, html[data-pal="p037"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p037"] footer a:hover, html[data-pal="p037"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p037"] .btn_submit, html[data-pal="p037"] button[type="submit"], html[data-pal="p037"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p037"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p037"] .wz-blk-sub, html[data-pal="p037"] .sub_title h2.tit03, html[data-pal="p037"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p037"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p037"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p037"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p037"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p037"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p037"] .section-dark, html[data-pal="p037"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p037"] .section-dark2, html[data-pal="p037"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p038 Vibrant Sunset (purple) ── */ html[data-pal="p038"] { /* 5색 역할 변수 */ --p: #240046; /* 헤더/서브비주얼 배경 */ --fp: #19151d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF9E00; /* 버튼/포인트/강조 */ --a2: #FF9100; /* 서브타이틀/보조강조 */ --a3: #FF9E00; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1f003d; --p3: #1b0035; --p-97: rgba(36,0,70,0.97); --p-60: rgba(36,0,70,0.6); --p-40: rgba(36,0,70,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF9E00; --submenu-bg: #ffffff; --a1-30:rgba(255,158,0,0.3); --a1-20:rgba(255,158,0,0.2); --a1-12:rgba(255,158,0,0.12); /* 레거시 호환 */ --point-color: #FF9E00; --txt-point-color: #FF9E00; --basic-color: #f0f0f0; --header-bg: #240046; --footer-bg: #19151d; --footer-text: #ffffff; --footer-border: rgba(255,158,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #240046; --section-dark2: #1f003d; --nav-link: #ffffff; --nav-hover: #FF9E00; --border-color: rgba(255,145,0,0.25); --aside-bg: #FF9E00; --accent: #FF9E00; --wz-side-bg: #240046; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF9E00; } /* 헤더 */ html[data-pal="p038"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p038"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p038"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p038"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p038"] header.fixed .gnb_1da, html[data-pal="p038"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p038"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p038"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p038"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p038"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p038"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p038"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p038"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p038"] .sub_bc_btn.open, html[data-pal="p038"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p038"] #ft, html[data-pal="p038"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p038"] footer a, html[data-pal="p038"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p038"] footer a:hover, html[data-pal="p038"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p038"] .btn_submit, html[data-pal="p038"] button[type="submit"], html[data-pal="p038"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p038"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p038"] .wz-blk-sub, html[data-pal="p038"] .sub_title h2.tit03, html[data-pal="p038"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p038"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p038"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p038"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p038"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p038"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p038"] .section-dark, html[data-pal="p038"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p038"] .section-dark2, html[data-pal="p038"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p039 Meadow Green (navy) ── */ html[data-pal="p039"] { /* 5색 역할 변수 */ --p: #184E77; /* 헤더/서브비주얼 배경 */ --fp: #181e23; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #168AAD; /* 버튼/포인트/강조 */ --a2: #1A759F; /* 서브타이틀/보조강조 */ --a3: #D9ED92; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #154468; --p3: #123b5a; --p-97: rgba(24,78,119,0.97); --p-60: rgba(24,78,119,0.6); --p-40: rgba(24,78,119,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#168AAD; --submenu-bg: #ffffff; --a1-30:rgba(22,138,173,0.3); --a1-20:rgba(22,138,173,0.2); --a1-12:rgba(22,138,173,0.12); /* 레거시 호환 */ --point-color: #168AAD; --txt-point-color: #168AAD; --basic-color: #f0f0f0; --header-bg: #184E77; --footer-bg: #181e23; --footer-text: #ffffff; --footer-border: rgba(22,138,173,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #184E77; --section-dark2: #154468; --nav-link: #ffffff; --nav-hover: #168AAD; --border-color: rgba(26,117,159,0.25); --aside-bg: #168AAD; --accent: #168AAD; --wz-side-bg: #184E77; --wz-side-text: #ffffff; --wz-side-hover-bg: #168AAD; } /* 헤더 */ html[data-pal="p039"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p039"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p039"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p039"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p039"] header.fixed .gnb_1da, html[data-pal="p039"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p039"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p039"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p039"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p039"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p039"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p039"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p039"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p039"] .sub_bc_btn.open, html[data-pal="p039"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p039"] #ft, html[data-pal="p039"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p039"] footer a, html[data-pal="p039"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p039"] footer a:hover, html[data-pal="p039"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p039"] .btn_submit, html[data-pal="p039"] button[type="submit"], html[data-pal="p039"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p039"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p039"] .wz-blk-sub, html[data-pal="p039"] .sub_title h2.tit03, html[data-pal="p039"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p039"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p039"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p039"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p039"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p039"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p039"] .section-dark, html[data-pal="p039"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p039"] .section-dark2, html[data-pal="p039"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p040 Coastal Blues (navy) ── */ html[data-pal="p040"] { /* 5색 역할 변수 */ --p: #012A4A; /* 헤더/서브비주얼 배경 */ --fp: #151a1e; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #014F86; /* 버튼/포인트/강조 */ --a2: #2A6F97; /* 서브타이틀/보조강조 */ --a3: #A9D6E5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #002441; --p3: #001f38; --p-97: rgba(1,42,74,0.97); --p-60: rgba(1,42,74,0.6); --p-40: rgba(1,42,74,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#014F86; --submenu-bg: #ffffff; --a1-30:rgba(1,79,134,0.3); --a1-20:rgba(1,79,134,0.2); --a1-12:rgba(1,79,134,0.12); /* 레거시 호환 */ --point-color: #014F86; --txt-point-color: #014F86; --basic-color: #f0f0f0; --header-bg: #012A4A; --footer-bg: #151a1e; --footer-text: #ffffff; --footer-border: rgba(1,79,134,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #012A4A; --section-dark2: #002441; --nav-link: #ffffff; --nav-hover: #014F86; --border-color: rgba(42,111,151,0.25); --aside-bg: #014F86; --accent: #014F86; --wz-side-bg: #012A4A; --wz-side-text: #ffffff; --wz-side-hover-bg: #014F86; } /* 헤더 */ html[data-pal="p040"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p040"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p040"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p040"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p040"] header.fixed .gnb_1da, html[data-pal="p040"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p040"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p040"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p040"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p040"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p040"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p040"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p040"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p040"] .sub_bc_btn.open, html[data-pal="p040"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p040"] #ft, html[data-pal="p040"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p040"] footer a, html[data-pal="p040"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p040"] footer a:hover, html[data-pal="p040"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p040"] .btn_submit, html[data-pal="p040"] button[type="submit"], html[data-pal="p040"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p040"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p040"] .wz-blk-sub, html[data-pal="p040"] .sub_title h2.tit03, html[data-pal="p040"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p040"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p040"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p040"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p040"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p040"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p040"] .section-dark, html[data-pal="p040"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p040"] .section-dark2, html[data-pal="p040"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p041 Sunset Gradient (orange) ── */ html[data-pal="p041"] { /* 5색 역할 변수 */ --p: #FF7B00; /* 헤더/서브비주얼 배경 */ --fp: #332315; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFD000; /* 버튼/포인트/강조 */ --a2: #FFC300; /* 서브타이틀/보조강조 */ --a3: #FFEA00; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e06c00; --p3: #c15d00; --p-97: rgba(255,123,0,0.97); --p-60: rgba(255,123,0,0.6); --p-40: rgba(255,123,0,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FFD000; --submenu-bg: #f8f8f8; --a1-30:rgba(255,208,0,0.3); --a1-20:rgba(255,208,0,0.2); --a1-12:rgba(255,208,0,0.12); /* 레거시 호환 */ --point-color: #FFD000; --txt-point-color: #FFD000; --basic-color: #1a1a1a; --header-bg: #FF7B00; --footer-bg: #332315; --footer-text: #ffffff; --footer-border: rgba(255,208,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF7B00; --section-dark2: #e06c00; --nav-link: #111111; --nav-hover: #FFD000; --border-color: rgba(255,195,0,0.25); --aside-bg: #FFD000; --accent: #FFD000; --wz-side-bg: #FF7B00; --wz-side-text: #111111; --wz-side-hover-bg: #FFD000; } /* 헤더 */ html[data-pal="p041"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p041"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p041"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p041"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p041"] header.fixed .gnb_1da, html[data-pal="p041"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p041"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p041"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p041"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p041"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p041"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p041"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p041"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p041"] .sub_bc_btn.open, html[data-pal="p041"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p041"] #ft, html[data-pal="p041"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p041"] footer a, html[data-pal="p041"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p041"] footer a:hover, html[data-pal="p041"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p041"] .btn_submit, html[data-pal="p041"] button[type="submit"], html[data-pal="p041"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p041"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p041"] .wz-blk-sub, html[data-pal="p041"] .sub_title h2.tit03, html[data-pal="p041"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p041"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p041"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p041"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p041"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p041"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p041"] .section-dark, html[data-pal="p041"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p041"] .section-dark2, html[data-pal="p041"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p042 Vibrant Tones (navy) ── */ html[data-pal="p042"] { /* 5색 역할 변수 */ --p: #277DA1; /* 헤더/서브비주얼 배경 */ --fp: #F94144; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F8961E; /* 버튼/포인트/강조 */ --a2: #F3722C; /* 서브타이틀/보조강조 */ --a3: #F9C74F; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #226e8d; --p3: #1d5f7a; --p-97: rgba(39,125,161,0.97); --p-60: rgba(39,125,161,0.6); --p-40: rgba(39,125,161,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F8961E; --submenu-bg: #ffffff; --a1-30:rgba(248,150,30,0.3); --a1-20:rgba(248,150,30,0.2); --a1-12:rgba(248,150,30,0.12); /* 레거시 호환 */ --point-color: #F8961E; --txt-point-color: #F8961E; --basic-color: #f0f0f0; --header-bg: #277DA1; --footer-bg: #F94144; --footer-text: #ffffff; --footer-border: rgba(248,150,30,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #277DA1; --section-dark2: #226e8d; --nav-link: #ffffff; --nav-hover: #F8961E; --border-color: rgba(243,114,44,0.25); --aside-bg: #F8961E; --accent: #F8961E; --wz-side-bg: #277DA1; --wz-side-text: #ffffff; --wz-side-hover-bg: #F8961E; } /* 헤더 */ html[data-pal="p042"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p042"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p042"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p042"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p042"] header.fixed .gnb_1da, html[data-pal="p042"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p042"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p042"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p042"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p042"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p042"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p042"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p042"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p042"] .sub_bc_btn.open, html[data-pal="p042"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p042"] #ft, html[data-pal="p042"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p042"] footer a, html[data-pal="p042"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p042"] footer a:hover, html[data-pal="p042"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p042"] .btn_submit, html[data-pal="p042"] button[type="submit"], html[data-pal="p042"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p042"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p042"] .wz-blk-sub, html[data-pal="p042"] .sub_title h2.tit03, html[data-pal="p042"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p042"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p042"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p042"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p042"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p042"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p042"] .section-dark, html[data-pal="p042"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p042"] .section-dark2, html[data-pal="p042"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p043 Light Steel (navy) ── */ html[data-pal="p043"] { /* 5색 역할 변수 */ --p: #212529; /* 헤더/서브비주얼 배경 */ --fp: #19191a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #ADB5BD; /* 버튼/포인트/강조 */ --a2: #495057; /* 서브타이틀/보조강조 */ --a3: #F8F9FA; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1d2024; --p3: #191c1f; --p-97: rgba(33,37,41,0.97); --p-60: rgba(33,37,41,0.6); --p-40: rgba(33,37,41,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#ADB5BD; --submenu-bg: #ffffff; --a1-30:rgba(173,181,189,0.3); --a1-20:rgba(173,181,189,0.2); --a1-12:rgba(173,181,189,0.12); /* 레거시 호환 */ --point-color: #ADB5BD; --txt-point-color: #ADB5BD; --basic-color: #f0f0f0; --header-bg: #212529; --footer-bg: #19191a; --footer-text: #ffffff; --footer-border: rgba(173,181,189,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #212529; --section-dark2: #1d2024; --nav-link: #ffffff; --nav-hover: #ADB5BD; --border-color: rgba(73,80,87,0.25); --aside-bg: #ADB5BD; --accent: #ADB5BD; --wz-side-bg: #212529; --wz-side-text: #ffffff; --wz-side-hover-bg: #ADB5BD; } /* 헤더 */ html[data-pal="p043"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p043"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p043"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p043"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p043"] header.fixed .gnb_1da, html[data-pal="p043"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p043"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p043"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p043"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p043"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p043"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p043"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p043"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p043"] .sub_bc_btn.open, html[data-pal="p043"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p043"] #ft, html[data-pal="p043"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p043"] footer a, html[data-pal="p043"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p043"] footer a:hover, html[data-pal="p043"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p043"] .btn_submit, html[data-pal="p043"] button[type="submit"], html[data-pal="p043"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p043"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p043"] .wz-blk-sub, html[data-pal="p043"] .sub_title h2.tit03, html[data-pal="p043"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p043"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p043"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p043"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p043"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p043"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p043"] .section-dark, html[data-pal="p043"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p043"] .section-dark2, html[data-pal="p043"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p044 Bold Hues (purple) ── */ html[data-pal="p044"] { /* 5색 역할 변수 */ --p: #3A0CA3; /* 헤더/서브비주얼 배경 */ --fp: #1c1628; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #4CC9F0; /* 버튼/포인트/강조 */ --a2: #7209B7; /* 서브타이틀/보조강조 */ --a3: #EDE8FF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #330a8f; --p3: #2c097b; --p-97: rgba(58,12,163,0.97); --p-60: rgba(58,12,163,0.6); --p-40: rgba(58,12,163,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#4CC9F0; --submenu-bg: #ffffff; --a1-30:rgba(76,201,240,0.3); --a1-20:rgba(76,201,240,0.2); --a1-12:rgba(76,201,240,0.12); /* 레거시 호환 */ --point-color: #4CC9F0; --txt-point-color: #4CC9F0; --basic-color: #f0f0f0; --header-bg: #3A0CA3; --footer-bg: #1c1628; --footer-text: #ffffff; --footer-border: rgba(76,201,240,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3A0CA3; --section-dark2: #330a8f; --nav-link: #ffffff; --nav-hover: #4CC9F0; --border-color: rgba(114,9,183,0.25); --aside-bg: #4CC9F0; --accent: #4CC9F0; --wz-side-bg: #3A0CA3; --wz-side-text: #ffffff; --wz-side-hover-bg: #4CC9F0; } /* 헤더 */ html[data-pal="p044"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p044"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p044"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p044"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p044"] header.fixed .gnb_1da, html[data-pal="p044"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p044"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p044"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p044"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p044"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p044"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p044"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p044"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p044"] .sub_bc_btn.open, html[data-pal="p044"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p044"] #ft, html[data-pal="p044"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p044"] footer a, html[data-pal="p044"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p044"] footer a:hover, html[data-pal="p044"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p044"] .btn_submit, html[data-pal="p044"] button[type="submit"], html[data-pal="p044"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p044"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p044"] .wz-blk-sub, html[data-pal="p044"] .sub_title h2.tit03, html[data-pal="p044"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p044"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p044"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p044"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p044"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p044"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p044"] .section-dark, html[data-pal="p044"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p044"] .section-dark2, html[data-pal="p044"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p045 Ocean Sunset (navy) ── */ html[data-pal="p045"] { /* 5색 역할 변수 */ --p: #355070; /* 헤더/서브비주얼 배경 */ --fp: #1b1e22; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EAAC8B; /* 버튼/포인트/강조 */ --a2: #E56B6F; /* 서브타이틀/보조강조 */ --a3: #EAAC8B; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #2e4662; --p3: #283c55; --p-97: rgba(53,80,112,0.97); --p-60: rgba(53,80,112,0.6); --p-40: rgba(53,80,112,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EAAC8B; --submenu-bg: #ffffff; --a1-30:rgba(234,172,139,0.3); --a1-20:rgba(234,172,139,0.2); --a1-12:rgba(234,172,139,0.12); /* 레거시 호환 */ --point-color: #EAAC8B; --txt-point-color: #EAAC8B; --basic-color: #f0f0f0; --header-bg: #355070; --footer-bg: #1b1e22; --footer-text: #ffffff; --footer-border: rgba(234,172,139,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #355070; --section-dark2: #2e4662; --nav-link: #ffffff; --nav-hover: #EAAC8B; --border-color: rgba(229,107,111,0.25); --aside-bg: #EAAC8B; --accent: #EAAC8B; --wz-side-bg: #355070; --wz-side-text: #ffffff; --wz-side-hover-bg: #EAAC8B; } /* 헤더 */ html[data-pal="p045"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p045"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p045"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p045"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p045"] header.fixed .gnb_1da, html[data-pal="p045"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p045"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p045"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p045"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p045"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p045"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p045"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p045"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p045"] .sub_bc_btn.open, html[data-pal="p045"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p045"] #ft, html[data-pal="p045"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p045"] footer a, html[data-pal="p045"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p045"] footer a:hover, html[data-pal="p045"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p045"] .btn_submit, html[data-pal="p045"] button[type="submit"], html[data-pal="p045"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p045"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p045"] .wz-blk-sub, html[data-pal="p045"] .sub_title h2.tit03, html[data-pal="p045"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p045"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p045"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p045"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p045"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p045"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p045"] .section-dark, html[data-pal="p045"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p045"] .section-dark2, html[data-pal="p045"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p046 Neutral Earth Tones (navy) ── */ html[data-pal="p046"] { /* 5색 역할 변수 */ --p: #22333B; /* 헤더/서브비주얼 배경 */ --fp: #0A0908; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #C6AC8F; /* 버튼/포인트/강조 */ --a2: #5E503F; /* 서브타이틀/보조강조 */ --a3: #EAE0D5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1d2c33; --p3: #19262c; --p-97: rgba(34,51,59,0.97); --p-60: rgba(34,51,59,0.6); --p-40: rgba(34,51,59,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#C6AC8F; --submenu-bg: #ffffff; --a1-30:rgba(198,172,143,0.3); --a1-20:rgba(198,172,143,0.2); --a1-12:rgba(198,172,143,0.12); /* 레거시 호환 */ --point-color: #C6AC8F; --txt-point-color: #C6AC8F; --basic-color: #f0f0f0; --header-bg: #22333B; --footer-bg: #0A0908; --footer-text: #ffffff; --footer-border: rgba(198,172,143,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #22333B; --section-dark2: #1d2c33; --nav-link: #ffffff; --nav-hover: #C6AC8F; --border-color: rgba(94,80,63,0.25); --aside-bg: #C6AC8F; --accent: #C6AC8F; --wz-side-bg: #22333B; --wz-side-text: #ffffff; --wz-side-hover-bg: #C6AC8F; } /* 헤더 */ html[data-pal="p046"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p046"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p046"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p046"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p046"] header.fixed .gnb_1da, html[data-pal="p046"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p046"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p046"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p046"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p046"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p046"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p046"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p046"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p046"] .sub_bc_btn.open, html[data-pal="p046"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p046"] #ft, html[data-pal="p046"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p046"] footer a, html[data-pal="p046"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p046"] footer a:hover, html[data-pal="p046"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p046"] .btn_submit, html[data-pal="p046"] button[type="submit"], html[data-pal="p046"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p046"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p046"] .wz-blk-sub, html[data-pal="p046"] .sub_title h2.tit03, html[data-pal="p046"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p046"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p046"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p046"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p046"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p046"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p046"] .section-dark, html[data-pal="p046"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p046"] .section-dark2, html[data-pal="p046"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p047 Vibrant Summer (purple) ── */ html[data-pal="p047"] { /* 5색 역할 변수 */ --p: #6A4C93; /* 헤더/서브비주얼 배경 */ --fp: #1982C4; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #8AC926; /* 버튼/포인트/강조 */ --a2: #FF595E; /* 서브타이틀/보조강조 */ --a3: #FFCA3A; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5d4281; --p3: #50396f; --p-97: rgba(106,76,147,0.97); --p-60: rgba(106,76,147,0.6); --p-40: rgba(106,76,147,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#8AC926; --submenu-bg: #ffffff; --a1-30:rgba(138,201,38,0.3); --a1-20:rgba(138,201,38,0.2); --a1-12:rgba(138,201,38,0.12); /* 레거시 호환 */ --point-color: #8AC926; --txt-point-color: #8AC926; --basic-color: #f0f0f0; --header-bg: #6A4C93; --footer-bg: #1982C4; --footer-text: #ffffff; --footer-border: rgba(138,201,38,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #6A4C93; --section-dark2: #5d4281; --nav-link: #ffffff; --nav-hover: #8AC926; --border-color: rgba(255,89,94,0.25); --aside-bg: #8AC926; --accent: #8AC926; --wz-side-bg: #6A4C93; --wz-side-text: #ffffff; --wz-side-hover-bg: #8AC926; } /* 헤더 */ html[data-pal="p047"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p047"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p047"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p047"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p047"] header.fixed .gnb_1da, html[data-pal="p047"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p047"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p047"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p047"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p047"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p047"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p047"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p047"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p047"] .sub_bc_btn.open, html[data-pal="p047"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p047"] #ft, html[data-pal="p047"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p047"] footer a, html[data-pal="p047"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p047"] footer a:hover, html[data-pal="p047"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p047"] .btn_submit, html[data-pal="p047"] button[type="submit"], html[data-pal="p047"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p047"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p047"] .wz-blk-sub, html[data-pal="p047"] .sub_title h2.tit03, html[data-pal="p047"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p047"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p047"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p047"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p047"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p047"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p047"] .section-dark, html[data-pal="p047"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p047"] .section-dark2, html[data-pal="p047"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p048 Colorful Daybreak (navy) ── */ html[data-pal="p048"] { /* 5색 역할 변수 */ --p: #3D348B; /* 헤더/서브비주얼 배경 */ --fp: #1c1b25; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F7B801; /* 버튼/포인트/강조 */ --a2: #F18701; /* 서브타이틀/보조강조 */ --a3: #F7B801; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #352d7a; --p3: #2e2769; --p-97: rgba(61,52,139,0.97); --p-60: rgba(61,52,139,0.6); --p-40: rgba(61,52,139,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F7B801; --submenu-bg: #ffffff; --a1-30:rgba(247,184,1,0.3); --a1-20:rgba(247,184,1,0.2); --a1-12:rgba(247,184,1,0.12); /* 레거시 호환 */ --point-color: #F7B801; --txt-point-color: #F7B801; --basic-color: #f0f0f0; --header-bg: #3D348B; --footer-bg: #1c1b25; --footer-text: #ffffff; --footer-border: rgba(247,184,1,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3D348B; --section-dark2: #352d7a; --nav-link: #ffffff; --nav-hover: #F7B801; --border-color: rgba(241,135,1,0.25); --aside-bg: #F7B801; --accent: #F7B801; --wz-side-bg: #3D348B; --wz-side-text: #ffffff; --wz-side-hover-bg: #F7B801; } /* 헤더 */ html[data-pal="p048"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p048"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p048"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p048"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p048"] header.fixed .gnb_1da, html[data-pal="p048"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p048"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p048"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p048"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p048"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p048"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p048"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p048"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p048"] .sub_bc_btn.open, html[data-pal="p048"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p048"] #ft, html[data-pal="p048"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p048"] footer a, html[data-pal="p048"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p048"] footer a:hover, html[data-pal="p048"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p048"] .btn_submit, html[data-pal="p048"] button[type="submit"], html[data-pal="p048"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p048"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p048"] .wz-blk-sub, html[data-pal="p048"] .sub_title h2.tit03, html[data-pal="p048"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p048"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p048"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p048"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p048"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p048"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p048"] .section-dark, html[data-pal="p048"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p048"] .section-dark2, html[data-pal="p048"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p049 Soft Lavender (navy) ── */ html[data-pal="p049"] { /* 5색 역할 변수 */ --p: #22223B; /* 헤더/서브비주얼 배경 */ --fp: #19191c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #C9ADA7; /* 버튼/포인트/강조 */ --a2: #9A8C98; /* 서브타이틀/보조강조 */ --a3: #F2E9E4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1d1d33; --p3: #19192c; --p-97: rgba(34,34,59,0.97); --p-60: rgba(34,34,59,0.6); --p-40: rgba(34,34,59,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#C9ADA7; --submenu-bg: #ffffff; --a1-30:rgba(201,173,167,0.3); --a1-20:rgba(201,173,167,0.2); --a1-12:rgba(201,173,167,0.12); /* 레거시 호환 */ --point-color: #C9ADA7; --txt-point-color: #C9ADA7; --basic-color: #f0f0f0; --header-bg: #22223B; --footer-bg: #19191c; --footer-text: #ffffff; --footer-border: rgba(201,173,167,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #22223B; --section-dark2: #1d1d33; --nav-link: #ffffff; --nav-hover: #C9ADA7; --border-color: rgba(154,140,152,0.25); --aside-bg: #C9ADA7; --accent: #C9ADA7; --wz-side-bg: #22223B; --wz-side-text: #ffffff; --wz-side-hover-bg: #C9ADA7; } /* 헤더 */ html[data-pal="p049"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p049"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p049"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p049"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p049"] header.fixed .gnb_1da, html[data-pal="p049"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p049"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p049"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p049"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p049"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p049"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p049"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p049"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p049"] .sub_bc_btn.open, html[data-pal="p049"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p049"] #ft, html[data-pal="p049"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p049"] footer a, html[data-pal="p049"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p049"] footer a:hover, html[data-pal="p049"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p049"] .btn_submit, html[data-pal="p049"] button[type="submit"], html[data-pal="p049"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p049"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p049"] .wz-blk-sub, html[data-pal="p049"] .sub_title h2.tit03, html[data-pal="p049"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p049"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p049"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p049"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p049"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p049"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p049"] .section-dark, html[data-pal="p049"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p049"] .section-dark2, html[data-pal="p049"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p050 Monochrome Harmony (mono) ── */ html[data-pal="p050"] { /* 5색 역할 변수 */ --p: #242423; /* 헤더/서브비주얼 배경 */ --fp: #333533; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F5CB5C; /* 버튼/포인트/강조 */ --a2: #CFDBD5; /* 서브타이틀/보조강조 */ --a3: #E8EDDF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1f1f1e; --p3: #1b1b1a; --p-97: rgba(36,36,35,0.97); --p-60: rgba(36,36,35,0.6); --p-40: rgba(36,36,35,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F5CB5C; --submenu-bg: #ffffff; --a1-30:rgba(245,203,92,0.3); --a1-20:rgba(245,203,92,0.2); --a1-12:rgba(245,203,92,0.12); /* 레거시 호환 */ --point-color: #F5CB5C; --txt-point-color: #F5CB5C; --basic-color: #f0f0f0; --header-bg: #242423; --footer-bg: #333533; --footer-text: #ffffff; --footer-border: rgba(245,203,92,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #242423; --section-dark2: #1f1f1e; --nav-link: #ffffff; --nav-hover: #F5CB5C; --border-color: rgba(207,219,213,0.25); --aside-bg: #F5CB5C; --accent: #F5CB5C; --wz-side-bg: #242423; --wz-side-text: #ffffff; --wz-side-hover-bg: #F5CB5C; } /* 헤더 */ html[data-pal="p050"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p050"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p050"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p050"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p050"] header.fixed .gnb_1da, html[data-pal="p050"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p050"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p050"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p050"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p050"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p050"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p050"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p050"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p050"] .sub_bc_btn.open, html[data-pal="p050"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p050"] #ft, html[data-pal="p050"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p050"] footer a, html[data-pal="p050"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p050"] footer a:hover, html[data-pal="p050"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p050"] .btn_submit, html[data-pal="p050"] button[type="submit"], html[data-pal="p050"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p050"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p050"] .wz-blk-sub, html[data-pal="p050"] .sub_title h2.tit03, html[data-pal="p050"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p050"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p050"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p050"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p050"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p050"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p050"] .section-dark, html[data-pal="p050"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p050"] .section-dark2, html[data-pal="p050"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p051 Autumn Harvest (orange) ── */ html[data-pal="p051"] { /* 5색 역할 변수 */ --p: #7F5539; /* 헤더/서브비주얼 배경 */ --fp: #9C6644; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #DDB892; /* 버튼/포인트/강조 */ --a2: #B08968; /* 서브타이틀/보조강조 */ --a3: #EDE0D4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #6f4a32; --p3: #60402b; --p-97: rgba(127,85,57,0.97); --p-60: rgba(127,85,57,0.6); --p-40: rgba(127,85,57,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#DDB892; --submenu-bg: #ffffff; --a1-30:rgba(221,184,146,0.3); --a1-20:rgba(221,184,146,0.2); --a1-12:rgba(221,184,146,0.12); /* 레거시 호환 */ --point-color: #DDB892; --txt-point-color: #DDB892; --basic-color: #f0f0f0; --header-bg: #7F5539; --footer-bg: #9C6644; --footer-text: #ffffff; --footer-border: rgba(221,184,146,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #7F5539; --section-dark2: #6f4a32; --nav-link: #ffffff; --nav-hover: #DDB892; --border-color: rgba(176,137,104,0.25); --aside-bg: #DDB892; --accent: #DDB892; --wz-side-bg: #7F5539; --wz-side-text: #ffffff; --wz-side-hover-bg: #DDB892; } /* 헤더 */ html[data-pal="p051"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p051"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p051"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p051"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p051"] header.fixed .gnb_1da, html[data-pal="p051"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p051"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p051"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p051"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p051"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p051"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p051"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p051"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p051"] .sub_bc_btn.open, html[data-pal="p051"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p051"] #ft, html[data-pal="p051"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p051"] footer a, html[data-pal="p051"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p051"] footer a:hover, html[data-pal="p051"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p051"] .btn_submit, html[data-pal="p051"] button[type="submit"], html[data-pal="p051"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p051"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p051"] .wz-blk-sub, html[data-pal="p051"] .sub_title h2.tit03, html[data-pal="p051"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p051"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p051"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p051"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p051"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p051"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p051"] .section-dark, html[data-pal="p051"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p051"] .section-dark2, html[data-pal="p051"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p052 Ocean Sunset (navy) ── */ html[data-pal="p052"] { /* 5색 역할 변수 */ --p: #001219; /* 헤더/서브비주얼 배경 */ --fp: #151718; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EE9B00; /* 버튼/포인트/강조 */ --a2: #CA6702; /* 서브타이틀/보조강조 */ --a3: #E9D8A6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #000f16; --p3: #000d13; --p-97: rgba(0,18,25,0.97); --p-60: rgba(0,18,25,0.6); --p-40: rgba(0,18,25,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EE9B00; --submenu-bg: #ffffff; --a1-30:rgba(238,155,0,0.3); --a1-20:rgba(238,155,0,0.2); --a1-12:rgba(238,155,0,0.12); /* 레거시 호환 */ --point-color: #EE9B00; --txt-point-color: #EE9B00; --basic-color: #f0f0f0; --header-bg: #001219; --footer-bg: #151718; --footer-text: #ffffff; --footer-border: rgba(238,155,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #001219; --section-dark2: #000f16; --nav-link: #ffffff; --nav-hover: #EE9B00; --border-color: rgba(202,103,2,0.25); --aside-bg: #EE9B00; --accent: #EE9B00; --wz-side-bg: #001219; --wz-side-text: #ffffff; --wz-side-hover-bg: #EE9B00; } /* 헤더 */ html[data-pal="p052"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p052"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p052"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p052"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p052"] header.fixed .gnb_1da, html[data-pal="p052"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p052"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p052"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p052"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p052"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p052"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p052"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p052"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p052"] .sub_bc_btn.open, html[data-pal="p052"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p052"] #ft, html[data-pal="p052"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p052"] footer a, html[data-pal="p052"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p052"] footer a:hover, html[data-pal="p052"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p052"] .btn_submit, html[data-pal="p052"] button[type="submit"], html[data-pal="p052"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p052"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p052"] .wz-blk-sub, html[data-pal="p052"] .sub_title h2.tit03, html[data-pal="p052"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p052"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p052"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p052"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p052"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p052"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p052"] .section-dark, html[data-pal="p052"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p052"] .section-dark2, html[data-pal="p052"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p053 Soft Pastels (purple) ── */ html[data-pal="p053"] { /* 5색 역할 변수 */ --p: #C8B6FF; /* 헤더/서브비주얼 배경 */ --fp: #2d2a33; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #B8C0FF; /* 버튼/포인트/강조 */ --a2: #BBD0FF; /* 서브타이틀/보조강조 */ --a3: #FFD6FF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #b0a0e0; --p3: #988ac1; --p-97: rgba(200,182,255,0.97); --p-60: rgba(200,182,255,0.6); --p-40: rgba(200,182,255,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#B8C0FF; --submenu-bg: #f8f8f8; --a1-30:rgba(184,192,255,0.3); --a1-20:rgba(184,192,255,0.2); --a1-12:rgba(184,192,255,0.12); /* 레거시 호환 */ --point-color: #B8C0FF; --txt-point-color: #B8C0FF; --basic-color: #1a1a1a; --header-bg: #C8B6FF; --footer-bg: #2d2a33; --footer-text: #ffffff; --footer-border: rgba(184,192,255,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #C8B6FF; --section-dark2: #b0a0e0; --nav-link: #111111; --nav-hover: #B8C0FF; --border-color: rgba(187,208,255,0.25); --aside-bg: #B8C0FF; --accent: #B8C0FF; --wz-side-bg: #C8B6FF; --wz-side-text: #111111; --wz-side-hover-bg: #B8C0FF; } /* 헤더 */ html[data-pal="p053"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p053"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p053"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p053"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p053"] header.fixed .gnb_1da, html[data-pal="p053"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p053"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p053"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p053"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p053"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p053"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p053"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p053"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p053"] .sub_bc_btn.open, html[data-pal="p053"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p053"] #ft, html[data-pal="p053"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p053"] footer a, html[data-pal="p053"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p053"] footer a:hover, html[data-pal="p053"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p053"] .btn_submit, html[data-pal="p053"] button[type="submit"], html[data-pal="p053"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p053"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p053"] .wz-blk-sub, html[data-pal="p053"] .sub_title h2.tit03, html[data-pal="p053"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p053"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p053"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p053"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p053"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p053"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p053"] .section-dark, html[data-pal="p053"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p053"] .section-dark2, html[data-pal="p053"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p054 Vivid Nightfall (purple) ── */ html[data-pal="p054"] { /* 5색 역할 변수 */ --p: #240046; /* 헤더/서브비주얼 배경 */ --fp: #10002B; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #7B2CBF; /* 버튼/포인트/강조 */ --a2: #9D4EDD; /* 서브타이틀/보조강조 */ --a3: #E0AAFF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1f003d; --p3: #1b0035; --p-97: rgba(36,0,70,0.97); --p-60: rgba(36,0,70,0.6); --p-40: rgba(36,0,70,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#7B2CBF; --submenu-bg: #ffffff; --a1-30:rgba(123,44,191,0.3); --a1-20:rgba(123,44,191,0.2); --a1-12:rgba(123,44,191,0.12); /* 레거시 호환 */ --point-color: #7B2CBF; --txt-point-color: #7B2CBF; --basic-color: #f0f0f0; --header-bg: #240046; --footer-bg: #10002B; --footer-text: #ffffff; --footer-border: rgba(123,44,191,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #240046; --section-dark2: #1f003d; --nav-link: #ffffff; --nav-hover: #7B2CBF; --border-color: rgba(157,78,221,0.25); --aside-bg: #7B2CBF; --accent: #7B2CBF; --wz-side-bg: #240046; --wz-side-text: #ffffff; --wz-side-hover-bg: #7B2CBF; } /* 헤더 */ html[data-pal="p054"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p054"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p054"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p054"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p054"] header.fixed .gnb_1da, html[data-pal="p054"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p054"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p054"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p054"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p054"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p054"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p054"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p054"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p054"] .sub_bc_btn.open, html[data-pal="p054"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p054"] #ft, html[data-pal="p054"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p054"] footer a, html[data-pal="p054"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p054"] footer a:hover, html[data-pal="p054"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p054"] .btn_submit, html[data-pal="p054"] button[type="submit"], html[data-pal="p054"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p054"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p054"] .wz-blk-sub, html[data-pal="p054"] .sub_title h2.tit03, html[data-pal="p054"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p054"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p054"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p054"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p054"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p054"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p054"] .section-dark, html[data-pal="p054"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p054"] .section-dark2, html[data-pal="p054"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p055 Deep Sea Blue (navy) ── */ html[data-pal="p055"] { /* 5색 역할 변수 */ --p: #001233; /* 헤더/서브비주얼 배경 */ --fp: #15171b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #0353A4; /* 버튼/포인트/강조 */ --a2: #023E7D; /* 서브타이틀/보조강조 */ --a3: #979DAC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #000f2c; --p3: #000d26; --p-97: rgba(0,18,51,0.97); --p-60: rgba(0,18,51,0.6); --p-40: rgba(0,18,51,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#0353A4; --submenu-bg: #ffffff; --a1-30:rgba(3,83,164,0.3); --a1-20:rgba(3,83,164,0.2); --a1-12:rgba(3,83,164,0.12); /* 레거시 호환 */ --point-color: #0353A4; --txt-point-color: #0353A4; --basic-color: #f0f0f0; --header-bg: #001233; --footer-bg: #15171b; --footer-text: #ffffff; --footer-border: rgba(3,83,164,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #001233; --section-dark2: #000f2c; --nav-link: #ffffff; --nav-hover: #0353A4; --border-color: rgba(2,62,125,0.25); --aside-bg: #0353A4; --accent: #0353A4; --wz-side-bg: #001233; --wz-side-text: #ffffff; --wz-side-hover-bg: #0353A4; } /* 헤더 */ html[data-pal="p055"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p055"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p055"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p055"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p055"] header.fixed .gnb_1da, html[data-pal="p055"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p055"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p055"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p055"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p055"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p055"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p055"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p055"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p055"] .sub_bc_btn.open, html[data-pal="p055"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p055"] #ft, html[data-pal="p055"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p055"] footer a, html[data-pal="p055"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p055"] footer a:hover, html[data-pal="p055"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p055"] .btn_submit, html[data-pal="p055"] button[type="submit"], html[data-pal="p055"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p055"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p055"] .wz-blk-sub, html[data-pal="p055"] .sub_title h2.tit03, html[data-pal="p055"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p055"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p055"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p055"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p055"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p055"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p055"] .section-dark, html[data-pal="p055"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p055"] .section-dark2, html[data-pal="p055"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p056 Candy Pop (purple) ── */ html[data-pal="p056"] { /* 5색 역할 변수 */ --p: #9B5DE5; /* 헤더/서브비주얼 배경 */ --fp: #272030; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #00F5D4; /* 버튼/포인트/강조 */ --a2: #00BBF9; /* 서브타이틀/보조강조 */ --a3: #FEE440; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #8851c9; --p3: #7546ae; --p-97: rgba(155,93,229,0.97); --p-60: rgba(155,93,229,0.6); --p-40: rgba(155,93,229,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#00F5D4; --submenu-bg: #ffffff; --a1-30:rgba(0,245,212,0.3); --a1-20:rgba(0,245,212,0.2); --a1-12:rgba(0,245,212,0.12); /* 레거시 호환 */ --point-color: #00F5D4; --txt-point-color: #00F5D4; --basic-color: #f0f0f0; --header-bg: #9B5DE5; --footer-bg: #272030; --footer-text: #ffffff; --footer-border: rgba(0,245,212,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #9B5DE5; --section-dark2: #8851c9; --nav-link: #ffffff; --nav-hover: #00F5D4; --border-color: rgba(0,187,249,0.25); --aside-bg: #00F5D4; --accent: #00F5D4; --wz-side-bg: #9B5DE5; --wz-side-text: #ffffff; --wz-side-hover-bg: #00F5D4; } /* 헤더 */ html[data-pal="p056"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p056"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p056"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p056"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p056"] header.fixed .gnb_1da, html[data-pal="p056"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p056"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p056"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p056"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p056"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p056"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p056"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p056"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p056"] .sub_bc_btn.open, html[data-pal="p056"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p056"] #ft, html[data-pal="p056"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p056"] footer a, html[data-pal="p056"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p056"] footer a:hover, html[data-pal="p056"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p056"] .btn_submit, html[data-pal="p056"] button[type="submit"], html[data-pal="p056"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p056"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p056"] .wz-blk-sub, html[data-pal="p056"] .sub_title h2.tit03, html[data-pal="p056"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p056"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p056"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p056"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p056"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p056"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p056"] .section-dark, html[data-pal="p056"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p056"] .section-dark2, html[data-pal="p056"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p057 Azure Skies (red) ── */ html[data-pal="p057"] { /* 5색 역할 변수 */ --p: #DF2935; /* 헤더/서브비주얼 배경 */ --fp: #3772FF; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FDCA40; /* 버튼/포인트/강조 */ --a2: #E6E8E6; /* 서브타이틀/보조강조 */ --a3: #E6E8E6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #c4242e; --p3: #a91f28; --p-97: rgba(223,41,53,0.97); --p-60: rgba(223,41,53,0.6); --p-40: rgba(223,41,53,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FDCA40; --submenu-bg: #ffffff; --a1-30:rgba(253,202,64,0.3); --a1-20:rgba(253,202,64,0.2); --a1-12:rgba(253,202,64,0.12); /* 레거시 호환 */ --point-color: #FDCA40; --txt-point-color: #FDCA40; --basic-color: #f0f0f0; --header-bg: #DF2935; --footer-bg: #3772FF; --footer-text: #ffffff; --footer-border: rgba(253,202,64,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #DF2935; --section-dark2: #c4242e; --nav-link: #ffffff; --nav-hover: #FDCA40; --border-color: rgba(230,232,230,0.25); --aside-bg: #FDCA40; --accent: #FDCA40; --wz-side-bg: #DF2935; --wz-side-text: #ffffff; --wz-side-hover-bg: #FDCA40; } /* 헤더 */ html[data-pal="p057"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p057"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p057"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p057"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p057"] header.fixed .gnb_1da, html[data-pal="p057"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p057"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p057"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p057"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p057"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p057"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p057"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p057"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p057"] .sub_bc_btn.open, html[data-pal="p057"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p057"] #ft, html[data-pal="p057"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p057"] footer a, html[data-pal="p057"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p057"] footer a:hover, html[data-pal="p057"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p057"] .btn_submit, html[data-pal="p057"] button[type="submit"], html[data-pal="p057"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p057"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p057"] .wz-blk-sub, html[data-pal="p057"] .sub_title h2.tit03, html[data-pal="p057"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p057"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p057"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p057"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p057"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p057"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p057"] .section-dark, html[data-pal="p057"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p057"] .section-dark2, html[data-pal="p057"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p058 Coastal Vibes (navy) ── */ html[data-pal="p058"] { /* 5색 역할 변수 */ --p: #293241; /* 헤더/서브비주얼 배경 */ --fp: #1a1b1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EE6C4D; /* 버튼/포인트/강조 */ --a2: #98C1D9; /* 서브타이틀/보조강조 */ --a3: #E0FBFC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #242c39; --p3: #1f2631; --p-97: rgba(41,50,65,0.97); --p-60: rgba(41,50,65,0.6); --p-40: rgba(41,50,65,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EE6C4D; --submenu-bg: #ffffff; --a1-30:rgba(238,108,77,0.3); --a1-20:rgba(238,108,77,0.2); --a1-12:rgba(238,108,77,0.12); /* 레거시 호환 */ --point-color: #EE6C4D; --txt-point-color: #EE6C4D; --basic-color: #f0f0f0; --header-bg: #293241; --footer-bg: #1a1b1c; --footer-text: #ffffff; --footer-border: rgba(238,108,77,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #293241; --section-dark2: #242c39; --nav-link: #ffffff; --nav-hover: #EE6C4D; --border-color: rgba(152,193,217,0.25); --aside-bg: #EE6C4D; --accent: #EE6C4D; --wz-side-bg: #293241; --wz-side-text: #ffffff; --wz-side-hover-bg: #EE6C4D; } /* 헤더 */ html[data-pal="p058"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p058"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p058"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p058"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p058"] header.fixed .gnb_1da, html[data-pal="p058"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p058"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p058"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p058"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p058"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p058"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p058"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p058"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p058"] .sub_bc_btn.open, html[data-pal="p058"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p058"] #ft, html[data-pal="p058"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p058"] footer a, html[data-pal="p058"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p058"] footer a:hover, html[data-pal="p058"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p058"] .btn_submit, html[data-pal="p058"] button[type="submit"], html[data-pal="p058"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p058"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p058"] .wz-blk-sub, html[data-pal="p058"] .sub_title h2.tit03, html[data-pal="p058"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p058"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p058"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p058"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p058"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p058"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p058"] .section-dark, html[data-pal="p058"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p058"] .section-dark2, html[data-pal="p058"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p059 Earthy Tones (red) ── */ html[data-pal="p059"] { /* 5색 역할 변수 */ --p: #BB8588; /* 헤더/서브비주얼 배경 */ --fp: #2b2525; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D8A48F; /* 버튼/포인트/강조 */ --a2: #A3A380; /* 서브타이틀/보조강조 */ --a3: #EFEBCE; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #a47577; --p3: #8e6567; --p-97: rgba(187,133,136,0.97); --p-60: rgba(187,133,136,0.6); --p-40: rgba(187,133,136,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#D8A48F; --submenu-bg: #f8f8f8; --a1-30:rgba(216,164,143,0.3); --a1-20:rgba(216,164,143,0.2); --a1-12:rgba(216,164,143,0.12); /* 레거시 호환 */ --point-color: #D8A48F; --txt-point-color: #D8A48F; --basic-color: #1a1a1a; --header-bg: #BB8588; --footer-bg: #2b2525; --footer-text: #ffffff; --footer-border: rgba(216,164,143,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #BB8588; --section-dark2: #a47577; --nav-link: #111111; --nav-hover: #D8A48F; --border-color: rgba(163,163,128,0.25); --aside-bg: #D8A48F; --accent: #D8A48F; --wz-side-bg: #BB8588; --wz-side-text: #111111; --wz-side-hover-bg: #D8A48F; } /* 헤더 */ html[data-pal="p059"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p059"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p059"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p059"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p059"] header.fixed .gnb_1da, html[data-pal="p059"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p059"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p059"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p059"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p059"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p059"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p059"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p059"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p059"] .sub_bc_btn.open, html[data-pal="p059"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p059"] #ft, html[data-pal="p059"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p059"] footer a, html[data-pal="p059"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p059"] footer a:hover, html[data-pal="p059"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p059"] .btn_submit, html[data-pal="p059"] button[type="submit"], html[data-pal="p059"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p059"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p059"] .wz-blk-sub, html[data-pal="p059"] .sub_title h2.tit03, html[data-pal="p059"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p059"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p059"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p059"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p059"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p059"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p059"] .section-dark, html[data-pal="p059"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p059"] .section-dark2, html[data-pal="p059"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p060 Coastal Vibes (purple) ── */ html[data-pal="p060"] { /* 5색 역할 변수 */ --p: #160F29; /* 헤더/서브비주얼 배경 */ --fp: #17161a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #246A73; /* 버튼/포인트/강조 */ --a2: #DDBEA8; /* 서브타이틀/보조강조 */ --a3: #F3DFC1; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #130d24; --p3: #100b1f; --p-97: rgba(22,15,41,0.97); --p-60: rgba(22,15,41,0.6); --p-40: rgba(22,15,41,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#246A73; --submenu-bg: #ffffff; --a1-30:rgba(36,106,115,0.3); --a1-20:rgba(36,106,115,0.2); --a1-12:rgba(36,106,115,0.12); /* 레거시 호환 */ --point-color: #246A73; --txt-point-color: #246A73; --basic-color: #f0f0f0; --header-bg: #160F29; --footer-bg: #17161a; --footer-text: #ffffff; --footer-border: rgba(36,106,115,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #160F29; --section-dark2: #130d24; --nav-link: #ffffff; --nav-hover: #246A73; --border-color: rgba(221,190,168,0.25); --aside-bg: #246A73; --accent: #246A73; --wz-side-bg: #160F29; --wz-side-text: #ffffff; --wz-side-hover-bg: #246A73; } /* 헤더 */ html[data-pal="p060"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p060"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p060"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p060"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p060"] header.fixed .gnb_1da, html[data-pal="p060"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p060"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p060"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p060"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p060"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p060"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p060"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p060"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p060"] .sub_bc_btn.open, html[data-pal="p060"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p060"] #ft, html[data-pal="p060"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p060"] footer a, html[data-pal="p060"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p060"] footer a:hover, html[data-pal="p060"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p060"] .btn_submit, html[data-pal="p060"] button[type="submit"], html[data-pal="p060"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p060"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p060"] .wz-blk-sub, html[data-pal="p060"] .sub_title h2.tit03, html[data-pal="p060"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p060"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p060"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p060"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p060"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p060"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p060"] .section-dark, html[data-pal="p060"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p060"] .section-dark2, html[data-pal="p060"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p061 Warm Earth Tones (red) ── */ html[data-pal="p061"] { /* 5색 역할 변수 */ --p: #562C2C; /* 헤더/서브비주얼 배경 */ --fp: #1f1a1a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #127475; /* 버튼/포인트/강조 */ --a2: #F2542D; /* 서브타이틀/보조강조 */ --a3: #F5DFBB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #4b2626; --p3: #412121; --p-97: rgba(86,44,44,0.97); --p-60: rgba(86,44,44,0.6); --p-40: rgba(86,44,44,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#127475; --submenu-bg: #ffffff; --a1-30:rgba(18,116,117,0.3); --a1-20:rgba(18,116,117,0.2); --a1-12:rgba(18,116,117,0.12); /* 레거시 호환 */ --point-color: #127475; --txt-point-color: #127475; --basic-color: #f0f0f0; --header-bg: #562C2C; --footer-bg: #1f1a1a; --footer-text: #ffffff; --footer-border: rgba(18,116,117,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #562C2C; --section-dark2: #4b2626; --nav-link: #ffffff; --nav-hover: #127475; --border-color: rgba(242,84,45,0.25); --aside-bg: #127475; --accent: #127475; --wz-side-bg: #562C2C; --wz-side-text: #ffffff; --wz-side-hover-bg: #127475; } /* 헤더 */ html[data-pal="p061"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p061"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p061"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p061"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p061"] header.fixed .gnb_1da, html[data-pal="p061"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p061"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p061"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p061"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p061"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p061"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p061"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p061"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p061"] .sub_bc_btn.open, html[data-pal="p061"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p061"] #ft, html[data-pal="p061"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p061"] footer a, html[data-pal="p061"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p061"] footer a:hover, html[data-pal="p061"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p061"] .btn_submit, html[data-pal="p061"] button[type="submit"], html[data-pal="p061"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p061"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p061"] .wz-blk-sub, html[data-pal="p061"] .sub_title h2.tit03, html[data-pal="p061"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p061"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p061"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p061"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p061"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p061"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p061"] .section-dark, html[data-pal="p061"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p061"] .section-dark2, html[data-pal="p061"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p062 Rose Petal (red) ── */ html[data-pal="p062"] { /* 5색 역할 변수 */ --p: #880D1E; /* 헤더/서브비주얼 배경 */ --fp: #251618; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F26A8D; /* 버튼/포인트/강조 */ --a2: #F49CBB; /* 서브타이틀/보조강조 */ --a3: #CBEEF3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #770b1a; --p3: #670916; --p-97: rgba(136,13,30,0.97); --p-60: rgba(136,13,30,0.6); --p-40: rgba(136,13,30,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F26A8D; --submenu-bg: #ffffff; --a1-30:rgba(242,106,141,0.3); --a1-20:rgba(242,106,141,0.2); --a1-12:rgba(242,106,141,0.12); /* 레거시 호환 */ --point-color: #F26A8D; --txt-point-color: #F26A8D; --basic-color: #f0f0f0; --header-bg: #880D1E; --footer-bg: #251618; --footer-text: #ffffff; --footer-border: rgba(242,106,141,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #880D1E; --section-dark2: #770b1a; --nav-link: #ffffff; --nav-hover: #F26A8D; --border-color: rgba(244,156,187,0.25); --aside-bg: #F26A8D; --accent: #F26A8D; --wz-side-bg: #880D1E; --wz-side-text: #ffffff; --wz-side-hover-bg: #F26A8D; } /* 헤더 */ html[data-pal="p062"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p062"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p062"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p062"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p062"] header.fixed .gnb_1da, html[data-pal="p062"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p062"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p062"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p062"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p062"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p062"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p062"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p062"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p062"] .sub_bc_btn.open, html[data-pal="p062"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p062"] #ft, html[data-pal="p062"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p062"] footer a, html[data-pal="p062"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p062"] footer a:hover, html[data-pal="p062"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p062"] .btn_submit, html[data-pal="p062"] button[type="submit"], html[data-pal="p062"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p062"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p062"] .wz-blk-sub, html[data-pal="p062"] .sub_title h2.tit03, html[data-pal="p062"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p062"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p062"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p062"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p062"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p062"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p062"] .section-dark, html[data-pal="p062"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p062"] .section-dark2, html[data-pal="p062"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p063 Earthy Tones (mono) ── */ html[data-pal="p063"] { /* 5색 역할 변수 */ --p: #252323; /* 헤더/서브비주얼 배경 */ --fp: #191919; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A99985; /* 버튼/포인트/강조 */ --a2: #DAD2BC; /* 서브타이틀/보조강조 */ --a3: #F5F1ED; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #201e1e; --p3: #1c1a1a; --p-97: rgba(37,35,35,0.97); --p-60: rgba(37,35,35,0.6); --p-40: rgba(37,35,35,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#A99985; --submenu-bg: #ffffff; --a1-30:rgba(169,153,133,0.3); --a1-20:rgba(169,153,133,0.2); --a1-12:rgba(169,153,133,0.12); /* 레거시 호환 */ --point-color: #A99985; --txt-point-color: #A99985; --basic-color: #f0f0f0; --header-bg: #252323; --footer-bg: #191919; --footer-text: #ffffff; --footer-border: rgba(169,153,133,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #252323; --section-dark2: #201e1e; --nav-link: #ffffff; --nav-hover: #A99985; --border-color: rgba(218,210,188,0.25); --aside-bg: #A99985; --accent: #A99985; --wz-side-bg: #252323; --wz-side-text: #ffffff; --wz-side-hover-bg: #A99985; } /* 헤더 */ html[data-pal="p063"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p063"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p063"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p063"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p063"] header.fixed .gnb_1da, html[data-pal="p063"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p063"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p063"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p063"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p063"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p063"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p063"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p063"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p063"] .sub_bc_btn.open, html[data-pal="p063"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p063"] #ft, html[data-pal="p063"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p063"] footer a, html[data-pal="p063"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p063"] footer a:hover, html[data-pal="p063"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p063"] .btn_submit, html[data-pal="p063"] button[type="submit"], html[data-pal="p063"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p063"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p063"] .wz-blk-sub, html[data-pal="p063"] .sub_title h2.tit03, html[data-pal="p063"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p063"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p063"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p063"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p063"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p063"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p063"] .section-dark, html[data-pal="p063"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p063"] .section-dark2, html[data-pal="p063"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p064 Whimsical Garden (pink) ── */ html[data-pal="p064"] { /* 5색 역할 변수 */ --p: #694F5D; /* 헤더/서브비주얼 배경 */ --fp: #211e20; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #68A691; /* 버튼/포인트/강조 */ --a2: #BFD3C1; /* 서브타이틀/보조강조 */ --a3: #FFE5D4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5c4551; --p3: #4f3c46; --p-97: rgba(105,79,93,0.97); --p-60: rgba(105,79,93,0.6); --p-40: rgba(105,79,93,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#68A691; --submenu-bg: #ffffff; --a1-30:rgba(104,166,145,0.3); --a1-20:rgba(104,166,145,0.2); --a1-12:rgba(104,166,145,0.12); /* 레거시 호환 */ --point-color: #68A691; --txt-point-color: #68A691; --basic-color: #f0f0f0; --header-bg: #694F5D; --footer-bg: #211e20; --footer-text: #ffffff; --footer-border: rgba(104,166,145,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #694F5D; --section-dark2: #5c4551; --nav-link: #ffffff; --nav-hover: #68A691; --border-color: rgba(191,211,193,0.25); --aside-bg: #68A691; --accent: #68A691; --wz-side-bg: #694F5D; --wz-side-text: #ffffff; --wz-side-hover-bg: #68A691; } /* 헤더 */ html[data-pal="p064"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p064"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p064"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p064"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p064"] header.fixed .gnb_1da, html[data-pal="p064"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p064"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p064"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p064"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p064"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p064"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p064"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p064"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p064"] .sub_bc_btn.open, html[data-pal="p064"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p064"] #ft, html[data-pal="p064"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p064"] footer a, html[data-pal="p064"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p064"] footer a:hover, html[data-pal="p064"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p064"] .btn_submit, html[data-pal="p064"] button[type="submit"], html[data-pal="p064"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p064"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p064"] .wz-blk-sub, html[data-pal="p064"] .sub_title h2.tit03, html[data-pal="p064"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p064"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p064"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p064"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p064"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p064"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p064"] .section-dark, html[data-pal="p064"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p064"] .section-dark2, html[data-pal="p064"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p065 Palette (gold) ── */ html[data-pal="p065"] { /* 5색 역할 변수 */ --p: #494632; /* 헤더/서브비주얼 배경 */ --fp: #1d1d1b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #3D6657; /* 버튼/포인트/강조 */ --a2: #D8D5D4; /* 서브타이틀/보조강조 */ --a3: #D8D5D4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #403d2c; --p3: #373526; --p-97: rgba(73,70,50,0.97); --p-60: rgba(73,70,50,0.6); --p-40: rgba(73,70,50,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#3D6657; --submenu-bg: #ffffff; --a1-30:rgba(61,102,87,0.3); --a1-20:rgba(61,102,87,0.2); --a1-12:rgba(61,102,87,0.12); /* 레거시 호환 */ --point-color: #3D6657; --txt-point-color: #3D6657; --basic-color: #f0f0f0; --header-bg: #494632; --footer-bg: #1d1d1b; --footer-text: #ffffff; --footer-border: rgba(61,102,87,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #494632; --section-dark2: #403d2c; --nav-link: #ffffff; --nav-hover: #3D6657; --border-color: rgba(216,213,212,0.25); --aside-bg: #3D6657; --accent: #3D6657; --wz-side-bg: #494632; --wz-side-text: #ffffff; --wz-side-hover-bg: #3D6657; } /* 헤더 */ html[data-pal="p065"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p065"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p065"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p065"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p065"] header.fixed .gnb_1da, html[data-pal="p065"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p065"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p065"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p065"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p065"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p065"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p065"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p065"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p065"] .sub_bc_btn.open, html[data-pal="p065"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p065"] #ft, html[data-pal="p065"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p065"] footer a, html[data-pal="p065"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p065"] footer a:hover, html[data-pal="p065"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p065"] .btn_submit, html[data-pal="p065"] button[type="submit"], html[data-pal="p065"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p065"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p065"] .wz-blk-sub, html[data-pal="p065"] .sub_title h2.tit03, html[data-pal="p065"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p065"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p065"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p065"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p065"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p065"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p065"] .section-dark, html[data-pal="p065"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p065"] .section-dark2, html[data-pal="p065"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p066 Sunset Gradient (orange) ── */ html[data-pal="p066"] { /* 5색 역할 변수 */ --p: #583101; /* 헤더/서브비주얼 배경 */ --fp: #1f1b15; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #603808; /* 버튼/포인트/강조 */ --a2: #6F4518; /* 서브타이틀/보조강조 */ --a3: #FFEDD8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #4d2b00; --p3: #422500; --p-97: rgba(88,49,1,0.97); --p-60: rgba(88,49,1,0.6); --p-40: rgba(88,49,1,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#603808; --submenu-bg: #ffffff; --a1-30:rgba(96,56,8,0.3); --a1-20:rgba(96,56,8,0.2); --a1-12:rgba(96,56,8,0.12); /* 레거시 호환 */ --point-color: #603808; --txt-point-color: #603808; --basic-color: #f0f0f0; --header-bg: #583101; --footer-bg: #1f1b15; --footer-text: #ffffff; --footer-border: rgba(96,56,8,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #583101; --section-dark2: #4d2b00; --nav-link: #ffffff; --nav-hover: #603808; --border-color: rgba(111,69,24,0.25); --aside-bg: #603808; --accent: #603808; --wz-side-bg: #583101; --wz-side-text: #ffffff; --wz-side-hover-bg: #603808; } /* 헤더 */ html[data-pal="p066"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p066"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p066"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p066"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p066"] header.fixed .gnb_1da, html[data-pal="p066"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p066"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p066"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p066"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p066"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p066"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p066"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p066"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p066"] .sub_bc_btn.open, html[data-pal="p066"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p066"] #ft, html[data-pal="p066"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p066"] footer a, html[data-pal="p066"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p066"] footer a:hover, html[data-pal="p066"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p066"] .btn_submit, html[data-pal="p066"] button[type="submit"], html[data-pal="p066"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p066"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p066"] .wz-blk-sub, html[data-pal="p066"] .sub_title h2.tit03, html[data-pal="p066"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p066"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p066"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p066"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p066"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p066"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p066"] .section-dark, html[data-pal="p066"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p066"] .section-dark2, html[data-pal="p066"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p067 Spring Green Harmony (teal) ── */ html[data-pal="p067"] { /* 5색 역할 변수 */ --p: #007F5F; /* 헤더/서브비주얼 배경 */ --fp: #152420; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #DDDF00; /* 버튼/포인트/강조 */ --a2: #D4D700; /* 서브타이틀/보조강조 */ --a3: #FFFF3F; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #006f53; --p3: #006048; --p-97: rgba(0,127,95,0.97); --p-60: rgba(0,127,95,0.6); --p-40: rgba(0,127,95,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#DDDF00; --submenu-bg: #ffffff; --a1-30:rgba(221,223,0,0.3); --a1-20:rgba(221,223,0,0.2); --a1-12:rgba(221,223,0,0.12); /* 레거시 호환 */ --point-color: #DDDF00; --txt-point-color: #DDDF00; --basic-color: #f0f0f0; --header-bg: #007F5F; --footer-bg: #152420; --footer-text: #ffffff; --footer-border: rgba(221,223,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #007F5F; --section-dark2: #006f53; --nav-link: #ffffff; --nav-hover: #DDDF00; --border-color: rgba(212,215,0,0.25); --aside-bg: #DDDF00; --accent: #DDDF00; --wz-side-bg: #007F5F; --wz-side-text: #ffffff; --wz-side-hover-bg: #DDDF00; } /* 헤더 */ html[data-pal="p067"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p067"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p067"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p067"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p067"] header.fixed .gnb_1da, html[data-pal="p067"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p067"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p067"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p067"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p067"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p067"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p067"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p067"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p067"] .sub_bc_btn.open, html[data-pal="p067"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p067"] #ft, html[data-pal="p067"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p067"] footer a, html[data-pal="p067"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p067"] footer a:hover, html[data-pal="p067"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p067"] .btn_submit, html[data-pal="p067"] button[type="submit"], html[data-pal="p067"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p067"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p067"] .wz-blk-sub, html[data-pal="p067"] .sub_title h2.tit03, html[data-pal="p067"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p067"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p067"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p067"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p067"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p067"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p067"] .section-dark, html[data-pal="p067"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p067"] .section-dark2, html[data-pal="p067"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p068 Blue Gradient (navy) ── */ html[data-pal="p068"] { /* 5색 역할 변수 */ --p: #0D47A1; /* 헤더/서브비주얼 배경 */ --fp: #161d28; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #1E88E5; /* 버튼/포인트/강조 */ --a2: #1976D2; /* 서브타이틀/보조강조 */ --a3: #E3F2FD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0b3e8d; --p3: #09357a; --p-97: rgba(13,71,161,0.97); --p-60: rgba(13,71,161,0.6); --p-40: rgba(13,71,161,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#1E88E5; --submenu-bg: #ffffff; --a1-30:rgba(30,136,229,0.3); --a1-20:rgba(30,136,229,0.2); --a1-12:rgba(30,136,229,0.12); /* 레거시 호환 */ --point-color: #1E88E5; --txt-point-color: #1E88E5; --basic-color: #f0f0f0; --header-bg: #0D47A1; --footer-bg: #161d28; --footer-text: #ffffff; --footer-border: rgba(30,136,229,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D47A1; --section-dark2: #0b3e8d; --nav-link: #ffffff; --nav-hover: #1E88E5; --border-color: rgba(25,118,210,0.25); --aside-bg: #1E88E5; --accent: #1E88E5; --wz-side-bg: #0D47A1; --wz-side-text: #ffffff; --wz-side-hover-bg: #1E88E5; } /* 헤더 */ html[data-pal="p068"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p068"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p068"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p068"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p068"] header.fixed .gnb_1da, html[data-pal="p068"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p068"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p068"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p068"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p068"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p068"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p068"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p068"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p068"] .sub_bc_btn.open, html[data-pal="p068"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p068"] #ft, html[data-pal="p068"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p068"] footer a, html[data-pal="p068"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p068"] footer a:hover, html[data-pal="p068"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p068"] .btn_submit, html[data-pal="p068"] button[type="submit"], html[data-pal="p068"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p068"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p068"] .wz-blk-sub, html[data-pal="p068"] .sub_title h2.tit03, html[data-pal="p068"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p068"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p068"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p068"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p068"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p068"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p068"] .section-dark, html[data-pal="p068"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p068"] .section-dark2, html[data-pal="p068"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p069 Pastel Rainbow Fantasy (navy) ── */ html[data-pal="p069"] { /* 5색 역할 변수 */ --p: #BDB2FF; /* 헤더/서브비주얼 배경 */ --fp: #2b2a33; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFADAD; /* 버튼/포인트/강조 */ --a2: #FFD6A5; /* 서브타이틀/보조강조 */ --a3: #FFFFFC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #a69ce0; --p3: #8f87c1; --p-97: rgba(189,178,255,0.97); --p-60: rgba(189,178,255,0.6); --p-40: rgba(189,178,255,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FFADAD; --submenu-bg: #f8f8f8; --a1-30:rgba(255,173,173,0.3); --a1-20:rgba(255,173,173,0.2); --a1-12:rgba(255,173,173,0.12); /* 레거시 호환 */ --point-color: #FFADAD; --txt-point-color: #FFADAD; --basic-color: #1a1a1a; --header-bg: #BDB2FF; --footer-bg: #2b2a33; --footer-text: #ffffff; --footer-border: rgba(255,173,173,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #BDB2FF; --section-dark2: #a69ce0; --nav-link: #111111; --nav-hover: #FFADAD; --border-color: rgba(255,214,165,0.25); --aside-bg: #FFADAD; --accent: #FFADAD; --wz-side-bg: #BDB2FF; --wz-side-text: #111111; --wz-side-hover-bg: #FFADAD; } /* 헤더 */ html[data-pal="p069"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p069"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p069"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p069"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p069"] header.fixed .gnb_1da, html[data-pal="p069"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p069"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p069"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p069"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p069"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p069"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p069"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p069"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p069"] .sub_bc_btn.open, html[data-pal="p069"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p069"] #ft, html[data-pal="p069"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p069"] footer a, html[data-pal="p069"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p069"] footer a:hover, html[data-pal="p069"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p069"] .btn_submit, html[data-pal="p069"] button[type="submit"], html[data-pal="p069"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p069"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p069"] .wz-blk-sub, html[data-pal="p069"] .sub_title h2.tit03, html[data-pal="p069"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p069"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p069"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p069"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p069"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p069"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p069"] .section-dark, html[data-pal="p069"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p069"] .section-dark2, html[data-pal="p069"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p070 Earthy Tones (green) ── */ html[data-pal="p070"] { /* 5색 역할 변수 */ --p: #2C6E49; /* 헤더/서브비주얼 배경 */ --fp: #1a221d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D68C45; /* 버튼/포인트/강조 */ --a2: #FFC9B9; /* 서브타이틀/보조강조 */ --a3: #FEFEE3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #266040; --p3: #215337; --p-97: rgba(44,110,73,0.97); --p-60: rgba(44,110,73,0.6); --p-40: rgba(44,110,73,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D68C45; --submenu-bg: #ffffff; --a1-30:rgba(214,140,69,0.3); --a1-20:rgba(214,140,69,0.2); --a1-12:rgba(214,140,69,0.12); /* 레거시 호환 */ --point-color: #D68C45; --txt-point-color: #D68C45; --basic-color: #f0f0f0; --header-bg: #2C6E49; --footer-bg: #1a221d; --footer-text: #ffffff; --footer-border: rgba(214,140,69,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2C6E49; --section-dark2: #266040; --nav-link: #ffffff; --nav-hover: #D68C45; --border-color: rgba(255,201,185,0.25); --aside-bg: #D68C45; --accent: #D68C45; --wz-side-bg: #2C6E49; --wz-side-text: #ffffff; --wz-side-hover-bg: #D68C45; } /* 헤더 */ html[data-pal="p070"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p070"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p070"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p070"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p070"] header.fixed .gnb_1da, html[data-pal="p070"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p070"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p070"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p070"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p070"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p070"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p070"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p070"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p070"] .sub_bc_btn.open, html[data-pal="p070"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p070"] #ft, html[data-pal="p070"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p070"] footer a, html[data-pal="p070"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p070"] footer a:hover, html[data-pal="p070"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p070"] .btn_submit, html[data-pal="p070"] button[type="submit"], html[data-pal="p070"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p070"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p070"] .wz-blk-sub, html[data-pal="p070"] .sub_title h2.tit03, html[data-pal="p070"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p070"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p070"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p070"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p070"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p070"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p070"] .section-dark, html[data-pal="p070"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p070"] .section-dark2, html[data-pal="p070"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p071 Warm Summer Palette (navy) ── */ html[data-pal="p071"] { /* 5색 역할 변수 */ --p: #003D5B; /* 헤더/서브비주얼 배경 */ --fp: #151c20; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EDAE49; /* 버튼/포인트/강조 */ --a2: #00798C; /* 서브타이틀/보조강조 */ --a3: #EDAE49; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #003550; --p3: #002e45; --p-97: rgba(0,61,91,0.97); --p-60: rgba(0,61,91,0.6); --p-40: rgba(0,61,91,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EDAE49; --submenu-bg: #ffffff; --a1-30:rgba(237,174,73,0.3); --a1-20:rgba(237,174,73,0.2); --a1-12:rgba(237,174,73,0.12); /* 레거시 호환 */ --point-color: #EDAE49; --txt-point-color: #EDAE49; --basic-color: #f0f0f0; --header-bg: #003D5B; --footer-bg: #151c20; --footer-text: #ffffff; --footer-border: rgba(237,174,73,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #003D5B; --section-dark2: #003550; --nav-link: #ffffff; --nav-hover: #EDAE49; --border-color: rgba(0,121,140,0.25); --aside-bg: #EDAE49; --accent: #EDAE49; --wz-side-bg: #003D5B; --wz-side-text: #ffffff; --wz-side-hover-bg: #EDAE49; } /* 헤더 */ html[data-pal="p071"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p071"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p071"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p071"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p071"] header.fixed .gnb_1da, html[data-pal="p071"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p071"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p071"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p071"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p071"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p071"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p071"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p071"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p071"] .sub_bc_btn.open, html[data-pal="p071"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p071"] #ft, html[data-pal="p071"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p071"] footer a, html[data-pal="p071"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p071"] footer a:hover, html[data-pal="p071"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p071"] .btn_submit, html[data-pal="p071"] button[type="submit"], html[data-pal="p071"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p071"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p071"] .wz-blk-sub, html[data-pal="p071"] .sub_title h2.tit03, html[data-pal="p071"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p071"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p071"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p071"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p071"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p071"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p071"] .section-dark, html[data-pal="p071"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p071"] .section-dark2, html[data-pal="p071"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p072 Ocean Sunset (navy) ── */ html[data-pal="p072"] { /* 5색 역할 변수 */ --p: #2F4858; /* 헤더/서브비주얼 배경 */ --fp: #33658A; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F26419; /* 버튼/포인트/강조 */ --a2: #F6AE2D; /* 서브타이틀/보조강조 */ --a3: #F6AE2D; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #293f4d; --p3: #233642; --p-97: rgba(47,72,88,0.97); --p-60: rgba(47,72,88,0.6); --p-40: rgba(47,72,88,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F26419; --submenu-bg: #ffffff; --a1-30:rgba(242,100,25,0.3); --a1-20:rgba(242,100,25,0.2); --a1-12:rgba(242,100,25,0.12); /* 레거시 호환 */ --point-color: #F26419; --txt-point-color: #F26419; --basic-color: #f0f0f0; --header-bg: #2F4858; --footer-bg: #33658A; --footer-text: #ffffff; --footer-border: rgba(242,100,25,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2F4858; --section-dark2: #293f4d; --nav-link: #ffffff; --nav-hover: #F26419; --border-color: rgba(246,174,45,0.25); --aside-bg: #F26419; --accent: #F26419; --wz-side-bg: #2F4858; --wz-side-text: #ffffff; --wz-side-hover-bg: #F26419; } /* 헤더 */ html[data-pal="p072"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p072"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p072"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p072"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p072"] header.fixed .gnb_1da, html[data-pal="p072"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p072"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p072"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p072"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p072"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p072"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p072"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p072"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p072"] .sub_bc_btn.open, html[data-pal="p072"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p072"] #ft, html[data-pal="p072"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p072"] footer a, html[data-pal="p072"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p072"] footer a:hover, html[data-pal="p072"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p072"] .btn_submit, html[data-pal="p072"] button[type="submit"], html[data-pal="p072"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p072"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p072"] .wz-blk-sub, html[data-pal="p072"] .sub_title h2.tit03, html[data-pal="p072"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p072"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p072"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p072"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p072"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p072"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p072"] .section-dark, html[data-pal="p072"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p072"] .section-dark2, html[data-pal="p072"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p073 Ocean Blue Serenity (navy) ── */ html[data-pal="p073"] { /* 5색 역할 변수 */ --p: #5E6472; /* 헤더/서브비주얼 배경 */ --fp: #202122; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFA69E; /* 버튼/포인트/강조 */ --a2: #B8F2E6; /* 서브타이틀/보조강조 */ --a3: #FAF3DD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #525864; --p3: #474c56; --p-97: rgba(94,100,114,0.97); --p-60: rgba(94,100,114,0.6); --p-40: rgba(94,100,114,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFA69E; --submenu-bg: #ffffff; --a1-30:rgba(255,166,158,0.3); --a1-20:rgba(255,166,158,0.2); --a1-12:rgba(255,166,158,0.12); /* 레거시 호환 */ --point-color: #FFA69E; --txt-point-color: #FFA69E; --basic-color: #f0f0f0; --header-bg: #5E6472; --footer-bg: #202122; --footer-text: #ffffff; --footer-border: rgba(255,166,158,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #5E6472; --section-dark2: #525864; --nav-link: #ffffff; --nav-hover: #FFA69E; --border-color: rgba(184,242,230,0.25); --aside-bg: #FFA69E; --accent: #FFA69E; --wz-side-bg: #5E6472; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFA69E; } /* 헤더 */ html[data-pal="p073"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p073"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p073"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p073"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p073"] header.fixed .gnb_1da, html[data-pal="p073"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p073"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p073"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p073"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p073"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p073"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p073"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p073"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p073"] .sub_bc_btn.open, html[data-pal="p073"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p073"] #ft, html[data-pal="p073"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p073"] footer a, html[data-pal="p073"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p073"] footer a:hover, html[data-pal="p073"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p073"] .btn_submit, html[data-pal="p073"] button[type="submit"], html[data-pal="p073"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p073"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p073"] .wz-blk-sub, html[data-pal="p073"] .sub_title h2.tit03, html[data-pal="p073"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p073"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p073"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p073"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p073"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p073"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p073"] .section-dark, html[data-pal="p073"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p073"] .section-dark2, html[data-pal="p073"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p074 Summer Splash (navy) ── */ html[data-pal="p074"] { /* 5색 역할 변수 */ --p: #086788; /* 헤더/서브비주얼 배경 */ --fp: #DD1C1A; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F0C808; /* 버튼/포인트/강조 */ --a2: #07A0C3; /* 서브타이틀/보조강조 */ --a3: #FFF1D0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #075a77; --p3: #064e67; --p-97: rgba(8,103,136,0.97); --p-60: rgba(8,103,136,0.6); --p-40: rgba(8,103,136,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F0C808; --submenu-bg: #ffffff; --a1-30:rgba(240,200,8,0.3); --a1-20:rgba(240,200,8,0.2); --a1-12:rgba(240,200,8,0.12); /* 레거시 호환 */ --point-color: #F0C808; --txt-point-color: #F0C808; --basic-color: #f0f0f0; --header-bg: #086788; --footer-bg: #DD1C1A; --footer-text: #ffffff; --footer-border: rgba(240,200,8,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #086788; --section-dark2: #075a77; --nav-link: #ffffff; --nav-hover: #F0C808; --border-color: rgba(7,160,195,0.25); --aside-bg: #F0C808; --accent: #F0C808; --wz-side-bg: #086788; --wz-side-text: #ffffff; --wz-side-hover-bg: #F0C808; } /* 헤더 */ html[data-pal="p074"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p074"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p074"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p074"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p074"] header.fixed .gnb_1da, html[data-pal="p074"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p074"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p074"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p074"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p074"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p074"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p074"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p074"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p074"] .sub_bc_btn.open, html[data-pal="p074"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p074"] #ft, html[data-pal="p074"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p074"] footer a, html[data-pal="p074"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p074"] footer a:hover, html[data-pal="p074"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p074"] .btn_submit, html[data-pal="p074"] button[type="submit"], html[data-pal="p074"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p074"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p074"] .wz-blk-sub, html[data-pal="p074"] .sub_title h2.tit03, html[data-pal="p074"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p074"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p074"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p074"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p074"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p074"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p074"] .section-dark, html[data-pal="p074"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p074"] .section-dark2, html[data-pal="p074"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p075 Golden Meadow (green) ── */ html[data-pal="p075"] { /* 5색 역할 변수 */ --p: #5C8001; /* 헤더/서브비주얼 배경 */ --fp: #202415; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FB6107; /* 버튼/포인트/강조 */ --a2: #FBB02D; /* 서브타이틀/보조강조 */ --a3: #F3DE2C; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #507000; --p3: #456100; --p-97: rgba(92,128,1,0.97); --p-60: rgba(92,128,1,0.6); --p-40: rgba(92,128,1,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FB6107; --submenu-bg: #ffffff; --a1-30:rgba(251,97,7,0.3); --a1-20:rgba(251,97,7,0.2); --a1-12:rgba(251,97,7,0.12); /* 레거시 호환 */ --point-color: #FB6107; --txt-point-color: #FB6107; --basic-color: #f0f0f0; --header-bg: #5C8001; --footer-bg: #202415; --footer-text: #ffffff; --footer-border: rgba(251,97,7,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #5C8001; --section-dark2: #507000; --nav-link: #ffffff; --nav-hover: #FB6107; --border-color: rgba(251,176,45,0.25); --aside-bg: #FB6107; --accent: #FB6107; --wz-side-bg: #5C8001; --wz-side-text: #ffffff; --wz-side-hover-bg: #FB6107; } /* 헤더 */ html[data-pal="p075"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p075"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p075"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p075"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p075"] header.fixed .gnb_1da, html[data-pal="p075"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p075"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p075"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p075"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p075"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p075"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p075"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p075"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p075"] .sub_bc_btn.open, html[data-pal="p075"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p075"] #ft, html[data-pal="p075"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p075"] footer a, html[data-pal="p075"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p075"] footer a:hover, html[data-pal="p075"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p075"] .btn_submit, html[data-pal="p075"] button[type="submit"], html[data-pal="p075"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p075"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p075"] .wz-blk-sub, html[data-pal="p075"] .sub_title h2.tit03, html[data-pal="p075"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p075"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p075"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p075"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p075"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p075"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p075"] .section-dark, html[data-pal="p075"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p075"] .section-dark2, html[data-pal="p075"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p076 Deep Sea (navy) ── */ html[data-pal="p076"] { /* 5색 역할 변수 */ --p: #0D1B2A; /* 헤더/서브비주얼 배경 */ --fp: #1B263B; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #415A77; /* 버튼/포인트/강조 */ --a2: #778DA9; /* 서브타이틀/보조강조 */ --a3: #E0E1DD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0b1724; --p3: #09141f; --p-97: rgba(13,27,42,0.97); --p-60: rgba(13,27,42,0.6); --p-40: rgba(13,27,42,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#415A77; --submenu-bg: #ffffff; --a1-30:rgba(65,90,119,0.3); --a1-20:rgba(65,90,119,0.2); --a1-12:rgba(65,90,119,0.12); /* 레거시 호환 */ --point-color: #415A77; --txt-point-color: #415A77; --basic-color: #f0f0f0; --header-bg: #0D1B2A; --footer-bg: #1B263B; --footer-text: #ffffff; --footer-border: rgba(65,90,119,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D1B2A; --section-dark2: #0b1724; --nav-link: #ffffff; --nav-hover: #415A77; --border-color: rgba(119,141,169,0.25); --aside-bg: #415A77; --accent: #415A77; --wz-side-bg: #0D1B2A; --wz-side-text: #ffffff; --wz-side-hover-bg: #415A77; } /* 헤더 */ html[data-pal="p076"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p076"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p076"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p076"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p076"] header.fixed .gnb_1da, html[data-pal="p076"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p076"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p076"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p076"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p076"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p076"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p076"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p076"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p076"] .sub_bc_btn.open, html[data-pal="p076"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p076"] #ft, html[data-pal="p076"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p076"] footer a, html[data-pal="p076"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p076"] footer a:hover, html[data-pal="p076"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p076"] .btn_submit, html[data-pal="p076"] button[type="submit"], html[data-pal="p076"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p076"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p076"] .wz-blk-sub, html[data-pal="p076"] .sub_title h2.tit03, html[data-pal="p076"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p076"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p076"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p076"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p076"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p076"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p076"] .section-dark, html[data-pal="p076"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p076"] .section-dark2, html[data-pal="p076"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p077 Blue Lagoon (navy) ── */ html[data-pal="p077"] { /* 5색 역할 변수 */ --p: #0E0E52; /* 헤더/서브비주얼 배경 */ --fp: #150578; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #449DD1; /* 버튼/포인트/강조 */ --a2: #78C0E0; /* 서브타이틀/보조강조 */ --a3: #78C0E0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0c0c48; --p3: #0a0a3e; --p-97: rgba(14,14,82,0.97); --p-60: rgba(14,14,82,0.6); --p-40: rgba(14,14,82,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#449DD1; --submenu-bg: #ffffff; --a1-30:rgba(68,157,209,0.3); --a1-20:rgba(68,157,209,0.2); --a1-12:rgba(68,157,209,0.12); /* 레거시 호환 */ --point-color: #449DD1; --txt-point-color: #449DD1; --basic-color: #f0f0f0; --header-bg: #0E0E52; --footer-bg: #150578; --footer-text: #ffffff; --footer-border: rgba(68,157,209,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0E0E52; --section-dark2: #0c0c48; --nav-link: #ffffff; --nav-hover: #449DD1; --border-color: rgba(120,192,224,0.25); --aside-bg: #449DD1; --accent: #449DD1; --wz-side-bg: #0E0E52; --wz-side-text: #ffffff; --wz-side-hover-bg: #449DD1; } /* 헤더 */ html[data-pal="p077"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p077"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p077"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p077"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p077"] header.fixed .gnb_1da, html[data-pal="p077"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p077"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p077"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p077"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p077"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p077"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p077"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p077"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p077"] .sub_bc_btn.open, html[data-pal="p077"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p077"] #ft, html[data-pal="p077"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p077"] footer a, html[data-pal="p077"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p077"] footer a:hover, html[data-pal="p077"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p077"] .btn_submit, html[data-pal="p077"] button[type="submit"], html[data-pal="p077"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p077"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p077"] .wz-blk-sub, html[data-pal="p077"] .sub_title h2.tit03, html[data-pal="p077"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p077"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p077"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p077"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p077"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p077"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p077"] .section-dark, html[data-pal="p077"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p077"] .section-dark2, html[data-pal="p077"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p078 Fiery Red (red) ── */ html[data-pal="p078"] { /* 5색 역할 변수 */ --p: #220901; /* 헤더/서브비주얼 배경 */ --fp: #191615; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F6AA1C; /* 버튼/포인트/강조 */ --a2: #BC3908; /* 서브타이틀/보조강조 */ --a3: #F6AA1C; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1d0700; --p3: #190600; --p-97: rgba(34,9,1,0.97); --p-60: rgba(34,9,1,0.6); --p-40: rgba(34,9,1,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F6AA1C; --submenu-bg: #ffffff; --a1-30:rgba(246,170,28,0.3); --a1-20:rgba(246,170,28,0.2); --a1-12:rgba(246,170,28,0.12); /* 레거시 호환 */ --point-color: #F6AA1C; --txt-point-color: #F6AA1C; --basic-color: #f0f0f0; --header-bg: #220901; --footer-bg: #191615; --footer-text: #ffffff; --footer-border: rgba(246,170,28,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #220901; --section-dark2: #1d0700; --nav-link: #ffffff; --nav-hover: #F6AA1C; --border-color: rgba(188,57,8,0.25); --aside-bg: #F6AA1C; --accent: #F6AA1C; --wz-side-bg: #220901; --wz-side-text: #ffffff; --wz-side-hover-bg: #F6AA1C; } /* 헤더 */ html[data-pal="p078"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p078"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p078"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p078"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p078"] header.fixed .gnb_1da, html[data-pal="p078"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p078"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p078"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p078"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p078"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p078"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p078"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p078"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p078"] .sub_bc_btn.open, html[data-pal="p078"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p078"] #ft, html[data-pal="p078"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p078"] footer a, html[data-pal="p078"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p078"] footer a:hover, html[data-pal="p078"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p078"] .btn_submit, html[data-pal="p078"] button[type="submit"], html[data-pal="p078"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p078"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p078"] .wz-blk-sub, html[data-pal="p078"] .sub_title h2.tit03, html[data-pal="p078"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p078"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p078"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p078"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p078"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p078"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p078"] .section-dark, html[data-pal="p078"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p078"] .section-dark2, html[data-pal="p078"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p079 Starlight Sky (navy) ── */ html[data-pal="p079"] { /* 5색 역할 변수 */ --p: #0A369D; /* 헤더/서브비주얼 배경 */ --fp: #161b27; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #4472CA; /* 버튼/포인트/강조 */ --a2: #92B4F4; /* 서브타이틀/보조강조 */ --a3: #CFDEE7; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #082f8a; --p3: #072977; --p-97: rgba(10,54,157,0.97); --p-60: rgba(10,54,157,0.6); --p-40: rgba(10,54,157,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#4472CA; --submenu-bg: #ffffff; --a1-30:rgba(68,114,202,0.3); --a1-20:rgba(68,114,202,0.2); --a1-12:rgba(68,114,202,0.12); /* 레거시 호환 */ --point-color: #4472CA; --txt-point-color: #4472CA; --basic-color: #f0f0f0; --header-bg: #0A369D; --footer-bg: #161b27; --footer-text: #ffffff; --footer-border: rgba(68,114,202,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0A369D; --section-dark2: #082f8a; --nav-link: #ffffff; --nav-hover: #4472CA; --border-color: rgba(146,180,244,0.25); --aside-bg: #4472CA; --accent: #4472CA; --wz-side-bg: #0A369D; --wz-side-text: #ffffff; --wz-side-hover-bg: #4472CA; } /* 헤더 */ html[data-pal="p079"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p079"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p079"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p079"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p079"] header.fixed .gnb_1da, html[data-pal="p079"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p079"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p079"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p079"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p079"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p079"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p079"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p079"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p079"] .sub_bc_btn.open, html[data-pal="p079"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p079"] #ft, html[data-pal="p079"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p079"] footer a, html[data-pal="p079"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p079"] footer a:hover, html[data-pal="p079"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p079"] .btn_submit, html[data-pal="p079"] button[type="submit"], html[data-pal="p079"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p079"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p079"] .wz-blk-sub, html[data-pal="p079"] .sub_title h2.tit03, html[data-pal="p079"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p079"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p079"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p079"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p079"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p079"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p079"] .section-dark, html[data-pal="p079"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p079"] .section-dark2, html[data-pal="p079"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p080 Cool Waters (navy) ── */ html[data-pal="p080"] { /* 5색 역할 변수 */ --p: #22577A; /* 헤더/서브비주얼 배경 */ --fp: #191f23; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #80ED99; /* 버튼/포인트/강조 */ --a2: #57CC99; /* 서브타이틀/보조강조 */ --a3: #C7F9CC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1d4c6b; --p3: #19425c; --p-97: rgba(34,87,122,0.97); --p-60: rgba(34,87,122,0.6); --p-40: rgba(34,87,122,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#80ED99; --submenu-bg: #ffffff; --a1-30:rgba(128,237,153,0.3); --a1-20:rgba(128,237,153,0.2); --a1-12:rgba(128,237,153,0.12); /* 레거시 호환 */ --point-color: #80ED99; --txt-point-color: #80ED99; --basic-color: #f0f0f0; --header-bg: #22577A; --footer-bg: #191f23; --footer-text: #ffffff; --footer-border: rgba(128,237,153,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #22577A; --section-dark2: #1d4c6b; --nav-link: #ffffff; --nav-hover: #80ED99; --border-color: rgba(87,204,153,0.25); --aside-bg: #80ED99; --accent: #80ED99; --wz-side-bg: #22577A; --wz-side-text: #ffffff; --wz-side-hover-bg: #80ED99; } /* 헤더 */ html[data-pal="p080"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p080"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p080"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p080"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p080"] header.fixed .gnb_1da, html[data-pal="p080"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p080"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p080"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p080"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p080"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p080"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p080"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p080"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p080"] .sub_bc_btn.open, html[data-pal="p080"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p080"] #ft, html[data-pal="p080"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p080"] footer a, html[data-pal="p080"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p080"] footer a:hover, html[data-pal="p080"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p080"] .btn_submit, html[data-pal="p080"] button[type="submit"], html[data-pal="p080"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p080"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p080"] .wz-blk-sub, html[data-pal="p080"] .sub_title h2.tit03, html[data-pal="p080"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p080"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p080"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p080"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p080"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p080"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p080"] .section-dark, html[data-pal="p080"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p080"] .section-dark2, html[data-pal="p080"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p081 Rustic Charm (mono) ── */ html[data-pal="p081"] { /* 5색 역할 변수 */ --p: #252422; /* 헤더/서브비주얼 배경 */ --fp: #403D39; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EB5E28; /* 버튼/포인트/강조 */ --a2: #CCC5B9; /* 서브타이틀/보조강조 */ --a3: #FFFCF2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #201f1d; --p3: #1c1b19; --p-97: rgba(37,36,34,0.97); --p-60: rgba(37,36,34,0.6); --p-40: rgba(37,36,34,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EB5E28; --submenu-bg: #ffffff; --a1-30:rgba(235,94,40,0.3); --a1-20:rgba(235,94,40,0.2); --a1-12:rgba(235,94,40,0.12); /* 레거시 호환 */ --point-color: #EB5E28; --txt-point-color: #EB5E28; --basic-color: #f0f0f0; --header-bg: #252422; --footer-bg: #403D39; --footer-text: #ffffff; --footer-border: rgba(235,94,40,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #252422; --section-dark2: #201f1d; --nav-link: #ffffff; --nav-hover: #EB5E28; --border-color: rgba(204,197,185,0.25); --aside-bg: #EB5E28; --accent: #EB5E28; --wz-side-bg: #252422; --wz-side-text: #ffffff; --wz-side-hover-bg: #EB5E28; } /* 헤더 */ html[data-pal="p081"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p081"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p081"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p081"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p081"] header.fixed .gnb_1da, html[data-pal="p081"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p081"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p081"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p081"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p081"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p081"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p081"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p081"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p081"] .sub_bc_btn.open, html[data-pal="p081"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p081"] #ft, html[data-pal="p081"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p081"] footer a, html[data-pal="p081"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p081"] footer a:hover, html[data-pal="p081"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p081"] .btn_submit, html[data-pal="p081"] button[type="submit"], html[data-pal="p081"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p081"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p081"] .wz-blk-sub, html[data-pal="p081"] .sub_title h2.tit03, html[data-pal="p081"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p081"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p081"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p081"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p081"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p081"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p081"] .section-dark, html[data-pal="p081"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p081"] .section-dark2, html[data-pal="p081"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p082 Bold Berry (red) ── */ html[data-pal="p082"] { /* 5색 역할 변수 */ --p: #450920; /* 헤더/서브비주얼 배경 */ --fp: #1d1618; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #DA627D; /* 버튼/포인트/강조 */ --a2: #FFA5AB; /* 서브타이틀/보조강조 */ --a3: #F9DBBD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #3c071c; --p3: #340618; --p-97: rgba(69,9,32,0.97); --p-60: rgba(69,9,32,0.6); --p-40: rgba(69,9,32,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#DA627D; --submenu-bg: #ffffff; --a1-30:rgba(218,98,125,0.3); --a1-20:rgba(218,98,125,0.2); --a1-12:rgba(218,98,125,0.12); /* 레거시 호환 */ --point-color: #DA627D; --txt-point-color: #DA627D; --basic-color: #f0f0f0; --header-bg: #450920; --footer-bg: #1d1618; --footer-text: #ffffff; --footer-border: rgba(218,98,125,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #450920; --section-dark2: #3c071c; --nav-link: #ffffff; --nav-hover: #DA627D; --border-color: rgba(255,165,171,0.25); --aside-bg: #DA627D; --accent: #DA627D; --wz-side-bg: #450920; --wz-side-text: #ffffff; --wz-side-hover-bg: #DA627D; } /* 헤더 */ html[data-pal="p082"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p082"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p082"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p082"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p082"] header.fixed .gnb_1da, html[data-pal="p082"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p082"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p082"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p082"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p082"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p082"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p082"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p082"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p082"] .sub_bc_btn.open, html[data-pal="p082"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p082"] #ft, html[data-pal="p082"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p082"] footer a, html[data-pal="p082"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p082"] footer a:hover, html[data-pal="p082"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p082"] .btn_submit, html[data-pal="p082"] button[type="submit"], html[data-pal="p082"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p082"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p082"] .wz-blk-sub, html[data-pal="p082"] .sub_title h2.tit03, html[data-pal="p082"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p082"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p082"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p082"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p082"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p082"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p082"] .section-dark, html[data-pal="p082"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p082"] .section-dark2, html[data-pal="p082"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p083 Beach Sunset (navy) ── */ html[data-pal="p083"] { /* 5색 역할 변수 */ --p: #1B4965; /* 헤더/서브비주얼 배경 */ --fp: #181d21; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #62B6CB; /* 버튼/포인트/강조 */ --a2: #5FA8D3; /* 서브타이틀/보조강조 */ --a3: #CAE9FF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #174058; --p3: #14374c; --p-97: rgba(27,73,101,0.97); --p-60: rgba(27,73,101,0.6); --p-40: rgba(27,73,101,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#62B6CB; --submenu-bg: #ffffff; --a1-30:rgba(98,182,203,0.3); --a1-20:rgba(98,182,203,0.2); --a1-12:rgba(98,182,203,0.12); /* 레거시 호환 */ --point-color: #62B6CB; --txt-point-color: #62B6CB; --basic-color: #f0f0f0; --header-bg: #1B4965; --footer-bg: #181d21; --footer-text: #ffffff; --footer-border: rgba(98,182,203,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1B4965; --section-dark2: #174058; --nav-link: #ffffff; --nav-hover: #62B6CB; --border-color: rgba(95,168,211,0.25); --aside-bg: #62B6CB; --accent: #62B6CB; --wz-side-bg: #1B4965; --wz-side-text: #ffffff; --wz-side-hover-bg: #62B6CB; } /* 헤더 */ html[data-pal="p083"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p083"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p083"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p083"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p083"] header.fixed .gnb_1da, html[data-pal="p083"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p083"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p083"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p083"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p083"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p083"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p083"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p083"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p083"] .sub_bc_btn.open, html[data-pal="p083"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p083"] #ft, html[data-pal="p083"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p083"] footer a, html[data-pal="p083"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p083"] footer a:hover, html[data-pal="p083"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p083"] .btn_submit, html[data-pal="p083"] button[type="submit"], html[data-pal="p083"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p083"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p083"] .wz-blk-sub, html[data-pal="p083"] .sub_title h2.tit03, html[data-pal="p083"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p083"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p083"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p083"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p083"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p083"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p083"] .section-dark, html[data-pal="p083"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p083"] .section-dark2, html[data-pal="p083"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p084 Turquoise Harmony (navy) ── */ html[data-pal="p084"] { /* 5색 역할 변수 */ --p: #05668D; /* 헤더/서브비주얼 배경 */ --fp: #152126; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #02C39A; /* 버튼/포인트/강조 */ --a2: #028090; /* 서브타이틀/보조강조 */ --a3: #F0F3BD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #04597c; --p3: #034d6b; --p-97: rgba(5,102,141,0.97); --p-60: rgba(5,102,141,0.6); --p-40: rgba(5,102,141,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#02C39A; --submenu-bg: #ffffff; --a1-30:rgba(2,195,154,0.3); --a1-20:rgba(2,195,154,0.2); --a1-12:rgba(2,195,154,0.12); /* 레거시 호환 */ --point-color: #02C39A; --txt-point-color: #02C39A; --basic-color: #f0f0f0; --header-bg: #05668D; --footer-bg: #152126; --footer-text: #ffffff; --footer-border: rgba(2,195,154,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #05668D; --section-dark2: #04597c; --nav-link: #ffffff; --nav-hover: #02C39A; --border-color: rgba(2,128,144,0.25); --aside-bg: #02C39A; --accent: #02C39A; --wz-side-bg: #05668D; --wz-side-text: #ffffff; --wz-side-hover-bg: #02C39A; } /* 헤더 */ html[data-pal="p084"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p084"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p084"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p084"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p084"] header.fixed .gnb_1da, html[data-pal="p084"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p084"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p084"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p084"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p084"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p084"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p084"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p084"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p084"] .sub_bc_btn.open, html[data-pal="p084"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p084"] #ft, html[data-pal="p084"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p084"] footer a, html[data-pal="p084"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p084"] footer a:hover, html[data-pal="p084"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p084"] .btn_submit, html[data-pal="p084"] button[type="submit"], html[data-pal="p084"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p084"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p084"] .wz-blk-sub, html[data-pal="p084"] .sub_title h2.tit03, html[data-pal="p084"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p084"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p084"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p084"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p084"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p084"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p084"] .section-dark, html[data-pal="p084"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p084"] .section-dark2, html[data-pal="p084"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p085 Misty Lavender (navy) ── */ html[data-pal="p085"] { /* 5색 역할 변수 */ --p: #183642; /* 헤더/서브비주얼 배경 */ --fp: #181b1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #313D5A; /* 버튼/포인트/강조 */ --a2: #CBC5EA; /* 서브타이틀/보조강조 */ --a3: #EAEAEA; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #152f3a; --p3: #122932; --p-97: rgba(24,54,66,0.97); --p-60: rgba(24,54,66,0.6); --p-40: rgba(24,54,66,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#313D5A; --submenu-bg: #ffffff; --a1-30:rgba(49,61,90,0.3); --a1-20:rgba(49,61,90,0.2); --a1-12:rgba(49,61,90,0.12); /* 레거시 호환 */ --point-color: #313D5A; --txt-point-color: #313D5A; --basic-color: #f0f0f0; --header-bg: #183642; --footer-bg: #181b1d; --footer-text: #ffffff; --footer-border: rgba(49,61,90,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #183642; --section-dark2: #152f3a; --nav-link: #ffffff; --nav-hover: #313D5A; --border-color: rgba(203,197,234,0.25); --aside-bg: #313D5A; --accent: #313D5A; --wz-side-bg: #183642; --wz-side-text: #ffffff; --wz-side-hover-bg: #313D5A; } /* 헤더 */ html[data-pal="p085"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p085"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p085"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p085"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p085"] header.fixed .gnb_1da, html[data-pal="p085"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p085"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p085"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p085"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p085"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p085"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p085"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p085"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p085"] .sub_bc_btn.open, html[data-pal="p085"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p085"] #ft, html[data-pal="p085"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p085"] footer a, html[data-pal="p085"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p085"] footer a:hover, html[data-pal="p085"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p085"] .btn_submit, html[data-pal="p085"] button[type="submit"], html[data-pal="p085"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p085"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p085"] .wz-blk-sub, html[data-pal="p085"] .sub_title h2.tit03, html[data-pal="p085"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p085"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p085"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p085"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p085"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p085"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p085"] .section-dark, html[data-pal="p085"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p085"] .section-dark2, html[data-pal="p085"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p086 Green Serenity (green) ── */ html[data-pal="p086"] { /* 5색 역할 변수 */ --p: #111D13; /* 헤더/서브비주얼 배경 */ --fp: #171817; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A1CCA5; /* 버튼/포인트/강조 */ --a2: #8FB996; /* 서브타이틀/보조강조 */ --a3: #A1CCA5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0e1910; --p3: #0c160e; --p-97: rgba(17,29,19,0.97); --p-60: rgba(17,29,19,0.6); --p-40: rgba(17,29,19,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#A1CCA5; --submenu-bg: #ffffff; --a1-30:rgba(161,204,165,0.3); --a1-20:rgba(161,204,165,0.2); --a1-12:rgba(161,204,165,0.12); /* 레거시 호환 */ --point-color: #A1CCA5; --txt-point-color: #A1CCA5; --basic-color: #f0f0f0; --header-bg: #111D13; --footer-bg: #171817; --footer-text: #ffffff; --footer-border: rgba(161,204,165,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #111D13; --section-dark2: #0e1910; --nav-link: #ffffff; --nav-hover: #A1CCA5; --border-color: rgba(143,185,150,0.25); --aside-bg: #A1CCA5; --accent: #A1CCA5; --wz-side-bg: #111D13; --wz-side-text: #ffffff; --wz-side-hover-bg: #A1CCA5; } /* 헤더 */ html[data-pal="p086"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p086"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p086"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p086"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p086"] header.fixed .gnb_1da, html[data-pal="p086"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p086"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p086"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p086"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p086"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p086"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p086"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p086"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p086"] .sub_bc_btn.open, html[data-pal="p086"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p086"] #ft, html[data-pal="p086"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p086"] footer a, html[data-pal="p086"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p086"] footer a:hover, html[data-pal="p086"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p086"] .btn_submit, html[data-pal="p086"] button[type="submit"], html[data-pal="p086"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p086"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p086"] .wz-blk-sub, html[data-pal="p086"] .sub_title h2.tit03, html[data-pal="p086"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p086"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p086"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p086"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p086"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p086"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p086"] .section-dark, html[data-pal="p086"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p086"] .section-dark2, html[data-pal="p086"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p087 Deep Blue Sea (navy) ── */ html[data-pal="p087"] { /* 5색 역할 변수 */ --p: #0B132B; /* 헤더/서브비주얼 배경 */ --fp: #16171a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #5BC0BE; /* 버튼/포인트/강조 */ --a2: #6FFFE9; /* 서브타이틀/보조강조 */ --a3: #6FFFE9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #091025; --p3: #080e20; --p-97: rgba(11,19,43,0.97); --p-60: rgba(11,19,43,0.6); --p-40: rgba(11,19,43,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#5BC0BE; --submenu-bg: #ffffff; --a1-30:rgba(91,192,190,0.3); --a1-20:rgba(91,192,190,0.2); --a1-12:rgba(91,192,190,0.12); /* 레거시 호환 */ --point-color: #5BC0BE; --txt-point-color: #5BC0BE; --basic-color: #f0f0f0; --header-bg: #0B132B; --footer-bg: #16171a; --footer-text: #ffffff; --footer-border: rgba(91,192,190,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0B132B; --section-dark2: #091025; --nav-link: #ffffff; --nav-hover: #5BC0BE; --border-color: rgba(111,255,233,0.25); --aside-bg: #5BC0BE; --accent: #5BC0BE; --wz-side-bg: #0B132B; --wz-side-text: #ffffff; --wz-side-hover-bg: #5BC0BE; } /* 헤더 */ html[data-pal="p087"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p087"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p087"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p087"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p087"] header.fixed .gnb_1da, html[data-pal="p087"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p087"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p087"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p087"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p087"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p087"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p087"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p087"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p087"] .sub_bc_btn.open, html[data-pal="p087"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p087"] #ft, html[data-pal="p087"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p087"] footer a, html[data-pal="p087"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p087"] footer a:hover, html[data-pal="p087"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p087"] .btn_submit, html[data-pal="p087"] button[type="submit"], html[data-pal="p087"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p087"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p087"] .wz-blk-sub, html[data-pal="p087"] .sub_title h2.tit03, html[data-pal="p087"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p087"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p087"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p087"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p087"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p087"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p087"] .section-dark, html[data-pal="p087"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p087"] .section-dark2, html[data-pal="p087"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p088 Soft Lavender (navy) ── */ html[data-pal="p088"] { /* 5색 역할 변수 */ --p: #8E9AAF; /* 헤더/서브비주얼 배경 */ --fp: #26272a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EFD3D7; /* 버튼/포인트/강조 */ --a2: #CBC0D3; /* 서브타이틀/보조강조 */ --a3: #FEEAFA; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #7c879a; --p3: #6b7585; --p-97: rgba(142,154,175,0.97); --p-60: rgba(142,154,175,0.6); --p-40: rgba(142,154,175,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#EFD3D7; --submenu-bg: #f8f8f8; --a1-30:rgba(239,211,215,0.3); --a1-20:rgba(239,211,215,0.2); --a1-12:rgba(239,211,215,0.12); /* 레거시 호환 */ --point-color: #EFD3D7; --txt-point-color: #EFD3D7; --basic-color: #1a1a1a; --header-bg: #8E9AAF; --footer-bg: #26272a; --footer-text: #ffffff; --footer-border: rgba(239,211,215,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #8E9AAF; --section-dark2: #7c879a; --nav-link: #111111; --nav-hover: #EFD3D7; --border-color: rgba(203,192,211,0.25); --aside-bg: #EFD3D7; --accent: #EFD3D7; --wz-side-bg: #8E9AAF; --wz-side-text: #111111; --wz-side-hover-bg: #EFD3D7; } /* 헤더 */ html[data-pal="p088"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p088"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p088"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p088"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p088"] header.fixed .gnb_1da, html[data-pal="p088"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p088"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p088"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p088"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p088"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p088"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p088"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p088"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p088"] .sub_bc_btn.open, html[data-pal="p088"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p088"] #ft, html[data-pal="p088"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p088"] footer a, html[data-pal="p088"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p088"] footer a:hover, html[data-pal="p088"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p088"] .btn_submit, html[data-pal="p088"] button[type="submit"], html[data-pal="p088"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p088"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p088"] .wz-blk-sub, html[data-pal="p088"] .sub_title h2.tit03, html[data-pal="p088"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p088"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p088"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p088"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p088"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p088"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p088"] .section-dark, html[data-pal="p088"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p088"] .section-dark2, html[data-pal="p088"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p089 Sunny Picnic (red) ── */ html[data-pal="p089"] { /* 5색 역할 변수 */ --p: #754F44; /* 헤더/서브비주얼 배경 */ --fp: #231e1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EC7357; /* 버튼/포인트/강조 */ --a2: #E1CE7A; /* 서브타이틀/보조강조 */ --a3: #FBFFB9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #66453b; --p3: #583c33; --p-97: rgba(117,79,68,0.97); --p-60: rgba(117,79,68,0.6); --p-40: rgba(117,79,68,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EC7357; --submenu-bg: #ffffff; --a1-30:rgba(236,115,87,0.3); --a1-20:rgba(236,115,87,0.2); --a1-12:rgba(236,115,87,0.12); /* 레거시 호환 */ --point-color: #EC7357; --txt-point-color: #EC7357; --basic-color: #f0f0f0; --header-bg: #754F44; --footer-bg: #231e1d; --footer-text: #ffffff; --footer-border: rgba(236,115,87,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #754F44; --section-dark2: #66453b; --nav-link: #ffffff; --nav-hover: #EC7357; --border-color: rgba(225,206,122,0.25); --aside-bg: #EC7357; --accent: #EC7357; --wz-side-bg: #754F44; --wz-side-text: #ffffff; --wz-side-hover-bg: #EC7357; } /* 헤더 */ html[data-pal="p089"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p089"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p089"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p089"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p089"] header.fixed .gnb_1da, html[data-pal="p089"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p089"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p089"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p089"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p089"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p089"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p089"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p089"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p089"] .sub_bc_btn.open, html[data-pal="p089"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p089"] #ft, html[data-pal="p089"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p089"] footer a, html[data-pal="p089"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p089"] footer a:hover, html[data-pal="p089"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p089"] .btn_submit, html[data-pal="p089"] button[type="submit"], html[data-pal="p089"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p089"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p089"] .wz-blk-sub, html[data-pal="p089"] .sub_title h2.tit03, html[data-pal="p089"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p089"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p089"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p089"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p089"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p089"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p089"] .section-dark, html[data-pal="p089"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p089"] .section-dark2, html[data-pal="p089"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p090 Twilight Dreams (purple) ── */ html[data-pal="p090"] { /* 5색 역할 변수 */ --p: #2C0735; /* 헤더/서브비주얼 배경 */ --fp: #1a151b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #858AE3; /* 버튼/포인트/강조 */ --a2: #97DFFC; /* 서브타이틀/보조강조 */ --a3: #97DFFC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #26062e; --p3: #210528; --p-97: rgba(44,7,53,0.97); --p-60: rgba(44,7,53,0.6); --p-40: rgba(44,7,53,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#858AE3; --submenu-bg: #ffffff; --a1-30:rgba(133,138,227,0.3); --a1-20:rgba(133,138,227,0.2); --a1-12:rgba(133,138,227,0.12); /* 레거시 호환 */ --point-color: #858AE3; --txt-point-color: #858AE3; --basic-color: #f0f0f0; --header-bg: #2C0735; --footer-bg: #1a151b; --footer-text: #ffffff; --footer-border: rgba(133,138,227,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2C0735; --section-dark2: #26062e; --nav-link: #ffffff; --nav-hover: #858AE3; --border-color: rgba(151,223,252,0.25); --aside-bg: #858AE3; --accent: #858AE3; --wz-side-bg: #2C0735; --wz-side-text: #ffffff; --wz-side-hover-bg: #858AE3; } /* 헤더 */ html[data-pal="p090"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p090"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p090"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p090"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p090"] header.fixed .gnb_1da, html[data-pal="p090"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p090"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p090"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p090"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p090"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p090"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p090"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p090"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p090"] .sub_bc_btn.open, html[data-pal="p090"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p090"] #ft, html[data-pal="p090"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p090"] footer a, html[data-pal="p090"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p090"] footer a:hover, html[data-pal="p090"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p090"] .btn_submit, html[data-pal="p090"] button[type="submit"], html[data-pal="p090"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p090"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p090"] .wz-blk-sub, html[data-pal="p090"] .sub_title h2.tit03, html[data-pal="p090"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p090"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p090"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p090"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p090"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p090"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p090"] .section-dark, html[data-pal="p090"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p090"] .section-dark2, html[data-pal="p090"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p091 Peach Sorbet (red) ── */ html[data-pal="p091"] { /* 5색 역할 변수 */ --p: #F08080; /* 헤더/서브비주얼 배경 */ --fp: #312424; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F8AD9D; /* 버튼/포인트/강조 */ --a2: #F4978E; /* 서브타이틀/보조강조 */ --a3: #FFDAB9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #d37070; --p3: #b66161; --p-97: rgba(240,128,128,0.97); --p-60: rgba(240,128,128,0.6); --p-40: rgba(240,128,128,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F8AD9D; --submenu-bg: #f8f8f8; --a1-30:rgba(248,173,157,0.3); --a1-20:rgba(248,173,157,0.2); --a1-12:rgba(248,173,157,0.12); /* 레거시 호환 */ --point-color: #F8AD9D; --txt-point-color: #F8AD9D; --basic-color: #1a1a1a; --header-bg: #F08080; --footer-bg: #312424; --footer-text: #ffffff; --footer-border: rgba(248,173,157,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #F08080; --section-dark2: #d37070; --nav-link: #111111; --nav-hover: #F8AD9D; --border-color: rgba(244,151,142,0.25); --aside-bg: #F8AD9D; --accent: #F8AD9D; --wz-side-bg: #F08080; --wz-side-text: #111111; --wz-side-hover-bg: #F8AD9D; } /* 헤더 */ html[data-pal="p091"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p091"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p091"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p091"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p091"] header.fixed .gnb_1da, html[data-pal="p091"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p091"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p091"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p091"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p091"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p091"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p091"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p091"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p091"] .sub_bc_btn.open, html[data-pal="p091"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p091"] #ft, html[data-pal="p091"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p091"] footer a, html[data-pal="p091"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p091"] footer a:hover, html[data-pal="p091"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p091"] .btn_submit, html[data-pal="p091"] button[type="submit"], html[data-pal="p091"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p091"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p091"] .wz-blk-sub, html[data-pal="p091"] .sub_title h2.tit03, html[data-pal="p091"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p091"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p091"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p091"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p091"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p091"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p091"] .section-dark, html[data-pal="p091"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p091"] .section-dark2, html[data-pal="p091"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p092 Warm Autumn Glow (navy) ── */ html[data-pal="p092"] { /* 5색 역할 변수 */ --p: #003049; /* 헤더/서브비주얼 배경 */ --fp: #151a1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F77F00; /* 버튼/포인트/강조 */ --a2: #FCBF49; /* 서브타이틀/보조강조 */ --a3: #EAE2B7; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #002a40; --p3: #002437; --p-97: rgba(0,48,73,0.97); --p-60: rgba(0,48,73,0.6); --p-40: rgba(0,48,73,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F77F00; --submenu-bg: #ffffff; --a1-30:rgba(247,127,0,0.3); --a1-20:rgba(247,127,0,0.2); --a1-12:rgba(247,127,0,0.12); /* 레거시 호환 */ --point-color: #F77F00; --txt-point-color: #F77F00; --basic-color: #f0f0f0; --header-bg: #003049; --footer-bg: #151a1d; --footer-text: #ffffff; --footer-border: rgba(247,127,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #003049; --section-dark2: #002a40; --nav-link: #ffffff; --nav-hover: #F77F00; --border-color: rgba(252,191,73,0.25); --aside-bg: #F77F00; --accent: #F77F00; --wz-side-bg: #003049; --wz-side-text: #ffffff; --wz-side-hover-bg: #F77F00; } /* 헤더 */ html[data-pal="p092"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p092"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p092"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p092"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p092"] header.fixed .gnb_1da, html[data-pal="p092"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p092"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p092"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p092"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p092"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p092"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p092"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p092"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p092"] .sub_bc_btn.open, html[data-pal="p092"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p092"] #ft, html[data-pal="p092"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p092"] footer a, html[data-pal="p092"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p092"] footer a:hover, html[data-pal="p092"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p092"] .btn_submit, html[data-pal="p092"] button[type="submit"], html[data-pal="p092"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p092"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p092"] .wz-blk-sub, html[data-pal="p092"] .sub_title h2.tit03, html[data-pal="p092"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p092"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p092"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p092"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p092"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p092"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p092"] .section-dark, html[data-pal="p092"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p092"] .section-dark2, html[data-pal="p092"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p093 Cozy Fireside (mono) ── */ html[data-pal="p093"] { /* 5색 역할 변수 */ --p: #231F20; /* 헤더/서브비주얼 배경 */ --fp: #191818; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #7EBDC2; /* 버튼/포인트/강조 */ --a2: #F3DFA2; /* 서브타이틀/보조강조 */ --a3: #EFE6DD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1e1b1c; --p3: #1a1718; --p-97: rgba(35,31,32,0.97); --p-60: rgba(35,31,32,0.6); --p-40: rgba(35,31,32,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#7EBDC2; --submenu-bg: #ffffff; --a1-30:rgba(126,189,194,0.3); --a1-20:rgba(126,189,194,0.2); --a1-12:rgba(126,189,194,0.12); /* 레거시 호환 */ --point-color: #7EBDC2; --txt-point-color: #7EBDC2; --basic-color: #f0f0f0; --header-bg: #231F20; --footer-bg: #191818; --footer-text: #ffffff; --footer-border: rgba(126,189,194,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #231F20; --section-dark2: #1e1b1c; --nav-link: #ffffff; --nav-hover: #7EBDC2; --border-color: rgba(243,223,162,0.25); --aside-bg: #7EBDC2; --accent: #7EBDC2; --wz-side-bg: #231F20; --wz-side-text: #ffffff; --wz-side-hover-bg: #7EBDC2; } /* 헤더 */ html[data-pal="p093"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p093"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p093"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p093"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p093"] header.fixed .gnb_1da, html[data-pal="p093"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p093"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p093"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p093"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p093"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p093"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p093"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p093"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p093"] .sub_bc_btn.open, html[data-pal="p093"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p093"] #ft, html[data-pal="p093"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p093"] footer a, html[data-pal="p093"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p093"] footer a:hover, html[data-pal="p093"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p093"] .btn_submit, html[data-pal="p093"] button[type="submit"], html[data-pal="p093"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p093"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p093"] .wz-blk-sub, html[data-pal="p093"] .sub_title h2.tit03, html[data-pal="p093"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p093"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p093"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p093"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p093"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p093"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p093"] .section-dark, html[data-pal="p093"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p093"] .section-dark2, html[data-pal="p093"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p094 Red Sunburst (red) ── */ html[data-pal="p094"] { /* 5색 역할 변수 */ --p: #4F000B; /* 헤더/서브비주얼 배경 */ --fp: #720026; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF9B54; /* 버튼/포인트/강조 */ --a2: #FF7F51; /* 서브타이틀/보조강조 */ --a3: #FF9B54; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #450009; --p3: #3c0008; --p-97: rgba(79,0,11,0.97); --p-60: rgba(79,0,11,0.6); --p-40: rgba(79,0,11,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF9B54; --submenu-bg: #ffffff; --a1-30:rgba(255,155,84,0.3); --a1-20:rgba(255,155,84,0.2); --a1-12:rgba(255,155,84,0.12); /* 레거시 호환 */ --point-color: #FF9B54; --txt-point-color: #FF9B54; --basic-color: #f0f0f0; --header-bg: #4F000B; --footer-bg: #720026; --footer-text: #ffffff; --footer-border: rgba(255,155,84,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #4F000B; --section-dark2: #450009; --nav-link: #ffffff; --nav-hover: #FF9B54; --border-color: rgba(255,127,81,0.25); --aside-bg: #FF9B54; --accent: #FF9B54; --wz-side-bg: #4F000B; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF9B54; } /* 헤더 */ html[data-pal="p094"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p094"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p094"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p094"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p094"] header.fixed .gnb_1da, html[data-pal="p094"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p094"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p094"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p094"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p094"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p094"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p094"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p094"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p094"] .sub_bc_btn.open, html[data-pal="p094"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p094"] #ft, html[data-pal="p094"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p094"] footer a, html[data-pal="p094"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p094"] footer a:hover, html[data-pal="p094"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p094"] .btn_submit, html[data-pal="p094"] button[type="submit"], html[data-pal="p094"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p094"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p094"] .wz-blk-sub, html[data-pal="p094"] .sub_title h2.tit03, html[data-pal="p094"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p094"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p094"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p094"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p094"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p094"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p094"] .section-dark, html[data-pal="p094"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p094"] .section-dark2, html[data-pal="p094"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p095 Purple Sunset (purple) ── */ html[data-pal="p095"] { /* 5색 역할 변수 */ --p: #390099; /* 헤더/서브비주얼 배경 */ --fp: #1b1527; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFBD00; /* 버튼/포인트/강조 */ --a2: #FF0054; /* 서브타이틀/보조강조 */ --a3: #FFBD00; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #320086; --p3: #2b0074; --p-97: rgba(57,0,153,0.97); --p-60: rgba(57,0,153,0.6); --p-40: rgba(57,0,153,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFBD00; --submenu-bg: #ffffff; --a1-30:rgba(255,189,0,0.3); --a1-20:rgba(255,189,0,0.2); --a1-12:rgba(255,189,0,0.12); /* 레거시 호환 */ --point-color: #FFBD00; --txt-point-color: #FFBD00; --basic-color: #f0f0f0; --header-bg: #390099; --footer-bg: #1b1527; --footer-text: #ffffff; --footer-border: rgba(255,189,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #390099; --section-dark2: #320086; --nav-link: #ffffff; --nav-hover: #FFBD00; --border-color: rgba(255,0,84,0.25); --aside-bg: #FFBD00; --accent: #FFBD00; --wz-side-bg: #390099; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFBD00; } /* 헤더 */ html[data-pal="p095"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p095"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p095"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p095"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p095"] header.fixed .gnb_1da, html[data-pal="p095"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p095"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p095"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p095"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p095"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p095"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p095"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p095"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p095"] .sub_bc_btn.open, html[data-pal="p095"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p095"] #ft, html[data-pal="p095"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p095"] footer a, html[data-pal="p095"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p095"] footer a:hover, html[data-pal="p095"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p095"] .btn_submit, html[data-pal="p095"] button[type="submit"], html[data-pal="p095"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p095"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p095"] .wz-blk-sub, html[data-pal="p095"] .sub_title h2.tit03, html[data-pal="p095"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p095"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p095"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p095"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p095"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p095"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p095"] .section-dark, html[data-pal="p095"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p095"] .section-dark2, html[data-pal="p095"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p096 Pastel Rainbow (red) ── */ html[data-pal="p096"] { /* 5색 역할 변수 */ --p: #FF70A6; /* 헤더/서브비주얼 배경 */ --fp: #332229; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #70D6FF; /* 버튼/포인트/강조 */ --a2: #FF9770; /* 서브타이틀/보조강조 */ --a3: #E9FF70; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e06292; --p3: #c1557e; --p-97: rgba(255,112,166,0.97); --p-60: rgba(255,112,166,0.6); --p-40: rgba(255,112,166,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#70D6FF; --submenu-bg: #f8f8f8; --a1-30:rgba(112,214,255,0.3); --a1-20:rgba(112,214,255,0.2); --a1-12:rgba(112,214,255,0.12); /* 레거시 호환 */ --point-color: #70D6FF; --txt-point-color: #70D6FF; --basic-color: #1a1a1a; --header-bg: #FF70A6; --footer-bg: #332229; --footer-text: #ffffff; --footer-border: rgba(112,214,255,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF70A6; --section-dark2: #e06292; --nav-link: #111111; --nav-hover: #70D6FF; --border-color: rgba(255,151,112,0.25); --aside-bg: #70D6FF; --accent: #70D6FF; --wz-side-bg: #FF70A6; --wz-side-text: #111111; --wz-side-hover-bg: #70D6FF; } /* 헤더 */ html[data-pal="p096"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p096"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p096"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p096"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p096"] header.fixed .gnb_1da, html[data-pal="p096"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p096"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p096"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p096"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p096"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p096"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p096"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p096"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p096"] .sub_bc_btn.open, html[data-pal="p096"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p096"] #ft, html[data-pal="p096"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p096"] footer a, html[data-pal="p096"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p096"] footer a:hover, html[data-pal="p096"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p096"] .btn_submit, html[data-pal="p096"] button[type="submit"], html[data-pal="p096"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p096"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p096"] .wz-blk-sub, html[data-pal="p096"] .sub_title h2.tit03, html[data-pal="p096"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p096"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p096"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p096"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p096"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p096"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p096"] .section-dark, html[data-pal="p096"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p096"] .section-dark2, html[data-pal="p096"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p097 Warm Rustic Palette (red) ── */ html[data-pal="p097"] { /* 5색 역할 변수 */ --p: #772F1A; /* 헤더/서브비주얼 배경 */ --fp: #585123; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F58549; /* 버튼/포인트/강조 */ --a2: #F2A65A; /* 서브타이틀/보조강조 */ --a3: #EEC170; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #682916; --p3: #5a2313; --p-97: rgba(119,47,26,0.97); --p-60: rgba(119,47,26,0.6); --p-40: rgba(119,47,26,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F58549; --submenu-bg: #ffffff; --a1-30:rgba(245,133,73,0.3); --a1-20:rgba(245,133,73,0.2); --a1-12:rgba(245,133,73,0.12); /* 레거시 호환 */ --point-color: #F58549; --txt-point-color: #F58549; --basic-color: #f0f0f0; --header-bg: #772F1A; --footer-bg: #585123; --footer-text: #ffffff; --footer-border: rgba(245,133,73,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #772F1A; --section-dark2: #682916; --nav-link: #ffffff; --nav-hover: #F58549; --border-color: rgba(242,166,90,0.25); --aside-bg: #F58549; --accent: #F58549; --wz-side-bg: #772F1A; --wz-side-text: #ffffff; --wz-side-hover-bg: #F58549; } /* 헤더 */ html[data-pal="p097"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p097"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p097"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p097"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p097"] header.fixed .gnb_1da, html[data-pal="p097"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p097"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p097"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p097"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p097"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p097"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p097"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p097"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p097"] .sub_bc_btn.open, html[data-pal="p097"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p097"] #ft, html[data-pal="p097"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p097"] footer a, html[data-pal="p097"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p097"] footer a:hover, html[data-pal="p097"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p097"] .btn_submit, html[data-pal="p097"] button[type="submit"], html[data-pal="p097"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p097"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p097"] .wz-blk-sub, html[data-pal="p097"] .sub_title h2.tit03, html[data-pal="p097"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p097"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p097"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p097"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p097"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p097"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p097"] .section-dark, html[data-pal="p097"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p097"] .section-dark2, html[data-pal="p097"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p098 Nature Harmony (gold) ── */ html[data-pal="p098"] { /* 5색 역할 변수 */ --p: #373D20; /* 헤더/서브비주얼 배경 */ --fp: #1b1c18; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #717744; /* 버튼/포인트/강조 */ --a2: #BCBD8B; /* 서브타이틀/보조강조 */ --a3: #EFF1ED; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #30351c; --p3: #292e18; --p-97: rgba(55,61,32,0.97); --p-60: rgba(55,61,32,0.6); --p-40: rgba(55,61,32,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#717744; --submenu-bg: #ffffff; --a1-30:rgba(113,119,68,0.3); --a1-20:rgba(113,119,68,0.2); --a1-12:rgba(113,119,68,0.12); /* 레거시 호환 */ --point-color: #717744; --txt-point-color: #717744; --basic-color: #f0f0f0; --header-bg: #373D20; --footer-bg: #1b1c18; --footer-text: #ffffff; --footer-border: rgba(113,119,68,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #373D20; --section-dark2: #30351c; --nav-link: #ffffff; --nav-hover: #717744; --border-color: rgba(188,189,139,0.25); --aside-bg: #717744; --accent: #717744; --wz-side-bg: #373D20; --wz-side-text: #ffffff; --wz-side-hover-bg: #717744; } /* 헤더 */ html[data-pal="p098"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p098"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p098"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p098"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p098"] header.fixed .gnb_1da, html[data-pal="p098"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p098"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p098"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p098"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p098"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p098"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p098"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p098"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p098"] .sub_bc_btn.open, html[data-pal="p098"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p098"] #ft, html[data-pal="p098"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p098"] footer a, html[data-pal="p098"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p098"] footer a:hover, html[data-pal="p098"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p098"] .btn_submit, html[data-pal="p098"] button[type="submit"], html[data-pal="p098"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p098"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p098"] .wz-blk-sub, html[data-pal="p098"] .sub_title h2.tit03, html[data-pal="p098"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p098"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p098"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p098"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p098"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p098"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p098"] .section-dark, html[data-pal="p098"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p098"] .section-dark2, html[data-pal="p098"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p099 Mint Chocolate (green) ── */ html[data-pal="p099"] { /* 5색 역할 변수 */ --p: #414535; /* 헤더/서브비주얼 배경 */ --fp: #1c1d1b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #C19875; /* 버튼/포인트/강조 */ --a2: #96BBBB; /* 서브타이틀/보조강조 */ --a3: #F2E3BC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #393c2e; --p3: #313428; --p-97: rgba(65,69,53,0.97); --p-60: rgba(65,69,53,0.6); --p-40: rgba(65,69,53,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#C19875; --submenu-bg: #ffffff; --a1-30:rgba(193,152,117,0.3); --a1-20:rgba(193,152,117,0.2); --a1-12:rgba(193,152,117,0.12); /* 레거시 호환 */ --point-color: #C19875; --txt-point-color: #C19875; --basic-color: #f0f0f0; --header-bg: #414535; --footer-bg: #1c1d1b; --footer-text: #ffffff; --footer-border: rgba(193,152,117,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #414535; --section-dark2: #393c2e; --nav-link: #ffffff; --nav-hover: #C19875; --border-color: rgba(150,187,187,0.25); --aside-bg: #C19875; --accent: #C19875; --wz-side-bg: #414535; --wz-side-text: #ffffff; --wz-side-hover-bg: #C19875; } /* 헤더 */ html[data-pal="p099"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p099"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p099"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p099"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p099"] header.fixed .gnb_1da, html[data-pal="p099"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p099"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p099"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p099"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p099"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p099"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p099"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p099"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p099"] .sub_bc_btn.open, html[data-pal="p099"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p099"] #ft, html[data-pal="p099"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p099"] footer a, html[data-pal="p099"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p099"] footer a:hover, html[data-pal="p099"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p099"] .btn_submit, html[data-pal="p099"] button[type="submit"], html[data-pal="p099"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p099"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p099"] .wz-blk-sub, html[data-pal="p099"] .sub_title h2.tit03, html[data-pal="p099"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p099"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p099"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p099"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p099"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p099"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p099"] .section-dark, html[data-pal="p099"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p099"] .section-dark2, html[data-pal="p099"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p100 Bright Bold Colors (purple) ── */ html[data-pal="p100"] { /* 5색 역할 변수 */ --p: #662E9B; /* 헤더/서브비주얼 배경 */ --fp: #211a27; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F9C80E; /* 버튼/포인트/강조 */ --a2: #F86624; /* 서브타이틀/보조강조 */ --a3: #F9C80E; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #592888; --p3: #4d2275; --p-97: rgba(102,46,155,0.97); --p-60: rgba(102,46,155,0.6); --p-40: rgba(102,46,155,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F9C80E; --submenu-bg: #ffffff; --a1-30:rgba(249,200,14,0.3); --a1-20:rgba(249,200,14,0.2); --a1-12:rgba(249,200,14,0.12); /* 레거시 호환 */ --point-color: #F9C80E; --txt-point-color: #F9C80E; --basic-color: #f0f0f0; --header-bg: #662E9B; --footer-bg: #211a27; --footer-text: #ffffff; --footer-border: rgba(249,200,14,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #662E9B; --section-dark2: #592888; --nav-link: #ffffff; --nav-hover: #F9C80E; --border-color: rgba(248,102,36,0.25); --aside-bg: #F9C80E; --accent: #F9C80E; --wz-side-bg: #662E9B; --wz-side-text: #ffffff; --wz-side-hover-bg: #F9C80E; } /* 헤더 */ html[data-pal="p100"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p100"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p100"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p100"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p100"] header.fixed .gnb_1da, html[data-pal="p100"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p100"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p100"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p100"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p100"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p100"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p100"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p100"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p100"] .sub_bc_btn.open, html[data-pal="p100"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p100"] #ft, html[data-pal="p100"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p100"] footer a, html[data-pal="p100"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p100"] footer a:hover, html[data-pal="p100"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p100"] .btn_submit, html[data-pal="p100"] button[type="submit"], html[data-pal="p100"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p100"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p100"] .wz-blk-sub, html[data-pal="p100"] .sub_title h2.tit03, html[data-pal="p100"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p100"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p100"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p100"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p100"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p100"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p100"] .section-dark, html[data-pal="p100"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p100"] .section-dark2, html[data-pal="p100"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p101 Fiery Fusion (red) ── */ html[data-pal="p101"] { /* 5색 역할 변수 */ --p: #E70E02; /* 헤더/서브비주얼 배경 */ --fp: #301615; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E89005; /* 버튼/포인트/강조 */ --a2: #EC7505; /* 서브타이틀/보조강조 */ --a3: #E89005; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #cb0c01; --p3: #af0a01; --p-97: rgba(231,14,2,0.97); --p-60: rgba(231,14,2,0.6); --p-40: rgba(231,14,2,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E89005; --submenu-bg: #ffffff; --a1-30:rgba(232,144,5,0.3); --a1-20:rgba(232,144,5,0.2); --a1-12:rgba(232,144,5,0.12); /* 레거시 호환 */ --point-color: #E89005; --txt-point-color: #E89005; --basic-color: #f0f0f0; --header-bg: #E70E02; --footer-bg: #301615; --footer-text: #ffffff; --footer-border: rgba(232,144,5,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #E70E02; --section-dark2: #cb0c01; --nav-link: #ffffff; --nav-hover: #E89005; --border-color: rgba(236,117,5,0.25); --aside-bg: #E89005; --accent: #E89005; --wz-side-bg: #E70E02; --wz-side-text: #ffffff; --wz-side-hover-bg: #E89005; } /* 헤더 */ html[data-pal="p101"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p101"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p101"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p101"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p101"] header.fixed .gnb_1da, html[data-pal="p101"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p101"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p101"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p101"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p101"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p101"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p101"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p101"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p101"] .sub_bc_btn.open, html[data-pal="p101"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p101"] #ft, html[data-pal="p101"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p101"] footer a, html[data-pal="p101"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p101"] footer a:hover, html[data-pal="p101"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p101"] .btn_submit, html[data-pal="p101"] button[type="submit"], html[data-pal="p101"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p101"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p101"] .wz-blk-sub, html[data-pal="p101"] .sub_title h2.tit03, html[data-pal="p101"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p101"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p101"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p101"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p101"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p101"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p101"] .section-dark, html[data-pal="p101"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p101"] .section-dark2, html[data-pal="p101"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p102 Deep Blue Waters (navy) ── */ html[data-pal="p102"] { /* 5색 역할 변수 */ --p: #16425B; /* 헤더/서브비주얼 배경 */ --fp: #171d20; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #3A7CA5; /* 버튼/포인트/강조 */ --a2: #81C3D7; /* 서브타이틀/보조강조 */ --a3: #D9DCD6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #133a50; --p3: #103245; --p-97: rgba(22,66,91,0.97); --p-60: rgba(22,66,91,0.6); --p-40: rgba(22,66,91,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#3A7CA5; --submenu-bg: #ffffff; --a1-30:rgba(58,124,165,0.3); --a1-20:rgba(58,124,165,0.2); --a1-12:rgba(58,124,165,0.12); /* 레거시 호환 */ --point-color: #3A7CA5; --txt-point-color: #3A7CA5; --basic-color: #f0f0f0; --header-bg: #16425B; --footer-bg: #171d20; --footer-text: #ffffff; --footer-border: rgba(58,124,165,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #16425B; --section-dark2: #133a50; --nav-link: #ffffff; --nav-hover: #3A7CA5; --border-color: rgba(129,195,215,0.25); --aside-bg: #3A7CA5; --accent: #3A7CA5; --wz-side-bg: #16425B; --wz-side-text: #ffffff; --wz-side-hover-bg: #3A7CA5; } /* 헤더 */ html[data-pal="p102"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p102"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p102"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p102"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p102"] header.fixed .gnb_1da, html[data-pal="p102"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p102"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p102"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p102"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p102"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p102"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p102"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p102"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p102"] .sub_bc_btn.open, html[data-pal="p102"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p102"] #ft, html[data-pal="p102"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p102"] footer a, html[data-pal="p102"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p102"] footer a:hover, html[data-pal="p102"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p102"] .btn_submit, html[data-pal="p102"] button[type="submit"], html[data-pal="p102"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p102"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p102"] .wz-blk-sub, html[data-pal="p102"] .sub_title h2.tit03, html[data-pal="p102"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p102"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p102"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p102"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p102"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p102"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p102"] .section-dark, html[data-pal="p102"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p102"] .section-dark2, html[data-pal="p102"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p103 Warm Autumn Glow (orange) ── */ html[data-pal="p103"] { /* 5색 역할 변수 */ --p: #CC5803; /* 헤더/서브비주얼 배경 */ --fp: #2d1f15; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF9505; /* 버튼/포인트/강조 */ --a2: #FFB627; /* 서브타이틀/보조강조 */ --a3: #FFC971; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #b34d02; --p3: #9b4202; --p-97: rgba(204,88,3,0.97); --p-60: rgba(204,88,3,0.6); --p-40: rgba(204,88,3,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF9505; --submenu-bg: #ffffff; --a1-30:rgba(255,149,5,0.3); --a1-20:rgba(255,149,5,0.2); --a1-12:rgba(255,149,5,0.12); /* 레거시 호환 */ --point-color: #FF9505; --txt-point-color: #FF9505; --basic-color: #f0f0f0; --header-bg: #CC5803; --footer-bg: #2d1f15; --footer-text: #ffffff; --footer-border: rgba(255,149,5,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #CC5803; --section-dark2: #b34d02; --nav-link: #ffffff; --nav-hover: #FF9505; --border-color: rgba(255,182,39,0.25); --aside-bg: #FF9505; --accent: #FF9505; --wz-side-bg: #CC5803; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF9505; } /* 헤더 */ html[data-pal="p103"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p103"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p103"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p103"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p103"] header.fixed .gnb_1da, html[data-pal="p103"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p103"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p103"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p103"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p103"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p103"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p103"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p103"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p103"] .sub_bc_btn.open, html[data-pal="p103"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p103"] #ft, html[data-pal="p103"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p103"] footer a, html[data-pal="p103"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p103"] footer a:hover, html[data-pal="p103"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p103"] .btn_submit, html[data-pal="p103"] button[type="submit"], html[data-pal="p103"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p103"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p103"] .wz-blk-sub, html[data-pal="p103"] .sub_title h2.tit03, html[data-pal="p103"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p103"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p103"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p103"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p103"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p103"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p103"] .section-dark, html[data-pal="p103"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p103"] .section-dark2, html[data-pal="p103"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p104 Autumn Sunset (red) ── */ html[data-pal="p104"] { /* 5색 역할 변수 */ --p: #461220; /* 헤더/서브비주얼 배경 */ --fp: #1d1718; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #B23A48; /* 버튼/포인트/강조 */ --a2: #FED0BB; /* 서브타이틀/보조강조 */ --a3: #FED0BB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #3d0f1c; --p3: #350d18; --p-97: rgba(70,18,32,0.97); --p-60: rgba(70,18,32,0.6); --p-40: rgba(70,18,32,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#B23A48; --submenu-bg: #ffffff; --a1-30:rgba(178,58,72,0.3); --a1-20:rgba(178,58,72,0.2); --a1-12:rgba(178,58,72,0.12); /* 레거시 호환 */ --point-color: #B23A48; --txt-point-color: #B23A48; --basic-color: #f0f0f0; --header-bg: #461220; --footer-bg: #1d1718; --footer-text: #ffffff; --footer-border: rgba(178,58,72,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #461220; --section-dark2: #3d0f1c; --nav-link: #ffffff; --nav-hover: #B23A48; --border-color: rgba(254,208,187,0.25); --aside-bg: #B23A48; --accent: #B23A48; --wz-side-bg: #461220; --wz-side-text: #ffffff; --wz-side-hover-bg: #B23A48; } /* 헤더 */ html[data-pal="p104"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p104"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p104"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p104"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p104"] header.fixed .gnb_1da, html[data-pal="p104"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p104"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p104"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p104"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p104"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p104"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p104"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p104"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p104"] .sub_bc_btn.open, html[data-pal="p104"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p104"] #ft, html[data-pal="p104"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p104"] footer a, html[data-pal="p104"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p104"] footer a:hover, html[data-pal="p104"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p104"] .btn_submit, html[data-pal="p104"] button[type="submit"], html[data-pal="p104"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p104"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p104"] .wz-blk-sub, html[data-pal="p104"] .sub_title h2.tit03, html[data-pal="p104"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p104"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p104"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p104"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p104"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p104"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p104"] .section-dark, html[data-pal="p104"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p104"] .section-dark2, html[data-pal="p104"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p105 Golden Peachy Glow (red) ── */ html[data-pal="p105"] { /* 5색 역할 변수 */ --p: #472D30; /* 헤더/서브비주얼 배경 */ --fp: #723D46; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E26D5C; /* 버튼/포인트/강조 */ --a2: #C9CBA3; /* 서브타이틀/보조강조 */ --a3: #FFE1A8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #3e272a; --p3: #352224; --p-97: rgba(71,45,48,0.97); --p-60: rgba(71,45,48,0.6); --p-40: rgba(71,45,48,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E26D5C; --submenu-bg: #ffffff; --a1-30:rgba(226,109,92,0.3); --a1-20:rgba(226,109,92,0.2); --a1-12:rgba(226,109,92,0.12); /* 레거시 호환 */ --point-color: #E26D5C; --txt-point-color: #E26D5C; --basic-color: #f0f0f0; --header-bg: #472D30; --footer-bg: #723D46; --footer-text: #ffffff; --footer-border: rgba(226,109,92,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #472D30; --section-dark2: #3e272a; --nav-link: #ffffff; --nav-hover: #E26D5C; --border-color: rgba(201,203,163,0.25); --aside-bg: #E26D5C; --accent: #E26D5C; --wz-side-bg: #472D30; --wz-side-text: #ffffff; --wz-side-hover-bg: #E26D5C; } /* 헤더 */ html[data-pal="p105"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p105"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p105"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p105"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p105"] header.fixed .gnb_1da, html[data-pal="p105"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p105"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p105"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p105"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p105"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p105"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p105"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p105"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p105"] .sub_bc_btn.open, html[data-pal="p105"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p105"] #ft, html[data-pal="p105"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p105"] footer a, html[data-pal="p105"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p105"] footer a:hover, html[data-pal="p105"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p105"] .btn_submit, html[data-pal="p105"] button[type="submit"], html[data-pal="p105"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p105"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p105"] .wz-blk-sub, html[data-pal="p105"] .sub_title h2.tit03, html[data-pal="p105"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p105"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p105"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p105"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p105"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p105"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p105"] .section-dark, html[data-pal="p105"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p105"] .section-dark2, html[data-pal="p105"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p106 Ocean Breeze (navy) ── */ html[data-pal="p106"] { /* 5색 역할 변수 */ --p: #204B57; /* 헤더/서브비주얼 배경 */ --fp: #181e1f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #197BBD; /* 버튼/포인트/강조 */ --a2: #125E8A; /* 서브타이틀/보조강조 */ --a3: #C2B8B2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1c424c; --p3: #183942; --p-97: rgba(32,75,87,0.97); --p-60: rgba(32,75,87,0.6); --p-40: rgba(32,75,87,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#197BBD; --submenu-bg: #ffffff; --a1-30:rgba(25,123,189,0.3); --a1-20:rgba(25,123,189,0.2); --a1-12:rgba(25,123,189,0.12); /* 레거시 호환 */ --point-color: #197BBD; --txt-point-color: #197BBD; --basic-color: #f0f0f0; --header-bg: #204B57; --footer-bg: #181e1f; --footer-text: #ffffff; --footer-border: rgba(25,123,189,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #204B57; --section-dark2: #1c424c; --nav-link: #ffffff; --nav-hover: #197BBD; --border-color: rgba(18,94,138,0.25); --aside-bg: #197BBD; --accent: #197BBD; --wz-side-bg: #204B57; --wz-side-text: #ffffff; --wz-side-hover-bg: #197BBD; } /* 헤더 */ html[data-pal="p106"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p106"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p106"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p106"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p106"] header.fixed .gnb_1da, html[data-pal="p106"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p106"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p106"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p106"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p106"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p106"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p106"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p106"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p106"] .sub_bc_btn.open, html[data-pal="p106"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p106"] #ft, html[data-pal="p106"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p106"] footer a, html[data-pal="p106"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p106"] footer a:hover, html[data-pal="p106"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p106"] .btn_submit, html[data-pal="p106"] button[type="submit"], html[data-pal="p106"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p106"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p106"] .wz-blk-sub, html[data-pal="p106"] .sub_title h2.tit03, html[data-pal="p106"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p106"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p106"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p106"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p106"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p106"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p106"] .section-dark, html[data-pal="p106"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p106"] .section-dark2, html[data-pal="p106"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p107 Delicate Blooms (red) ── */ html[data-pal="p107"] { /* 5색 역할 변수 */ --p: #7C616C; /* 헤더/서브비주얼 배경 */ --fp: #242022; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D1B1CB; /* 버튼/포인트/강조 */ --a2: #DDCAD9; /* 서브타이틀/보조강조 */ --a3: #EAFDF8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #6d555f; --p3: #5e4952; --p-97: rgba(124,97,108,0.97); --p-60: rgba(124,97,108,0.6); --p-40: rgba(124,97,108,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D1B1CB; --submenu-bg: #ffffff; --a1-30:rgba(209,177,203,0.3); --a1-20:rgba(209,177,203,0.2); --a1-12:rgba(209,177,203,0.12); /* 레거시 호환 */ --point-color: #D1B1CB; --txt-point-color: #D1B1CB; --basic-color: #f0f0f0; --header-bg: #7C616C; --footer-bg: #242022; --footer-text: #ffffff; --footer-border: rgba(209,177,203,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #7C616C; --section-dark2: #6d555f; --nav-link: #ffffff; --nav-hover: #D1B1CB; --border-color: rgba(221,202,217,0.25); --aside-bg: #D1B1CB; --accent: #D1B1CB; --wz-side-bg: #7C616C; --wz-side-text: #ffffff; --wz-side-hover-bg: #D1B1CB; } /* 헤더 */ html[data-pal="p107"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p107"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p107"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p107"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p107"] header.fixed .gnb_1da, html[data-pal="p107"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p107"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p107"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p107"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p107"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p107"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p107"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p107"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p107"] .sub_bc_btn.open, html[data-pal="p107"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p107"] #ft, html[data-pal="p107"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p107"] footer a, html[data-pal="p107"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p107"] footer a:hover, html[data-pal="p107"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p107"] .btn_submit, html[data-pal="p107"] button[type="submit"], html[data-pal="p107"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p107"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p107"] .wz-blk-sub, html[data-pal="p107"] .sub_title h2.tit03, html[data-pal="p107"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p107"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p107"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p107"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p107"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p107"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p107"] .section-dark, html[data-pal="p107"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p107"] .section-dark2, html[data-pal="p107"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p108 Gradient Blues (purple) ── */ html[data-pal="p108"] { /* 5색 역할 변수 */ --p: #7400B8; /* 헤더/서브비주얼 배경 */ --fp: #23152b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #48BFE3; /* 버튼/포인트/강조 */ --a2: #72EFDD; /* 서브타이틀/보조강조 */ --a3: #80FFDB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #6600a1; --p3: #58008b; --p-97: rgba(116,0,184,0.97); --p-60: rgba(116,0,184,0.6); --p-40: rgba(116,0,184,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#48BFE3; --submenu-bg: #ffffff; --a1-30:rgba(72,191,227,0.3); --a1-20:rgba(72,191,227,0.2); --a1-12:rgba(72,191,227,0.12); /* 레거시 호환 */ --point-color: #48BFE3; --txt-point-color: #48BFE3; --basic-color: #f0f0f0; --header-bg: #7400B8; --footer-bg: #23152b; --footer-text: #ffffff; --footer-border: rgba(72,191,227,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #7400B8; --section-dark2: #6600a1; --nav-link: #ffffff; --nav-hover: #48BFE3; --border-color: rgba(114,239,221,0.25); --aside-bg: #48BFE3; --accent: #48BFE3; --wz-side-bg: #7400B8; --wz-side-text: #ffffff; --wz-side-hover-bg: #48BFE3; } /* 헤더 */ html[data-pal="p108"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p108"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p108"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p108"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p108"] header.fixed .gnb_1da, html[data-pal="p108"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p108"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p108"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p108"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p108"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p108"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p108"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p108"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p108"] .sub_bc_btn.open, html[data-pal="p108"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p108"] #ft, html[data-pal="p108"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p108"] footer a, html[data-pal="p108"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p108"] footer a:hover, html[data-pal="p108"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p108"] .btn_submit, html[data-pal="p108"] button[type="submit"], html[data-pal="p108"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p108"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p108"] .wz-blk-sub, html[data-pal="p108"] .sub_title h2.tit03, html[data-pal="p108"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p108"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p108"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p108"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p108"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p108"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p108"] .section-dark, html[data-pal="p108"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p108"] .section-dark2, html[data-pal="p108"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p109 Summer Splash (pink) ── */ html[data-pal="p109"] { /* 5색 역할 변수 */ --p: #FF69EB; /* 헤더/서브비주얼 배경 */ --fp: #332131; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFDC5E; /* 버튼/포인트/강조 */ --a2: #FFA3A5; /* 서브타이틀/보조강조 */ --a3: #FFDC5E; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e05cce; --p3: #c14fb2; --p-97: rgba(255,105,235,0.97); --p-60: rgba(255,105,235,0.6); --p-40: rgba(255,105,235,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FFDC5E; --submenu-bg: #f8f8f8; --a1-30:rgba(255,220,94,0.3); --a1-20:rgba(255,220,94,0.2); --a1-12:rgba(255,220,94,0.12); /* 레거시 호환 */ --point-color: #FFDC5E; --txt-point-color: #FFDC5E; --basic-color: #1a1a1a; --header-bg: #FF69EB; --footer-bg: #332131; --footer-text: #ffffff; --footer-border: rgba(255,220,94,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF69EB; --section-dark2: #e05cce; --nav-link: #111111; --nav-hover: #FFDC5E; --border-color: rgba(255,163,165,0.25); --aside-bg: #FFDC5E; --accent: #FFDC5E; --wz-side-bg: #FF69EB; --wz-side-text: #111111; --wz-side-hover-bg: #FFDC5E; } /* 헤더 */ html[data-pal="p109"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p109"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p109"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p109"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p109"] header.fixed .gnb_1da, html[data-pal="p109"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p109"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p109"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p109"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p109"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p109"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p109"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p109"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p109"] .sub_bc_btn.open, html[data-pal="p109"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p109"] #ft, html[data-pal="p109"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p109"] footer a, html[data-pal="p109"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p109"] footer a:hover, html[data-pal="p109"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p109"] .btn_submit, html[data-pal="p109"] button[type="submit"], html[data-pal="p109"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p109"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p109"] .wz-blk-sub, html[data-pal="p109"] .sub_title h2.tit03, html[data-pal="p109"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p109"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p109"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p109"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p109"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p109"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p109"] .section-dark, html[data-pal="p109"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p109"] .section-dark2, html[data-pal="p109"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p110 Pastel Serenity (red) ── */ html[data-pal="p110"] { /* 5색 역할 변수 */ --p: #E27396; /* 헤더/서브비주얼 배경 */ --fp: #302227; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #B3DEE2; /* 버튼/포인트/강조 */ --a2: #EA9AB2; /* 서브타이틀/보조강조 */ --a3: #EAF2D7; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #c66584; --p3: #ab5772; --p-97: rgba(226,115,150,0.97); --p-60: rgba(226,115,150,0.6); --p-40: rgba(226,115,150,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#B3DEE2; --submenu-bg: #f8f8f8; --a1-30:rgba(179,222,226,0.3); --a1-20:rgba(179,222,226,0.2); --a1-12:rgba(179,222,226,0.12); /* 레거시 호환 */ --point-color: #B3DEE2; --txt-point-color: #B3DEE2; --basic-color: #1a1a1a; --header-bg: #E27396; --footer-bg: #302227; --footer-text: #ffffff; --footer-border: rgba(179,222,226,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #E27396; --section-dark2: #c66584; --nav-link: #111111; --nav-hover: #B3DEE2; --border-color: rgba(234,154,178,0.25); --aside-bg: #B3DEE2; --accent: #B3DEE2; --wz-side-bg: #E27396; --wz-side-text: #111111; --wz-side-hover-bg: #B3DEE2; } /* 헤더 */ html[data-pal="p110"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p110"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p110"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p110"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p110"] header.fixed .gnb_1da, html[data-pal="p110"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p110"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p110"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p110"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p110"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p110"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p110"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p110"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p110"] .sub_bc_btn.open, html[data-pal="p110"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p110"] #ft, html[data-pal="p110"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p110"] footer a, html[data-pal="p110"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p110"] footer a:hover, html[data-pal="p110"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p110"] .btn_submit, html[data-pal="p110"] button[type="submit"], html[data-pal="p110"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p110"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p110"] .wz-blk-sub, html[data-pal="p110"] .sub_title h2.tit03, html[data-pal="p110"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p110"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p110"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p110"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p110"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p110"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p110"] .section-dark, html[data-pal="p110"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p110"] .section-dark2, html[data-pal="p110"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p111 Dynamic Celestial Harmony (navy) ── */ html[data-pal="p111"] { /* 5색 역할 변수 */ --p: #2E294E; /* 헤더/서브비주얼 배경 */ --fp: #1a1a1e; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F46036; /* 버튼/포인트/강조 */ --a2: #C5D86D; /* 서브타이틀/보조강조 */ --a3: #C5D86D; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #282444; --p3: #221f3b; --p-97: rgba(46,41,78,0.97); --p-60: rgba(46,41,78,0.6); --p-40: rgba(46,41,78,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F46036; --submenu-bg: #ffffff; --a1-30:rgba(244,96,54,0.3); --a1-20:rgba(244,96,54,0.2); --a1-12:rgba(244,96,54,0.12); /* 레거시 호환 */ --point-color: #F46036; --txt-point-color: #F46036; --basic-color: #f0f0f0; --header-bg: #2E294E; --footer-bg: #1a1a1e; --footer-text: #ffffff; --footer-border: rgba(244,96,54,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2E294E; --section-dark2: #282444; --nav-link: #ffffff; --nav-hover: #F46036; --border-color: rgba(197,216,109,0.25); --aside-bg: #F46036; --accent: #F46036; --wz-side-bg: #2E294E; --wz-side-text: #ffffff; --wz-side-hover-bg: #F46036; } /* 헤더 */ html[data-pal="p111"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p111"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p111"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p111"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p111"] header.fixed .gnb_1da, html[data-pal="p111"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p111"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p111"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p111"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p111"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p111"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p111"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p111"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p111"] .sub_bc_btn.open, html[data-pal="p111"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p111"] #ft, html[data-pal="p111"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p111"] footer a, html[data-pal="p111"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p111"] footer a:hover, html[data-pal="p111"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p111"] .btn_submit, html[data-pal="p111"] button[type="submit"], html[data-pal="p111"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p111"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p111"] .wz-blk-sub, html[data-pal="p111"] .sub_title h2.tit03, html[data-pal="p111"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p111"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p111"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p111"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p111"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p111"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p111"] .section-dark, html[data-pal="p111"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p111"] .section-dark2, html[data-pal="p111"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p112 Ocean Breeze (navy) ── */ html[data-pal="p112"] { /* 5색 역할 변수 */ --p: #0FA3B1; /* 헤더/서브비주얼 배경 */ --fp: #16282a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F7A072; /* 버튼/포인트/강조 */ --a2: #EDDEA4; /* 서브타이틀/보조강조 */ --a3: #F9F7F3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0d8f9b; --p3: #0b7b86; --p-97: rgba(15,163,177,0.97); --p-60: rgba(15,163,177,0.6); --p-40: rgba(15,163,177,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F7A072; --submenu-bg: #ffffff; --a1-30:rgba(247,160,114,0.3); --a1-20:rgba(247,160,114,0.2); --a1-12:rgba(247,160,114,0.12); /* 레거시 호환 */ --point-color: #F7A072; --txt-point-color: #F7A072; --basic-color: #f0f0f0; --header-bg: #0FA3B1; --footer-bg: #16282a; --footer-text: #ffffff; --footer-border: rgba(247,160,114,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0FA3B1; --section-dark2: #0d8f9b; --nav-link: #ffffff; --nav-hover: #F7A072; --border-color: rgba(237,222,164,0.25); --aside-bg: #F7A072; --accent: #F7A072; --wz-side-bg: #0FA3B1; --wz-side-text: #ffffff; --wz-side-hover-bg: #F7A072; } /* 헤더 */ html[data-pal="p112"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p112"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p112"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p112"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p112"] header.fixed .gnb_1da, html[data-pal="p112"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p112"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p112"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p112"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p112"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p112"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p112"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p112"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p112"] .sub_bc_btn.open, html[data-pal="p112"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p112"] #ft, html[data-pal="p112"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p112"] footer a, html[data-pal="p112"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p112"] footer a:hover, html[data-pal="p112"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p112"] .btn_submit, html[data-pal="p112"] button[type="submit"], html[data-pal="p112"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p112"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p112"] .wz-blk-sub, html[data-pal="p112"] .sub_title h2.tit03, html[data-pal="p112"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p112"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p112"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p112"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p112"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p112"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p112"] .section-dark, html[data-pal="p112"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p112"] .section-dark2, html[data-pal="p112"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p113 Golden Summer Glow (navy) ── */ html[data-pal="p113"] { /* 5색 역할 변수 */ --p: #0D3B66; /* 헤더/서브비주얼 배경 */ --fp: #161c21; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EE964B; /* 버튼/포인트/강조 */ --a2: #F95738; /* 서브타이틀/보조강조 */ --a3: #FAF0CA; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0b3359; --p3: #092c4d; --p-97: rgba(13,59,102,0.97); --p-60: rgba(13,59,102,0.6); --p-40: rgba(13,59,102,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#EE964B; --submenu-bg: #ffffff; --a1-30:rgba(238,150,75,0.3); --a1-20:rgba(238,150,75,0.2); --a1-12:rgba(238,150,75,0.12); /* 레거시 호환 */ --point-color: #EE964B; --txt-point-color: #EE964B; --basic-color: #f0f0f0; --header-bg: #0D3B66; --footer-bg: #161c21; --footer-text: #ffffff; --footer-border: rgba(238,150,75,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D3B66; --section-dark2: #0b3359; --nav-link: #ffffff; --nav-hover: #EE964B; --border-color: rgba(249,87,56,0.25); --aside-bg: #EE964B; --accent: #EE964B; --wz-side-bg: #0D3B66; --wz-side-text: #ffffff; --wz-side-hover-bg: #EE964B; } /* 헤더 */ html[data-pal="p113"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p113"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p113"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p113"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p113"] header.fixed .gnb_1da, html[data-pal="p113"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p113"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p113"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p113"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p113"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p113"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p113"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p113"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p113"] .sub_bc_btn.open, html[data-pal="p113"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p113"] #ft, html[data-pal="p113"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p113"] footer a, html[data-pal="p113"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p113"] footer a:hover, html[data-pal="p113"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p113"] .btn_submit, html[data-pal="p113"] button[type="submit"], html[data-pal="p113"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p113"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p113"] .wz-blk-sub, html[data-pal="p113"] .sub_title h2.tit03, html[data-pal="p113"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p113"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p113"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p113"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p113"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p113"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p113"] .section-dark, html[data-pal="p113"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p113"] .section-dark2, html[data-pal="p113"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p114 Autumn Glow (red) ── */ html[data-pal="p114"] { /* 5색 역할 변수 */ --p: #3C1518; /* 헤더/서브비주얼 배경 */ --fp: #1c1718; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D58936; /* 버튼/포인트/강조 */ --a2: #69140E; /* 서브타이틀/보조강조 */ --a3: #F2F3AE; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #341215; --p3: #2d0f12; --p-97: rgba(60,21,24,0.97); --p-60: rgba(60,21,24,0.6); --p-40: rgba(60,21,24,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D58936; --submenu-bg: #ffffff; --a1-30:rgba(213,137,54,0.3); --a1-20:rgba(213,137,54,0.2); --a1-12:rgba(213,137,54,0.12); /* 레거시 호환 */ --point-color: #D58936; --txt-point-color: #D58936; --basic-color: #f0f0f0; --header-bg: #3C1518; --footer-bg: #1c1718; --footer-text: #ffffff; --footer-border: rgba(213,137,54,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3C1518; --section-dark2: #341215; --nav-link: #ffffff; --nav-hover: #D58936; --border-color: rgba(105,20,14,0.25); --aside-bg: #D58936; --accent: #D58936; --wz-side-bg: #3C1518; --wz-side-text: #ffffff; --wz-side-hover-bg: #D58936; } /* 헤더 */ html[data-pal="p114"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p114"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p114"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p114"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p114"] header.fixed .gnb_1da, html[data-pal="p114"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p114"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p114"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p114"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p114"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p114"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p114"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p114"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p114"] .sub_bc_btn.open, html[data-pal="p114"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p114"] #ft, html[data-pal="p114"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p114"] footer a, html[data-pal="p114"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p114"] footer a:hover, html[data-pal="p114"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p114"] .btn_submit, html[data-pal="p114"] button[type="submit"], html[data-pal="p114"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p114"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p114"] .wz-blk-sub, html[data-pal="p114"] .sub_title h2.tit03, html[data-pal="p114"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p114"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p114"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p114"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p114"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p114"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p114"] .section-dark, html[data-pal="p114"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p114"] .section-dark2, html[data-pal="p114"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p115 Ocean Serenity (navy) ── */ html[data-pal="p115"] { /* 5색 역할 변수 */ --p: #01161E; /* 헤더/서브비주얼 배경 */ --fp: #151718; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #AEC3B0; /* 버튼/포인트/강조 */ --a2: #124559; /* 서브타이틀/보조강조 */ --a3: #EFF6E0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #00131a; --p3: #001016; --p-97: rgba(1,22,30,0.97); --p-60: rgba(1,22,30,0.6); --p-40: rgba(1,22,30,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#AEC3B0; --submenu-bg: #ffffff; --a1-30:rgba(174,195,176,0.3); --a1-20:rgba(174,195,176,0.2); --a1-12:rgba(174,195,176,0.12); /* 레거시 호환 */ --point-color: #AEC3B0; --txt-point-color: #AEC3B0; --basic-color: #f0f0f0; --header-bg: #01161E; --footer-bg: #151718; --footer-text: #ffffff; --footer-border: rgba(174,195,176,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #01161E; --section-dark2: #00131a; --nav-link: #ffffff; --nav-hover: #AEC3B0; --border-color: rgba(18,69,89,0.25); --aside-bg: #AEC3B0; --accent: #AEC3B0; --wz-side-bg: #01161E; --wz-side-text: #ffffff; --wz-side-hover-bg: #AEC3B0; } /* 헤더 */ html[data-pal="p115"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p115"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p115"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p115"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p115"] header.fixed .gnb_1da, html[data-pal="p115"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p115"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p115"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p115"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p115"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p115"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p115"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p115"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p115"] .sub_bc_btn.open, html[data-pal="p115"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p115"] #ft, html[data-pal="p115"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p115"] footer a, html[data-pal="p115"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p115"] footer a:hover, html[data-pal="p115"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p115"] .btn_submit, html[data-pal="p115"] button[type="submit"], html[data-pal="p115"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p115"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p115"] .wz-blk-sub, html[data-pal="p115"] .sub_title h2.tit03, html[data-pal="p115"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p115"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p115"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p115"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p115"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p115"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p115"] .section-dark, html[data-pal="p115"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p115"] .section-dark2, html[data-pal="p115"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p116 Minty Fresh (navy) ── */ html[data-pal="p116"] { /* 5색 역할 변수 */ --p: #19535F; /* 헤더/서브비주얼 배경 */ --fp: #7B2D26; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #0B7A75; /* 버튼/포인트/강조 */ --a2: #D7C9AA; /* 서브타이틀/보조강조 */ --a3: #F0F3F5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #164953; --p3: #133f48; --p-97: rgba(25,83,95,0.97); --p-60: rgba(25,83,95,0.6); --p-40: rgba(25,83,95,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#0B7A75; --submenu-bg: #ffffff; --a1-30:rgba(11,122,117,0.3); --a1-20:rgba(11,122,117,0.2); --a1-12:rgba(11,122,117,0.12); /* 레거시 호환 */ --point-color: #0B7A75; --txt-point-color: #0B7A75; --basic-color: #f0f0f0; --header-bg: #19535F; --footer-bg: #7B2D26; --footer-text: #ffffff; --footer-border: rgba(11,122,117,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #19535F; --section-dark2: #164953; --nav-link: #ffffff; --nav-hover: #0B7A75; --border-color: rgba(215,201,170,0.25); --aside-bg: #0B7A75; --accent: #0B7A75; --wz-side-bg: #19535F; --wz-side-text: #ffffff; --wz-side-hover-bg: #0B7A75; } /* 헤더 */ html[data-pal="p116"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p116"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p116"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p116"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p116"] header.fixed .gnb_1da, html[data-pal="p116"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p116"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p116"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p116"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p116"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p116"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p116"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p116"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p116"] .sub_bc_btn.open, html[data-pal="p116"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p116"] #ft, html[data-pal="p116"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p116"] footer a, html[data-pal="p116"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p116"] footer a:hover, html[data-pal="p116"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p116"] .btn_submit, html[data-pal="p116"] button[type="submit"], html[data-pal="p116"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p116"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p116"] .wz-blk-sub, html[data-pal="p116"] .sub_title h2.tit03, html[data-pal="p116"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p116"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p116"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p116"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p116"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p116"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p116"] .section-dark, html[data-pal="p116"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p116"] .section-dark2, html[data-pal="p116"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p117 Forest Hues (teal) ── */ html[data-pal="p117"] { /* 5색 역할 변수 */ --p: #283D3B; /* 헤더/서브비주얼 배경 */ --fp: #191c1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #772E25; /* 버튼/포인트/강조 */ --a2: #197278; /* 서브타이틀/보조강조 */ --a3: #EDDDD4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #233533; --p3: #1e2e2c; --p-97: rgba(40,61,59,0.97); --p-60: rgba(40,61,59,0.6); --p-40: rgba(40,61,59,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#772E25; --submenu-bg: #ffffff; --a1-30:rgba(119,46,37,0.3); --a1-20:rgba(119,46,37,0.2); --a1-12:rgba(119,46,37,0.12); /* 레거시 호환 */ --point-color: #772E25; --txt-point-color: #772E25; --basic-color: #f0f0f0; --header-bg: #283D3B; --footer-bg: #191c1c; --footer-text: #ffffff; --footer-border: rgba(119,46,37,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #283D3B; --section-dark2: #233533; --nav-link: #ffffff; --nav-hover: #772E25; --border-color: rgba(25,114,120,0.25); --aside-bg: #772E25; --accent: #772E25; --wz-side-bg: #283D3B; --wz-side-text: #ffffff; --wz-side-hover-bg: #772E25; } /* 헤더 */ html[data-pal="p117"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p117"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p117"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p117"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p117"] header.fixed .gnb_1da, html[data-pal="p117"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p117"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p117"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p117"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p117"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p117"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p117"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p117"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p117"] .sub_bc_btn.open, html[data-pal="p117"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p117"] #ft, html[data-pal="p117"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p117"] footer a, html[data-pal="p117"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p117"] footer a:hover, html[data-pal="p117"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p117"] .btn_submit, html[data-pal="p117"] button[type="submit"], html[data-pal="p117"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p117"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p117"] .wz-blk-sub, html[data-pal="p117"] .sub_title h2.tit03, html[data-pal="p117"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p117"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p117"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p117"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p117"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p117"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p117"] .section-dark, html[data-pal="p117"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p117"] .section-dark2, html[data-pal="p117"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p118 Ethereal Hues (navy) ── */ html[data-pal="p118"] { /* 5색 역할 변수 */ --p: #736CED; /* 헤더/서브비주얼 배경 */ --fp: #222231; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #9F9FED; /* 버튼/포인트/강조 */ --a2: #F2DFD7; /* 서브타이틀/보조강조 */ --a3: #FEF9FF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #655fd0; --p3: #5752b4; --p-97: rgba(115,108,237,0.97); --p-60: rgba(115,108,237,0.6); --p-40: rgba(115,108,237,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#9F9FED; --submenu-bg: #ffffff; --a1-30:rgba(159,159,237,0.3); --a1-20:rgba(159,159,237,0.2); --a1-12:rgba(159,159,237,0.12); /* 레거시 호환 */ --point-color: #9F9FED; --txt-point-color: #9F9FED; --basic-color: #f0f0f0; --header-bg: #736CED; --footer-bg: #222231; --footer-text: #ffffff; --footer-border: rgba(159,159,237,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #736CED; --section-dark2: #655fd0; --nav-link: #ffffff; --nav-hover: #9F9FED; --border-color: rgba(242,223,215,0.25); --aside-bg: #9F9FED; --accent: #9F9FED; --wz-side-bg: #736CED; --wz-side-text: #ffffff; --wz-side-hover-bg: #9F9FED; } /* 헤더 */ html[data-pal="p118"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p118"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p118"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p118"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p118"] header.fixed .gnb_1da, html[data-pal="p118"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p118"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p118"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p118"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p118"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p118"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p118"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p118"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p118"] .sub_bc_btn.open, html[data-pal="p118"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p118"] #ft, html[data-pal="p118"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p118"] footer a, html[data-pal="p118"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p118"] footer a:hover, html[data-pal="p118"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p118"] .btn_submit, html[data-pal="p118"] button[type="submit"], html[data-pal="p118"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p118"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p118"] .wz-blk-sub, html[data-pal="p118"] .sub_title h2.tit03, html[data-pal="p118"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p118"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p118"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p118"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p118"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p118"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p118"] .section-dark, html[data-pal="p118"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p118"] .section-dark2, html[data-pal="p118"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p119 Pastel Comfort (red) ── */ html[data-pal="p119"] { /* 5색 역할 변수 */ --p: #A44A3F; /* 헤더/서브비주얼 배경 */ --fp: #281e1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F19C79; /* 버튼/포인트/강조 */ --a2: #D4E09B; /* 서브타이틀/보조강조 */ --a3: #F6F4D2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #904137; --p3: #7c382f; --p-97: rgba(164,74,63,0.97); --p-60: rgba(164,74,63,0.6); --p-40: rgba(164,74,63,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F19C79; --submenu-bg: #ffffff; --a1-30:rgba(241,156,121,0.3); --a1-20:rgba(241,156,121,0.2); --a1-12:rgba(241,156,121,0.12); /* 레거시 호환 */ --point-color: #F19C79; --txt-point-color: #F19C79; --basic-color: #f0f0f0; --header-bg: #A44A3F; --footer-bg: #281e1c; --footer-text: #ffffff; --footer-border: rgba(241,156,121,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #A44A3F; --section-dark2: #904137; --nav-link: #ffffff; --nav-hover: #F19C79; --border-color: rgba(212,224,155,0.25); --aside-bg: #F19C79; --accent: #F19C79; --wz-side-bg: #A44A3F; --wz-side-text: #ffffff; --wz-side-hover-bg: #F19C79; } /* 헤더 */ html[data-pal="p119"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p119"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p119"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p119"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p119"] header.fixed .gnb_1da, html[data-pal="p119"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p119"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p119"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p119"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p119"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p119"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p119"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p119"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p119"] .sub_bc_btn.open, html[data-pal="p119"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p119"] #ft, html[data-pal="p119"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p119"] footer a, html[data-pal="p119"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p119"] footer a:hover, html[data-pal="p119"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p119"] .btn_submit, html[data-pal="p119"] button[type="submit"], html[data-pal="p119"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p119"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p119"] .wz-blk-sub, html[data-pal="p119"] .sub_title h2.tit03, html[data-pal="p119"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p119"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p119"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p119"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p119"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p119"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p119"] .section-dark, html[data-pal="p119"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p119"] .section-dark2, html[data-pal="p119"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p120 Earthy Green (navy) ── */ html[data-pal="p120"] { /* 5색 역할 변수 */ --p: #2F3E46; /* 헤더/서브비주얼 배경 */ --fp: #1a1c1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #84A98C; /* 버튼/포인트/강조 */ --a2: #354F52; /* 서브타이틀/보조강조 */ --a3: #CAD2C5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #29363d; --p3: #232f35; --p-97: rgba(47,62,70,0.97); --p-60: rgba(47,62,70,0.6); --p-40: rgba(47,62,70,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#84A98C; --submenu-bg: #ffffff; --a1-30:rgba(132,169,140,0.3); --a1-20:rgba(132,169,140,0.2); --a1-12:rgba(132,169,140,0.12); /* 레거시 호환 */ --point-color: #84A98C; --txt-point-color: #84A98C; --basic-color: #f0f0f0; --header-bg: #2F3E46; --footer-bg: #1a1c1d; --footer-text: #ffffff; --footer-border: rgba(132,169,140,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2F3E46; --section-dark2: #29363d; --nav-link: #ffffff; --nav-hover: #84A98C; --border-color: rgba(53,79,82,0.25); --aside-bg: #84A98C; --accent: #84A98C; --wz-side-bg: #2F3E46; --wz-side-text: #ffffff; --wz-side-hover-bg: #84A98C; } /* 헤더 */ html[data-pal="p120"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p120"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p120"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p120"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p120"] header.fixed .gnb_1da, html[data-pal="p120"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p120"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p120"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p120"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p120"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p120"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p120"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p120"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p120"] .sub_bc_btn.open, html[data-pal="p120"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p120"] #ft, html[data-pal="p120"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p120"] footer a, html[data-pal="p120"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p120"] footer a:hover, html[data-pal="p120"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p120"] .btn_submit, html[data-pal="p120"] button[type="submit"], html[data-pal="p120"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p120"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p120"] .wz-blk-sub, html[data-pal="p120"] .sub_title h2.tit03, html[data-pal="p120"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p120"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p120"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p120"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p120"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p120"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p120"] .section-dark, html[data-pal="p120"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p120"] .section-dark2, html[data-pal="p120"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p121 Earthy Delight (mono) ── */ html[data-pal="p121"] { /* 5색 역할 변수 */ --p: #282B28; /* 헤더/서브비주얼 배경 */ --fp: #191a19; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D36135; /* 버튼/포인트/강조 */ --a2: #83BCA9; /* 서브타이틀/보조강조 */ --a3: #83BCA9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #232523; --p3: #1e201e; --p-97: rgba(40,43,40,0.97); --p-60: rgba(40,43,40,0.6); --p-40: rgba(40,43,40,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D36135; --submenu-bg: #ffffff; --a1-30:rgba(211,97,53,0.3); --a1-20:rgba(211,97,53,0.2); --a1-12:rgba(211,97,53,0.12); /* 레거시 호환 */ --point-color: #D36135; --txt-point-color: #D36135; --basic-color: #f0f0f0; --header-bg: #282B28; --footer-bg: #191a19; --footer-text: #ffffff; --footer-border: rgba(211,97,53,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #282B28; --section-dark2: #232523; --nav-link: #ffffff; --nav-hover: #D36135; --border-color: rgba(131,188,169,0.25); --aside-bg: #D36135; --accent: #D36135; --wz-side-bg: #282B28; --wz-side-text: #ffffff; --wz-side-hover-bg: #D36135; } /* 헤더 */ html[data-pal="p121"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p121"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p121"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p121"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p121"] header.fixed .gnb_1da, html[data-pal="p121"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p121"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p121"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p121"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p121"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p121"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p121"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p121"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p121"] .sub_bc_btn.open, html[data-pal="p121"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p121"] #ft, html[data-pal="p121"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p121"] footer a, html[data-pal="p121"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p121"] footer a:hover, html[data-pal="p121"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p121"] .btn_submit, html[data-pal="p121"] button[type="submit"], html[data-pal="p121"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p121"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p121"] .wz-blk-sub, html[data-pal="p121"] .sub_title h2.tit03, html[data-pal="p121"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p121"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p121"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p121"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p121"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p121"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p121"] .section-dark, html[data-pal="p121"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p121"] .section-dark2, html[data-pal="p121"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p122 Classic Red Palette (navy) ── */ html[data-pal="p122"] { /* 5색 역할 변수 */ --p: #161A1D; /* 헤더/서브비주얼 배경 */ --fp: #660708; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #BA181B; /* 버튼/포인트/강조 */ --a2: #A4161A; /* 서브타이틀/보조강조 */ --a3: #F5F3F4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #131619; --p3: #101316; --p-97: rgba(22,26,29,0.97); --p-60: rgba(22,26,29,0.6); --p-40: rgba(22,26,29,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#BA181B; --submenu-bg: #ffffff; --a1-30:rgba(186,24,27,0.3); --a1-20:rgba(186,24,27,0.2); --a1-12:rgba(186,24,27,0.12); /* 레거시 호환 */ --point-color: #BA181B; --txt-point-color: #BA181B; --basic-color: #f0f0f0; --header-bg: #161A1D; --footer-bg: #660708; --footer-text: #ffffff; --footer-border: rgba(186,24,27,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #161A1D; --section-dark2: #131619; --nav-link: #ffffff; --nav-hover: #BA181B; --border-color: rgba(164,22,26,0.25); --aside-bg: #BA181B; --accent: #BA181B; --wz-side-bg: #161A1D; --wz-side-text: #ffffff; --wz-side-hover-bg: #BA181B; } /* 헤더 */ html[data-pal="p122"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p122"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p122"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p122"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p122"] header.fixed .gnb_1da, html[data-pal="p122"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p122"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p122"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p122"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p122"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p122"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p122"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p122"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p122"] .sub_bc_btn.open, html[data-pal="p122"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p122"] #ft, html[data-pal="p122"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p122"] footer a, html[data-pal="p122"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p122"] footer a:hover, html[data-pal="p122"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p122"] .btn_submit, html[data-pal="p122"] button[type="submit"], html[data-pal="p122"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p122"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p122"] .wz-blk-sub, html[data-pal="p122"] .sub_title h2.tit03, html[data-pal="p122"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p122"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p122"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p122"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p122"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p122"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p122"] .section-dark, html[data-pal="p122"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p122"] .section-dark2, html[data-pal="p122"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p123 Ocean Pearl Delight (navy) ── */ html[data-pal="p123"] { /* 5색 역할 변수 */ --p: #006D77; /* 헤더/서브비주얼 배경 */ --fp: #152223; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E29578; /* 버튼/포인트/강조 */ --a2: #FFDDD2; /* 서브타이틀/보조강조 */ --a3: #EDF6F9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #005f68; --p3: #00525a; --p-97: rgba(0,109,119,0.97); --p-60: rgba(0,109,119,0.6); --p-40: rgba(0,109,119,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E29578; --submenu-bg: #ffffff; --a1-30:rgba(226,149,120,0.3); --a1-20:rgba(226,149,120,0.2); --a1-12:rgba(226,149,120,0.12); /* 레거시 호환 */ --point-color: #E29578; --txt-point-color: #E29578; --basic-color: #f0f0f0; --header-bg: #006D77; --footer-bg: #152223; --footer-text: #ffffff; --footer-border: rgba(226,149,120,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #006D77; --section-dark2: #005f68; --nav-link: #ffffff; --nav-hover: #E29578; --border-color: rgba(255,221,210,0.25); --aside-bg: #E29578; --accent: #E29578; --wz-side-bg: #006D77; --wz-side-text: #ffffff; --wz-side-hover-bg: #E29578; } /* 헤더 */ html[data-pal="p123"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p123"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p123"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p123"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p123"] header.fixed .gnb_1da, html[data-pal="p123"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p123"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p123"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p123"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p123"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p123"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p123"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p123"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p123"] .sub_bc_btn.open, html[data-pal="p123"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p123"] #ft, html[data-pal="p123"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p123"] footer a, html[data-pal="p123"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p123"] footer a:hover, html[data-pal="p123"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p123"] .btn_submit, html[data-pal="p123"] button[type="submit"], html[data-pal="p123"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p123"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p123"] .wz-blk-sub, html[data-pal="p123"] .sub_title h2.tit03, html[data-pal="p123"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p123"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p123"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p123"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p123"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p123"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p123"] .section-dark, html[data-pal="p123"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p123"] .section-dark2, html[data-pal="p123"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p124 Midnight Sky (navy) ── */ html[data-pal="p124"] { /* 5색 역할 변수 */ --p: #27187E; /* 헤더/서브비주얼 배경 */ --fp: #191824; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF8600; /* 버튼/포인트/강조 */ --a2: #758BFD; /* 서브타이틀/보조강조 */ --a3: #F1F2F6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #22156e; --p3: #1d125f; --p-97: rgba(39,24,126,0.97); --p-60: rgba(39,24,126,0.6); --p-40: rgba(39,24,126,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF8600; --submenu-bg: #ffffff; --a1-30:rgba(255,134,0,0.3); --a1-20:rgba(255,134,0,0.2); --a1-12:rgba(255,134,0,0.12); /* 레거시 호환 */ --point-color: #FF8600; --txt-point-color: #FF8600; --basic-color: #f0f0f0; --header-bg: #27187E; --footer-bg: #191824; --footer-text: #ffffff; --footer-border: rgba(255,134,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #27187E; --section-dark2: #22156e; --nav-link: #ffffff; --nav-hover: #FF8600; --border-color: rgba(117,139,253,0.25); --aside-bg: #FF8600; --accent: #FF8600; --wz-side-bg: #27187E; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF8600; } /* 헤더 */ html[data-pal="p124"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p124"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p124"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p124"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p124"] header.fixed .gnb_1da, html[data-pal="p124"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p124"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p124"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p124"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p124"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p124"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p124"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p124"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p124"] .sub_bc_btn.open, html[data-pal="p124"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p124"] #ft, html[data-pal="p124"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p124"] footer a, html[data-pal="p124"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p124"] footer a:hover, html[data-pal="p124"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p124"] .btn_submit, html[data-pal="p124"] button[type="submit"], html[data-pal="p124"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p124"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p124"] .wz-blk-sub, html[data-pal="p124"] .sub_title h2.tit03, html[data-pal="p124"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p124"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p124"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p124"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p124"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p124"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p124"] .section-dark, html[data-pal="p124"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p124"] .section-dark2, html[data-pal="p124"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p125 Sunrise Glow (navy) ── */ html[data-pal="p125"] { /* 5색 역할 변수 */ --p: #003844; /* 헤더/서브비주얼 배경 */ --fp: #151b1d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFB100; /* 버튼/포인트/강조 */ --a2: #F194B4; /* 서브타이틀/보조강조 */ --a3: #FFEBC6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #00313b; --p3: #002a33; --p-97: rgba(0,56,68,0.97); --p-60: rgba(0,56,68,0.6); --p-40: rgba(0,56,68,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFB100; --submenu-bg: #ffffff; --a1-30:rgba(255,177,0,0.3); --a1-20:rgba(255,177,0,0.2); --a1-12:rgba(255,177,0,0.12); /* 레거시 호환 */ --point-color: #FFB100; --txt-point-color: #FFB100; --basic-color: #f0f0f0; --header-bg: #003844; --footer-bg: #151b1d; --footer-text: #ffffff; --footer-border: rgba(255,177,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #003844; --section-dark2: #00313b; --nav-link: #ffffff; --nav-hover: #FFB100; --border-color: rgba(241,148,180,0.25); --aside-bg: #FFB100; --accent: #FFB100; --wz-side-bg: #003844; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFB100; } /* 헤더 */ html[data-pal="p125"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p125"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p125"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p125"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p125"] header.fixed .gnb_1da, html[data-pal="p125"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p125"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p125"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p125"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p125"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p125"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p125"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p125"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p125"] .sub_bc_btn.open, html[data-pal="p125"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p125"] #ft, html[data-pal="p125"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p125"] footer a, html[data-pal="p125"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p125"] footer a:hover, html[data-pal="p125"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p125"] .btn_submit, html[data-pal="p125"] button[type="submit"], html[data-pal="p125"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p125"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p125"] .wz-blk-sub, html[data-pal="p125"] .sub_title h2.tit03, html[data-pal="p125"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p125"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p125"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p125"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p125"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p125"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p125"] .section-dark, html[data-pal="p125"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p125"] .section-dark2, html[data-pal="p125"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p126 Neon Jungle (green) ── */ html[data-pal="p126"] { /* 5색 역할 변수 */ --p: #0C0F0A; /* 헤더/서브비주얼 배경 */ --fp: #161616; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #41EAD4; /* 버튼/포인트/강조 */ --a2: #FBFF12; /* 서브타이틀/보조강조 */ --a3: #FBFF12; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0a0d08; --p3: #090b07; --p-97: rgba(12,15,10,0.97); --p-60: rgba(12,15,10,0.6); --p-40: rgba(12,15,10,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#41EAD4; --submenu-bg: #ffffff; --a1-30:rgba(65,234,212,0.3); --a1-20:rgba(65,234,212,0.2); --a1-12:rgba(65,234,212,0.12); /* 레거시 호환 */ --point-color: #41EAD4; --txt-point-color: #41EAD4; --basic-color: #f0f0f0; --header-bg: #0C0F0A; --footer-bg: #161616; --footer-text: #ffffff; --footer-border: rgba(65,234,212,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0C0F0A; --section-dark2: #0a0d08; --nav-link: #ffffff; --nav-hover: #41EAD4; --border-color: rgba(251,255,18,0.25); --aside-bg: #41EAD4; --accent: #41EAD4; --wz-side-bg: #0C0F0A; --wz-side-text: #ffffff; --wz-side-hover-bg: #41EAD4; } /* 헤더 */ html[data-pal="p126"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p126"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p126"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p126"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p126"] header.fixed .gnb_1da, html[data-pal="p126"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p126"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p126"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p126"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p126"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p126"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p126"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p126"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p126"] .sub_bc_btn.open, html[data-pal="p126"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p126"] #ft, html[data-pal="p126"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p126"] footer a, html[data-pal="p126"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p126"] footer a:hover, html[data-pal="p126"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p126"] .btn_submit, html[data-pal="p126"] button[type="submit"], html[data-pal="p126"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p126"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p126"] .wz-blk-sub, html[data-pal="p126"] .sub_title h2.tit03, html[data-pal="p126"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p126"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p126"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p126"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p126"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p126"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p126"] .section-dark, html[data-pal="p126"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p126"] .section-dark2, html[data-pal="p126"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p127 Tranquil Waters (navy) ── */ html[data-pal="p127"] { /* 5색 역할 변수 */ --p: #1F363D; /* 헤더/서브비주얼 배경 */ --fp: #181b1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #9EC1A3; /* 버튼/포인트/강조 */ --a2: #70A9A1; /* 서브타이틀/보조강조 */ --a3: #CFE0C3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1b2f35; --p3: #17292e; --p-97: rgba(31,54,61,0.97); --p-60: rgba(31,54,61,0.6); --p-40: rgba(31,54,61,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#9EC1A3; --submenu-bg: #ffffff; --a1-30:rgba(158,193,163,0.3); --a1-20:rgba(158,193,163,0.2); --a1-12:rgba(158,193,163,0.12); /* 레거시 호환 */ --point-color: #9EC1A3; --txt-point-color: #9EC1A3; --basic-color: #f0f0f0; --header-bg: #1F363D; --footer-bg: #181b1c; --footer-text: #ffffff; --footer-border: rgba(158,193,163,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1F363D; --section-dark2: #1b2f35; --nav-link: #ffffff; --nav-hover: #9EC1A3; --border-color: rgba(112,169,161,0.25); --aside-bg: #9EC1A3; --accent: #9EC1A3; --wz-side-bg: #1F363D; --wz-side-text: #ffffff; --wz-side-hover-bg: #9EC1A3; } /* 헤더 */ html[data-pal="p127"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p127"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p127"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p127"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p127"] header.fixed .gnb_1da, html[data-pal="p127"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p127"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p127"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p127"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p127"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p127"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p127"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p127"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p127"] .sub_bc_btn.open, html[data-pal="p127"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p127"] #ft, html[data-pal="p127"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p127"] footer a, html[data-pal="p127"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p127"] footer a:hover, html[data-pal="p127"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p127"] .btn_submit, html[data-pal="p127"] button[type="submit"], html[data-pal="p127"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p127"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p127"] .wz-blk-sub, html[data-pal="p127"] .sub_title h2.tit03, html[data-pal="p127"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p127"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p127"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p127"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p127"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p127"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p127"] .section-dark, html[data-pal="p127"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p127"] .section-dark2, html[data-pal="p127"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p128 Gentle Sea Breeze (navy) ── */ html[data-pal="p128"] { /* 5색 역할 변수 */ --p: #022B3A; /* 헤더/서브비주얼 배경 */ --fp: #151a1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #BFDBF7; /* 버튼/포인트/강조 */ --a2: #E1E5F2; /* 서브타이틀/보조강조 */ --a3: #E1E5F2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #012533; --p3: #01202c; --p-97: rgba(2,43,58,0.97); --p-60: rgba(2,43,58,0.6); --p-40: rgba(2,43,58,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#BFDBF7; --submenu-bg: #ffffff; --a1-30:rgba(191,219,247,0.3); --a1-20:rgba(191,219,247,0.2); --a1-12:rgba(191,219,247,0.12); /* 레거시 호환 */ --point-color: #BFDBF7; --txt-point-color: #BFDBF7; --basic-color: #f0f0f0; --header-bg: #022B3A; --footer-bg: #151a1c; --footer-text: #ffffff; --footer-border: rgba(191,219,247,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #022B3A; --section-dark2: #012533; --nav-link: #ffffff; --nav-hover: #BFDBF7; --border-color: rgba(225,229,242,0.25); --aside-bg: #BFDBF7; --accent: #BFDBF7; --wz-side-bg: #022B3A; --wz-side-text: #ffffff; --wz-side-hover-bg: #BFDBF7; } /* 헤더 */ html[data-pal="p128"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p128"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p128"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p128"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p128"] header.fixed .gnb_1da, html[data-pal="p128"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p128"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p128"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p128"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p128"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p128"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p128"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p128"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p128"] .sub_bc_btn.open, html[data-pal="p128"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p128"] #ft, html[data-pal="p128"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p128"] footer a, html[data-pal="p128"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p128"] footer a:hover, html[data-pal="p128"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p128"] .btn_submit, html[data-pal="p128"] button[type="submit"], html[data-pal="p128"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p128"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p128"] .wz-blk-sub, html[data-pal="p128"] .sub_title h2.tit03, html[data-pal="p128"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p128"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p128"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p128"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p128"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p128"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p128"] .section-dark, html[data-pal="p128"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p128"] .section-dark2, html[data-pal="p128"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p129 Golden Hues (red) ── */ html[data-pal="p129"] { /* 5색 역할 변수 */ --p: #481D24; /* 헤더/서브비주얼 배경 */ --fp: #1d1819; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E9724C; /* 버튼/포인트/강조 */ --a2: #C5283D; /* 서브타이틀/보조강조 */ --a3: #FFC857; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #3f191f; --p3: #36161b; --p-97: rgba(72,29,36,0.97); --p-60: rgba(72,29,36,0.6); --p-40: rgba(72,29,36,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E9724C; --submenu-bg: #ffffff; --a1-30:rgba(233,114,76,0.3); --a1-20:rgba(233,114,76,0.2); --a1-12:rgba(233,114,76,0.12); /* 레거시 호환 */ --point-color: #E9724C; --txt-point-color: #E9724C; --basic-color: #f0f0f0; --header-bg: #481D24; --footer-bg: #1d1819; --footer-text: #ffffff; --footer-border: rgba(233,114,76,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #481D24; --section-dark2: #3f191f; --nav-link: #ffffff; --nav-hover: #E9724C; --border-color: rgba(197,40,61,0.25); --aside-bg: #E9724C; --accent: #E9724C; --wz-side-bg: #481D24; --wz-side-text: #ffffff; --wz-side-hover-bg: #E9724C; } /* 헤더 */ html[data-pal="p129"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p129"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p129"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p129"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p129"] header.fixed .gnb_1da, html[data-pal="p129"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p129"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p129"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p129"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p129"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p129"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p129"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p129"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p129"] .sub_bc_btn.open, html[data-pal="p129"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p129"] #ft, html[data-pal="p129"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p129"] footer a, html[data-pal="p129"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p129"] footer a:hover, html[data-pal="p129"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p129"] .btn_submit, html[data-pal="p129"] button[type="submit"], html[data-pal="p129"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p129"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p129"] .wz-blk-sub, html[data-pal="p129"] .sub_title h2.tit03, html[data-pal="p129"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p129"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p129"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p129"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p129"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p129"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p129"] .section-dark, html[data-pal="p129"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p129"] .section-dark2, html[data-pal="p129"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p130 Forest Adventure (mono) ── */ html[data-pal="p130"] { /* 5색 역할 변수 */ --p: #131515; /* 헤더/서브비주얼 배경 */ --fp: #2B2C28; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #339989; /* 버튼/포인트/강조 */ --a2: #7DE2D1; /* 서브타이틀/보조강조 */ --a3: #FFFAFB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #101212; --p3: #0e0f0f; --p-97: rgba(19,21,21,0.97); --p-60: rgba(19,21,21,0.6); --p-40: rgba(19,21,21,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#339989; --submenu-bg: #ffffff; --a1-30:rgba(51,153,137,0.3); --a1-20:rgba(51,153,137,0.2); --a1-12:rgba(51,153,137,0.12); /* 레거시 호환 */ --point-color: #339989; --txt-point-color: #339989; --basic-color: #f0f0f0; --header-bg: #131515; --footer-bg: #2B2C28; --footer-text: #ffffff; --footer-border: rgba(51,153,137,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #131515; --section-dark2: #101212; --nav-link: #ffffff; --nav-hover: #339989; --border-color: rgba(125,226,209,0.25); --aside-bg: #339989; --accent: #339989; --wz-side-bg: #131515; --wz-side-text: #ffffff; --wz-side-hover-bg: #339989; } /* 헤더 */ html[data-pal="p130"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p130"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p130"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p130"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p130"] header.fixed .gnb_1da, html[data-pal="p130"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p130"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p130"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p130"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p130"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p130"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p130"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p130"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p130"] .sub_bc_btn.open, html[data-pal="p130"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p130"] #ft, html[data-pal="p130"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p130"] footer a, html[data-pal="p130"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p130"] footer a:hover, html[data-pal="p130"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p130"] .btn_submit, html[data-pal="p130"] button[type="submit"], html[data-pal="p130"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p130"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p130"] .wz-blk-sub, html[data-pal="p130"] .sub_title h2.tit03, html[data-pal="p130"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p130"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p130"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p130"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p130"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p130"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p130"] .section-dark, html[data-pal="p130"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p130"] .section-dark2, html[data-pal="p130"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p131 Toffee Garden Picnic (red) ── */ html[data-pal="p131"] { /* 5색 역할 변수 */ --p: #653239; /* 헤더/서브비주얼 배경 */ --fp: #211b1b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #AF7A6D; /* 버튼/포인트/강조 */ --a2: #CCC7B9; /* 서브타이틀/보조강조 */ --a3: #EAF9D9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #582c32; --p3: #4c262b; --p-97: rgba(101,50,57,0.97); --p-60: rgba(101,50,57,0.6); --p-40: rgba(101,50,57,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#AF7A6D; --submenu-bg: #ffffff; --a1-30:rgba(175,122,109,0.3); --a1-20:rgba(175,122,109,0.2); --a1-12:rgba(175,122,109,0.12); /* 레거시 호환 */ --point-color: #AF7A6D; --txt-point-color: #AF7A6D; --basic-color: #f0f0f0; --header-bg: #653239; --footer-bg: #211b1b; --footer-text: #ffffff; --footer-border: rgba(175,122,109,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #653239; --section-dark2: #582c32; --nav-link: #ffffff; --nav-hover: #AF7A6D; --border-color: rgba(204,199,185,0.25); --aside-bg: #AF7A6D; --accent: #AF7A6D; --wz-side-bg: #653239; --wz-side-text: #ffffff; --wz-side-hover-bg: #AF7A6D; } /* 헤더 */ html[data-pal="p131"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p131"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p131"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p131"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p131"] header.fixed .gnb_1da, html[data-pal="p131"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p131"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p131"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p131"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p131"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p131"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p131"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p131"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p131"] .sub_bc_btn.open, html[data-pal="p131"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p131"] #ft, html[data-pal="p131"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p131"] footer a, html[data-pal="p131"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p131"] footer a:hover, html[data-pal="p131"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p131"] .btn_submit, html[data-pal="p131"] button[type="submit"], html[data-pal="p131"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p131"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p131"] .wz-blk-sub, html[data-pal="p131"] .sub_title h2.tit03, html[data-pal="p131"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p131"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p131"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p131"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p131"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p131"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p131"] .section-dark, html[data-pal="p131"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p131"] .section-dark2, html[data-pal="p131"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p132 Pastel Meadows (green) ── */ html[data-pal="p132"] { /* 5색 역할 변수 */ --p: #678D58; /* 헤더/서브비주얼 배경 */ --fp: #21261f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #DD9787; /* 버튼/포인트/강조 */ --a2: #74D3AE; /* 서브타이틀/보조강조 */ --a3: #F6E7CB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5a7c4d; --p3: #4e6b42; --p-97: rgba(103,141,88,0.97); --p-60: rgba(103,141,88,0.6); --p-40: rgba(103,141,88,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#DD9787; --submenu-bg: #ffffff; --a1-30:rgba(221,151,135,0.3); --a1-20:rgba(221,151,135,0.2); --a1-12:rgba(221,151,135,0.12); /* 레거시 호환 */ --point-color: #DD9787; --txt-point-color: #DD9787; --basic-color: #f0f0f0; --header-bg: #678D58; --footer-bg: #21261f; --footer-text: #ffffff; --footer-border: rgba(221,151,135,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #678D58; --section-dark2: #5a7c4d; --nav-link: #ffffff; --nav-hover: #DD9787; --border-color: rgba(116,211,174,0.25); --aside-bg: #DD9787; --accent: #DD9787; --wz-side-bg: #678D58; --wz-side-text: #ffffff; --wz-side-hover-bg: #DD9787; } /* 헤더 */ html[data-pal="p132"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p132"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p132"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p132"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p132"] header.fixed .gnb_1da, html[data-pal="p132"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p132"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p132"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p132"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p132"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p132"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p132"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p132"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p132"] .sub_bc_btn.open, html[data-pal="p132"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p132"] #ft, html[data-pal="p132"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p132"] footer a, html[data-pal="p132"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p132"] footer a:hover, html[data-pal="p132"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p132"] .btn_submit, html[data-pal="p132"] button[type="submit"], html[data-pal="p132"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p132"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p132"] .wz-blk-sub, html[data-pal="p132"] .sub_title h2.tit03, html[data-pal="p132"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p132"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p132"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p132"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p132"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p132"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p132"] .section-dark, html[data-pal="p132"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p132"] .section-dark2, html[data-pal="p132"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p133 Vintage Charm (red) ── */ html[data-pal="p133"] { /* 5색 역할 변수 */ --p: #3F0D12; /* 헤더/서브비주얼 배경 */ --fp: #1c1617; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A71D31; /* 버튼/포인트/강조 */ --a2: #D5BF86; /* 서브타이틀/보조강조 */ --a3: #F1F0CC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #370b0f; --p3: #2f090d; --p-97: rgba(63,13,18,0.97); --p-60: rgba(63,13,18,0.6); --p-40: rgba(63,13,18,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#A71D31; --submenu-bg: #ffffff; --a1-30:rgba(167,29,49,0.3); --a1-20:rgba(167,29,49,0.2); --a1-12:rgba(167,29,49,0.12); /* 레거시 호환 */ --point-color: #A71D31; --txt-point-color: #A71D31; --basic-color: #f0f0f0; --header-bg: #3F0D12; --footer-bg: #1c1617; --footer-text: #ffffff; --footer-border: rgba(167,29,49,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3F0D12; --section-dark2: #370b0f; --nav-link: #ffffff; --nav-hover: #A71D31; --border-color: rgba(213,191,134,0.25); --aside-bg: #A71D31; --accent: #A71D31; --wz-side-bg: #3F0D12; --wz-side-text: #ffffff; --wz-side-hover-bg: #A71D31; } /* 헤더 */ html[data-pal="p133"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p133"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p133"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p133"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p133"] header.fixed .gnb_1da, html[data-pal="p133"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p133"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p133"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p133"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p133"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p133"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p133"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p133"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p133"] .sub_bc_btn.open, html[data-pal="p133"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p133"] #ft, html[data-pal="p133"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p133"] footer a, html[data-pal="p133"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p133"] footer a:hover, html[data-pal="p133"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p133"] .btn_submit, html[data-pal="p133"] button[type="submit"], html[data-pal="p133"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p133"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p133"] .wz-blk-sub, html[data-pal="p133"] .sub_title h2.tit03, html[data-pal="p133"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p133"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p133"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p133"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p133"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p133"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p133"] .section-dark, html[data-pal="p133"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p133"] .section-dark2, html[data-pal="p133"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p134 Ocean Sunset (navy) ── */ html[data-pal="p134"] { /* 5색 역할 변수 */ --p: #001427; /* 헤더/서브비주얼 배경 */ --fp: #151719; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #BF0603; /* 버튼/포인트/강조 */ --a2: #F4D58D; /* 서브타이틀/보조강조 */ --a3: #F4D58D; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #001122; --p3: #000f1d; --p-97: rgba(0,20,39,0.97); --p-60: rgba(0,20,39,0.6); --p-40: rgba(0,20,39,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#BF0603; --submenu-bg: #ffffff; --a1-30:rgba(191,6,3,0.3); --a1-20:rgba(191,6,3,0.2); --a1-12:rgba(191,6,3,0.12); /* 레거시 호환 */ --point-color: #BF0603; --txt-point-color: #BF0603; --basic-color: #f0f0f0; --header-bg: #001427; --footer-bg: #151719; --footer-text: #ffffff; --footer-border: rgba(191,6,3,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #001427; --section-dark2: #001122; --nav-link: #ffffff; --nav-hover: #BF0603; --border-color: rgba(244,213,141,0.25); --aside-bg: #BF0603; --accent: #BF0603; --wz-side-bg: #001427; --wz-side-text: #ffffff; --wz-side-hover-bg: #BF0603; } /* 헤더 */ html[data-pal="p134"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p134"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p134"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p134"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p134"] header.fixed .gnb_1da, html[data-pal="p134"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p134"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p134"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p134"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p134"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p134"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p134"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p134"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p134"] .sub_bc_btn.open, html[data-pal="p134"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p134"] #ft, html[data-pal="p134"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p134"] footer a, html[data-pal="p134"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p134"] footer a:hover, html[data-pal="p134"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p134"] .btn_submit, html[data-pal="p134"] button[type="submit"], html[data-pal="p134"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p134"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p134"] .wz-blk-sub, html[data-pal="p134"] .sub_title h2.tit03, html[data-pal="p134"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p134"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p134"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p134"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p134"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p134"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p134"] .section-dark, html[data-pal="p134"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p134"] .section-dark2, html[data-pal="p134"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p135 Blue Lagoon (navy) ── */ html[data-pal="p135"] { /* 5색 역할 변수 */ --p: #051923; /* 헤더/서브비주얼 배경 */ --fp: #003554; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #00A6FB; /* 버튼/포인트/강조 */ --a2: #0582CA; /* 서브타이틀/보조강조 */ --a3: #00A6FB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #04161e; --p3: #03131a; --p-97: rgba(5,25,35,0.97); --p-60: rgba(5,25,35,0.6); --p-40: rgba(5,25,35,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#00A6FB; --submenu-bg: #ffffff; --a1-30:rgba(0,166,251,0.3); --a1-20:rgba(0,166,251,0.2); --a1-12:rgba(0,166,251,0.12); /* 레거시 호환 */ --point-color: #00A6FB; --txt-point-color: #00A6FB; --basic-color: #f0f0f0; --header-bg: #051923; --footer-bg: #003554; --footer-text: #ffffff; --footer-border: rgba(0,166,251,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #051923; --section-dark2: #04161e; --nav-link: #ffffff; --nav-hover: #00A6FB; --border-color: rgba(5,130,202,0.25); --aside-bg: #00A6FB; --accent: #00A6FB; --wz-side-bg: #051923; --wz-side-text: #ffffff; --wz-side-hover-bg: #00A6FB; } /* 헤더 */ html[data-pal="p135"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p135"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p135"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p135"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p135"] header.fixed .gnb_1da, html[data-pal="p135"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p135"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p135"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p135"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p135"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p135"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p135"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p135"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p135"] .sub_bc_btn.open, html[data-pal="p135"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p135"] #ft, html[data-pal="p135"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p135"] footer a, html[data-pal="p135"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p135"] footer a:hover, html[data-pal="p135"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p135"] .btn_submit, html[data-pal="p135"] button[type="submit"], html[data-pal="p135"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p135"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p135"] .wz-blk-sub, html[data-pal="p135"] .sub_title h2.tit03, html[data-pal="p135"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p135"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p135"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p135"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p135"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p135"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p135"] .section-dark, html[data-pal="p135"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p135"] .section-dark2, html[data-pal="p135"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p136 Golden Forest Meadow (teal) ── */ html[data-pal="p136"] { /* 5색 역할 변수 */ --p: #255957; /* 헤더/서브비주얼 배경 */ --fp: #191f1f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F7C548; /* 버튼/포인트/강조 */ --a2: #A98743; /* 서브타이틀/보조강조 */ --a3: #EEEBD3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #204e4c; --p3: #1c4342; --p-97: rgba(37,89,87,0.97); --p-60: rgba(37,89,87,0.6); --p-40: rgba(37,89,87,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F7C548; --submenu-bg: #ffffff; --a1-30:rgba(247,197,72,0.3); --a1-20:rgba(247,197,72,0.2); --a1-12:rgba(247,197,72,0.12); /* 레거시 호환 */ --point-color: #F7C548; --txt-point-color: #F7C548; --basic-color: #f0f0f0; --header-bg: #255957; --footer-bg: #191f1f; --footer-text: #ffffff; --footer-border: rgba(247,197,72,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #255957; --section-dark2: #204e4c; --nav-link: #ffffff; --nav-hover: #F7C548; --border-color: rgba(169,135,67,0.25); --aside-bg: #F7C548; --accent: #F7C548; --wz-side-bg: #255957; --wz-side-text: #ffffff; --wz-side-hover-bg: #F7C548; } /* 헤더 */ html[data-pal="p136"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p136"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p136"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p136"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p136"] header.fixed .gnb_1da, html[data-pal="p136"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p136"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p136"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p136"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p136"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p136"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p136"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p136"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p136"] .sub_bc_btn.open, html[data-pal="p136"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p136"] #ft, html[data-pal="p136"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p136"] footer a, html[data-pal="p136"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p136"] footer a:hover, html[data-pal="p136"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p136"] .btn_submit, html[data-pal="p136"] button[type="submit"], html[data-pal="p136"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p136"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p136"] .wz-blk-sub, html[data-pal="p136"] .sub_title h2.tit03, html[data-pal="p136"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p136"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p136"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p136"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p136"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p136"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p136"] .section-dark, html[data-pal="p136"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p136"] .section-dark2, html[data-pal="p136"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p137 Vibrant Nature Hues (red) ── */ html[data-pal="p137"] { /* 5색 역할 변수 */ --p: #EE6055; /* 헤더/서브비주얼 배경 */ --fp: #31201f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #60D394; /* 버튼/포인트/강조 */ --a2: #FF9B85; /* 서브타이틀/보조강조 */ --a3: #FFD97D; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #d1544a; --p3: #b44840; --p-97: rgba(238,96,85,0.97); --p-60: rgba(238,96,85,0.6); --p-40: rgba(238,96,85,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#60D394; --submenu-bg: #f8f8f8; --a1-30:rgba(96,211,148,0.3); --a1-20:rgba(96,211,148,0.2); --a1-12:rgba(96,211,148,0.12); /* 레거시 호환 */ --point-color: #60D394; --txt-point-color: #60D394; --basic-color: #1a1a1a; --header-bg: #EE6055; --footer-bg: #31201f; --footer-text: #ffffff; --footer-border: rgba(96,211,148,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #EE6055; --section-dark2: #d1544a; --nav-link: #111111; --nav-hover: #60D394; --border-color: rgba(255,155,133,0.25); --aside-bg: #60D394; --accent: #60D394; --wz-side-bg: #EE6055; --wz-side-text: #111111; --wz-side-hover-bg: #60D394; } /* 헤더 */ html[data-pal="p137"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p137"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p137"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p137"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p137"] header.fixed .gnb_1da, html[data-pal="p137"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p137"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p137"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p137"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p137"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p137"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p137"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p137"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p137"] .sub_bc_btn.open, html[data-pal="p137"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p137"] #ft, html[data-pal="p137"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p137"] footer a, html[data-pal="p137"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p137"] footer a:hover, html[data-pal="p137"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p137"] .btn_submit, html[data-pal="p137"] button[type="submit"], html[data-pal="p137"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p137"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p137"] .wz-blk-sub, html[data-pal="p137"] .sub_title h2.tit03, html[data-pal="p137"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p137"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p137"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p137"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p137"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p137"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p137"] .section-dark, html[data-pal="p137"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p137"] .section-dark2, html[data-pal="p137"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p138 Soft Lavender (navy) ── */ html[data-pal="p138"] { /* 5색 역할 변수 */ --p: #9381FF; /* 헤더/서브비주얼 배경 */ --fp: #262433; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFD8BE; /* 버튼/포인트/강조 */ --a2: #B8B8FF; /* 서브타이틀/보조강조 */ --a3: #F8F7FF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #8171e0; --p3: #6f62c1; --p-97: rgba(147,129,255,0.97); --p-60: rgba(147,129,255,0.6); --p-40: rgba(147,129,255,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FFD8BE; --submenu-bg: #f8f8f8; --a1-30:rgba(255,216,190,0.3); --a1-20:rgba(255,216,190,0.2); --a1-12:rgba(255,216,190,0.12); /* 레거시 호환 */ --point-color: #FFD8BE; --txt-point-color: #FFD8BE; --basic-color: #1a1a1a; --header-bg: #9381FF; --footer-bg: #262433; --footer-text: #ffffff; --footer-border: rgba(255,216,190,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #9381FF; --section-dark2: #8171e0; --nav-link: #111111; --nav-hover: #FFD8BE; --border-color: rgba(184,184,255,0.25); --aside-bg: #FFD8BE; --accent: #FFD8BE; --wz-side-bg: #9381FF; --wz-side-text: #111111; --wz-side-hover-bg: #FFD8BE; } /* 헤더 */ html[data-pal="p138"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p138"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p138"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p138"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p138"] header.fixed .gnb_1da, html[data-pal="p138"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p138"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p138"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p138"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p138"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p138"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p138"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p138"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p138"] .sub_bc_btn.open, html[data-pal="p138"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p138"] #ft, html[data-pal="p138"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p138"] footer a, html[data-pal="p138"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p138"] footer a:hover, html[data-pal="p138"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p138"] .btn_submit, html[data-pal="p138"] button[type="submit"], html[data-pal="p138"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p138"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p138"] .wz-blk-sub, html[data-pal="p138"] .sub_title h2.tit03, html[data-pal="p138"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p138"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p138"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p138"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p138"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p138"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p138"] .section-dark, html[data-pal="p138"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p138"] .section-dark2, html[data-pal="p138"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p139 Fiery Ocean Night (purple) ── */ html[data-pal="p139"] { /* 5색 역할 변수 */ --p: #171123; /* 헤더/서브비주얼 배경 */ --fp: #171719; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F46036; /* 버튼/포인트/강조 */ --a2: #414770; /* 서브타이틀/보조강조 */ --a3: #F46036; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #140e1e; --p3: #110c1a; --p-97: rgba(23,17,35,0.97); --p-60: rgba(23,17,35,0.6); --p-40: rgba(23,17,35,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F46036; --submenu-bg: #ffffff; --a1-30:rgba(244,96,54,0.3); --a1-20:rgba(244,96,54,0.2); --a1-12:rgba(244,96,54,0.12); /* 레거시 호환 */ --point-color: #F46036; --txt-point-color: #F46036; --basic-color: #f0f0f0; --header-bg: #171123; --footer-bg: #171719; --footer-text: #ffffff; --footer-border: rgba(244,96,54,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #171123; --section-dark2: #140e1e; --nav-link: #ffffff; --nav-hover: #F46036; --border-color: rgba(65,71,112,0.25); --aside-bg: #F46036; --accent: #F46036; --wz-side-bg: #171123; --wz-side-text: #ffffff; --wz-side-hover-bg: #F46036; } /* 헤더 */ html[data-pal="p139"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p139"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p139"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p139"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p139"] header.fixed .gnb_1da, html[data-pal="p139"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p139"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p139"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p139"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p139"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p139"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p139"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p139"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p139"] .sub_bc_btn.open, html[data-pal="p139"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p139"] #ft, html[data-pal="p139"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p139"] footer a, html[data-pal="p139"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p139"] footer a:hover, html[data-pal="p139"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p139"] .btn_submit, html[data-pal="p139"] button[type="submit"], html[data-pal="p139"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p139"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p139"] .wz-blk-sub, html[data-pal="p139"] .sub_title h2.tit03, html[data-pal="p139"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p139"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p139"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p139"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p139"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p139"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p139"] .section-dark, html[data-pal="p139"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p139"] .section-dark2, html[data-pal="p139"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p140 Sunrise Glow (navy) ── */ html[data-pal="p140"] { /* 5색 역할 변수 */ --p: #233D4D; /* 헤더/서브비주얼 배경 */ --fp: #191c1e; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FE7F2D; /* 버튼/포인트/강조 */ --a2: #A1C181; /* 서브타이틀/보조강조 */ --a3: #FCCA46; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1e3543; --p3: #1a2e3a; --p-97: rgba(35,61,77,0.97); --p-60: rgba(35,61,77,0.6); --p-40: rgba(35,61,77,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FE7F2D; --submenu-bg: #ffffff; --a1-30:rgba(254,127,45,0.3); --a1-20:rgba(254,127,45,0.2); --a1-12:rgba(254,127,45,0.12); /* 레거시 호환 */ --point-color: #FE7F2D; --txt-point-color: #FE7F2D; --basic-color: #f0f0f0; --header-bg: #233D4D; --footer-bg: #191c1e; --footer-text: #ffffff; --footer-border: rgba(254,127,45,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #233D4D; --section-dark2: #1e3543; --nav-link: #ffffff; --nav-hover: #FE7F2D; --border-color: rgba(161,193,129,0.25); --aside-bg: #FE7F2D; --accent: #FE7F2D; --wz-side-bg: #233D4D; --wz-side-text: #ffffff; --wz-side-hover-bg: #FE7F2D; } /* 헤더 */ html[data-pal="p140"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p140"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p140"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p140"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p140"] header.fixed .gnb_1da, html[data-pal="p140"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p140"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p140"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p140"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p140"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p140"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p140"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p140"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p140"] .sub_bc_btn.open, html[data-pal="p140"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p140"] #ft, html[data-pal="p140"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p140"] footer a, html[data-pal="p140"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p140"] footer a:hover, html[data-pal="p140"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p140"] .btn_submit, html[data-pal="p140"] button[type="submit"], html[data-pal="p140"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p140"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p140"] .wz-blk-sub, html[data-pal="p140"] .sub_title h2.tit03, html[data-pal="p140"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p140"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p140"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p140"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p140"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p140"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p140"] .section-dark, html[data-pal="p140"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p140"] .section-dark2, html[data-pal="p140"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p141 Muted Earthy Tones (mono) ── */ html[data-pal="p141"] { /* 5색 역할 변수 */ --p: #6D6875; /* 헤더/서브비주얼 배경 */ --fp: #222123; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E5989B; /* 버튼/포인트/강조 */ --a2: #B5838D; /* 서브타이틀/보조강조 */ --a3: #FFCDB2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5f5b66; --p3: #524f58; --p-97: rgba(109,104,117,0.97); --p-60: rgba(109,104,117,0.6); --p-40: rgba(109,104,117,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E5989B; --submenu-bg: #ffffff; --a1-30:rgba(229,152,155,0.3); --a1-20:rgba(229,152,155,0.2); --a1-12:rgba(229,152,155,0.12); /* 레거시 호환 */ --point-color: #E5989B; --txt-point-color: #E5989B; --basic-color: #f0f0f0; --header-bg: #6D6875; --footer-bg: #222123; --footer-text: #ffffff; --footer-border: rgba(229,152,155,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #6D6875; --section-dark2: #5f5b66; --nav-link: #ffffff; --nav-hover: #E5989B; --border-color: rgba(181,131,141,0.25); --aside-bg: #E5989B; --accent: #E5989B; --wz-side-bg: #6D6875; --wz-side-text: #ffffff; --wz-side-hover-bg: #E5989B; } /* 헤더 */ html[data-pal="p141"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p141"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p141"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p141"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p141"] header.fixed .gnb_1da, html[data-pal="p141"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p141"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p141"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p141"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p141"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p141"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p141"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p141"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p141"] .sub_bc_btn.open, html[data-pal="p141"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p141"] #ft, html[data-pal="p141"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p141"] footer a, html[data-pal="p141"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p141"] footer a:hover, html[data-pal="p141"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p141"] .btn_submit, html[data-pal="p141"] button[type="submit"], html[data-pal="p141"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p141"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p141"] .wz-blk-sub, html[data-pal="p141"] .sub_title h2.tit03, html[data-pal="p141"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p141"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p141"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p141"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p141"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p141"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p141"] .section-dark, html[data-pal="p141"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p141"] .section-dark2, html[data-pal="p141"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p142 Soft Peachy Delight (orange) ── */ html[data-pal="p142"] { /* 5색 역할 변수 */ --p: #FEC89A; /* 헤더/서브비주얼 배경 */ --fp: #332d27; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D8E2DC; /* 버튼/포인트/강조 */ --a2: #FEC5BB; /* 서브타이틀/보조강조 */ --a3: #F8EDEB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #dfb087; --p3: #c19875; --p-97: rgba(254,200,154,0.97); --p-60: rgba(254,200,154,0.6); --p-40: rgba(254,200,154,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#D8E2DC; --submenu-bg: #f8f8f8; --a1-30:rgba(216,226,220,0.3); --a1-20:rgba(216,226,220,0.2); --a1-12:rgba(216,226,220,0.12); /* 레거시 호환 */ --point-color: #D8E2DC; --txt-point-color: #D8E2DC; --basic-color: #1a1a1a; --header-bg: #FEC89A; --footer-bg: #332d27; --footer-text: #ffffff; --footer-border: rgba(216,226,220,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FEC89A; --section-dark2: #dfb087; --nav-link: #111111; --nav-hover: #D8E2DC; --border-color: rgba(254,197,187,0.25); --aside-bg: #D8E2DC; --accent: #D8E2DC; --wz-side-bg: #FEC89A; --wz-side-text: #111111; --wz-side-hover-bg: #D8E2DC; } /* 헤더 */ html[data-pal="p142"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p142"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p142"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p142"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p142"] header.fixed .gnb_1da, html[data-pal="p142"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p142"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p142"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p142"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p142"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p142"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p142"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p142"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p142"] .sub_bc_btn.open, html[data-pal="p142"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p142"] #ft, html[data-pal="p142"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p142"] footer a, html[data-pal="p142"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p142"] footer a:hover, html[data-pal="p142"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p142"] .btn_submit, html[data-pal="p142"] button[type="submit"], html[data-pal="p142"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p142"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p142"] .wz-blk-sub, html[data-pal="p142"] .sub_title h2.tit03, html[data-pal="p142"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p142"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p142"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p142"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p142"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p142"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p142"] .section-dark, html[data-pal="p142"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p142"] .section-dark2, html[data-pal="p142"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p143 Purple Raindrops (purple) ── */ html[data-pal="p143"] { /* 5색 역할 변수 */ --p: #3A0CA3; /* 헤더/서브비주얼 배경 */ --fp: #1c1628; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #4CC9F0; /* 버튼/포인트/강조 */ --a2: #B5179E; /* 서브타이틀/보조강조 */ --a3: #EDE8FF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #330a8f; --p3: #2c097b; --p-97: rgba(58,12,163,0.97); --p-60: rgba(58,12,163,0.6); --p-40: rgba(58,12,163,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#4CC9F0; --submenu-bg: #ffffff; --a1-30:rgba(76,201,240,0.3); --a1-20:rgba(76,201,240,0.2); --a1-12:rgba(76,201,240,0.12); /* 레거시 호환 */ --point-color: #4CC9F0; --txt-point-color: #4CC9F0; --basic-color: #f0f0f0; --header-bg: #3A0CA3; --footer-bg: #1c1628; --footer-text: #ffffff; --footer-border: rgba(76,201,240,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3A0CA3; --section-dark2: #330a8f; --nav-link: #ffffff; --nav-hover: #4CC9F0; --border-color: rgba(181,23,158,0.25); --aside-bg: #4CC9F0; --accent: #4CC9F0; --wz-side-bg: #3A0CA3; --wz-side-text: #ffffff; --wz-side-hover-bg: #4CC9F0; } /* 헤더 */ html[data-pal="p143"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p143"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p143"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p143"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p143"] header.fixed .gnb_1da, html[data-pal="p143"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p143"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p143"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p143"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p143"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p143"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p143"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p143"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p143"] .sub_bc_btn.open, html[data-pal="p143"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p143"] #ft, html[data-pal="p143"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p143"] footer a, html[data-pal="p143"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p143"] footer a:hover, html[data-pal="p143"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p143"] .btn_submit, html[data-pal="p143"] button[type="submit"], html[data-pal="p143"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p143"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p143"] .wz-blk-sub, html[data-pal="p143"] .sub_title h2.tit03, html[data-pal="p143"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p143"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p143"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p143"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p143"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p143"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p143"] .section-dark, html[data-pal="p143"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p143"] .section-dark2, html[data-pal="p143"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p144 Warm Neutrals (gold) ── */ html[data-pal="p144"] { /* 5색 역할 변수 */ --p: #A5A58D; /* 헤더/서브비주얼 배경 */ --fp: #282826; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #CB997E; /* 버튼/포인트/강조 */ --a2: #DDBEA9; /* 서브타이틀/보조강조 */ --a3: #FFF1E6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #91917c; --p3: #7d7d6b; --p-97: rgba(165,165,141,0.97); --p-60: rgba(165,165,141,0.6); --p-40: rgba(165,165,141,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#CB997E; --submenu-bg: #f8f8f8; --a1-30:rgba(203,153,126,0.3); --a1-20:rgba(203,153,126,0.2); --a1-12:rgba(203,153,126,0.12); /* 레거시 호환 */ --point-color: #CB997E; --txt-point-color: #CB997E; --basic-color: #1a1a1a; --header-bg: #A5A58D; --footer-bg: #282826; --footer-text: #ffffff; --footer-border: rgba(203,153,126,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #A5A58D; --section-dark2: #91917c; --nav-link: #111111; --nav-hover: #CB997E; --border-color: rgba(221,190,169,0.25); --aside-bg: #CB997E; --accent: #CB997E; --wz-side-bg: #A5A58D; --wz-side-text: #111111; --wz-side-hover-bg: #CB997E; } /* 헤더 */ html[data-pal="p144"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p144"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p144"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p144"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p144"] header.fixed .gnb_1da, html[data-pal="p144"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p144"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p144"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p144"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p144"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p144"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p144"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p144"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p144"] .sub_bc_btn.open, html[data-pal="p144"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p144"] #ft, html[data-pal="p144"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p144"] footer a, html[data-pal="p144"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p144"] footer a:hover, html[data-pal="p144"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p144"] .btn_submit, html[data-pal="p144"] button[type="submit"], html[data-pal="p144"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p144"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p144"] .wz-blk-sub, html[data-pal="p144"] .sub_title h2.tit03, html[data-pal="p144"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p144"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p144"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p144"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p144"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p144"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p144"] .section-dark, html[data-pal="p144"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p144"] .section-dark2, html[data-pal="p144"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p145 Fresh Greens (teal) ── */ html[data-pal="p145"] { /* 5색 역할 변수 */ --p: #081C15; /* 헤더/서브비주얼 배경 */ --fp: #161817; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #52B788; /* 버튼/포인트/강조 */ --a2: #74C69D; /* 서브타이틀/보조강조 */ --a3: #D8F3DC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #071812; --p3: #06150f; --p-97: rgba(8,28,21,0.97); --p-60: rgba(8,28,21,0.6); --p-40: rgba(8,28,21,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#52B788; --submenu-bg: #ffffff; --a1-30:rgba(82,183,136,0.3); --a1-20:rgba(82,183,136,0.2); --a1-12:rgba(82,183,136,0.12); /* 레거시 호환 */ --point-color: #52B788; --txt-point-color: #52B788; --basic-color: #f0f0f0; --header-bg: #081C15; --footer-bg: #161817; --footer-text: #ffffff; --footer-border: rgba(82,183,136,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #081C15; --section-dark2: #071812; --nav-link: #ffffff; --nav-hover: #52B788; --border-color: rgba(116,198,157,0.25); --aside-bg: #52B788; --accent: #52B788; --wz-side-bg: #081C15; --wz-side-text: #ffffff; --wz-side-hover-bg: #52B788; } /* 헤더 */ html[data-pal="p145"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p145"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p145"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p145"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p145"] header.fixed .gnb_1da, html[data-pal="p145"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p145"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p145"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p145"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p145"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p145"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p145"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p145"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p145"] .sub_bc_btn.open, html[data-pal="p145"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p145"] #ft, html[data-pal="p145"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p145"] footer a, html[data-pal="p145"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p145"] footer a:hover, html[data-pal="p145"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p145"] .btn_submit, html[data-pal="p145"] button[type="submit"], html[data-pal="p145"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p145"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p145"] .wz-blk-sub, html[data-pal="p145"] .sub_title h2.tit03, html[data-pal="p145"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p145"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p145"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p145"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p145"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p145"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p145"] .section-dark, html[data-pal="p145"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p145"] .section-dark2, html[data-pal="p145"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p146 Pastel Bliss (red) ── */ html[data-pal="p146"] { /* 5색 역할 변수 */ --p: #FFB5A7; /* 헤더/서브비주얼 배경 */ --fp: #332a29; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FEC89A; /* 버튼/포인트/강조 */ --a2: #F9DCC4; /* 서브타이틀/보조강조 */ --a3: #F8EDEB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e09f92; --p3: #c1897e; --p-97: rgba(255,181,167,0.97); --p-60: rgba(255,181,167,0.6); --p-40: rgba(255,181,167,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FEC89A; --submenu-bg: #f8f8f8; --a1-30:rgba(254,200,154,0.3); --a1-20:rgba(254,200,154,0.2); --a1-12:rgba(254,200,154,0.12); /* 레거시 호환 */ --point-color: #FEC89A; --txt-point-color: #FEC89A; --basic-color: #1a1a1a; --header-bg: #FFB5A7; --footer-bg: #332a29; --footer-text: #ffffff; --footer-border: rgba(254,200,154,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FFB5A7; --section-dark2: #e09f92; --nav-link: #111111; --nav-hover: #FEC89A; --border-color: rgba(249,220,196,0.25); --aside-bg: #FEC89A; --accent: #FEC89A; --wz-side-bg: #FFB5A7; --wz-side-text: #111111; --wz-side-hover-bg: #FEC89A; } /* 헤더 */ html[data-pal="p146"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p146"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p146"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p146"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p146"] header.fixed .gnb_1da, html[data-pal="p146"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p146"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p146"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p146"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p146"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p146"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p146"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p146"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p146"] .sub_bc_btn.open, html[data-pal="p146"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p146"] #ft, html[data-pal="p146"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p146"] footer a, html[data-pal="p146"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p146"] footer a:hover, html[data-pal="p146"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p146"] .btn_submit, html[data-pal="p146"] button[type="submit"], html[data-pal="p146"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p146"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p146"] .wz-blk-sub, html[data-pal="p146"] .sub_title h2.tit03, html[data-pal="p146"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p146"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p146"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p146"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p146"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p146"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p146"] .section-dark, html[data-pal="p146"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p146"] .section-dark2, html[data-pal="p146"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p147 Summer Dream (navy) ── */ html[data-pal="p147"] { /* 5색 역할 변수 */ --p: #0081A7; /* 헤더/서브비주얼 배경 */ --fp: #00AFB9; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F07167; /* 버튼/포인트/강조 */ --a2: #FED9B7; /* 서브타이틀/보조강조 */ --a3: #FDFCDC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #007192; --p3: #00627e; --p-97: rgba(0,129,167,0.97); --p-60: rgba(0,129,167,0.6); --p-40: rgba(0,129,167,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F07167; --submenu-bg: #ffffff; --a1-30:rgba(240,113,103,0.3); --a1-20:rgba(240,113,103,0.2); --a1-12:rgba(240,113,103,0.12); /* 레거시 호환 */ --point-color: #F07167; --txt-point-color: #F07167; --basic-color: #f0f0f0; --header-bg: #0081A7; --footer-bg: #00AFB9; --footer-text: #ffffff; --footer-border: rgba(240,113,103,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0081A7; --section-dark2: #007192; --nav-link: #ffffff; --nav-hover: #F07167; --border-color: rgba(254,217,183,0.25); --aside-bg: #F07167; --accent: #F07167; --wz-side-bg: #0081A7; --wz-side-text: #ffffff; --wz-side-hover-bg: #F07167; } /* 헤더 */ html[data-pal="p147"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p147"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p147"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p147"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p147"] header.fixed .gnb_1da, html[data-pal="p147"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p147"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p147"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p147"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p147"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p147"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p147"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p147"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p147"] .sub_bc_btn.open, html[data-pal="p147"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p147"] #ft, html[data-pal="p147"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p147"] footer a, html[data-pal="p147"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p147"] footer a:hover, html[data-pal="p147"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p147"] .btn_submit, html[data-pal="p147"] button[type="submit"], html[data-pal="p147"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p147"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p147"] .wz-blk-sub, html[data-pal="p147"] .sub_title h2.tit03, html[data-pal="p147"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p147"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p147"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p147"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p147"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p147"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p147"] .section-dark, html[data-pal="p147"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p147"] .section-dark2, html[data-pal="p147"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p148 Tropical Sunrise (teal) ── */ html[data-pal="p148"] { /* 5색 역할 변수 */ --p: #2EC4B6; /* 헤더/서브비주얼 배경 */ --fp: #1a2c2a; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF9F1C; /* 버튼/포인트/강조 */ --a2: #FFBF69; /* 서브타이틀/보조강조 */ --a3: #CBF3F0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #28aca0; --p3: #22948a; --p-97: rgba(46,196,182,0.97); --p-60: rgba(46,196,182,0.6); --p-40: rgba(46,196,182,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FF9F1C; --submenu-bg: #f8f8f8; --a1-30:rgba(255,159,28,0.3); --a1-20:rgba(255,159,28,0.2); --a1-12:rgba(255,159,28,0.12); /* 레거시 호환 */ --point-color: #FF9F1C; --txt-point-color: #FF9F1C; --basic-color: #1a1a1a; --header-bg: #2EC4B6; --footer-bg: #1a2c2a; --footer-text: #ffffff; --footer-border: rgba(255,159,28,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2EC4B6; --section-dark2: #28aca0; --nav-link: #111111; --nav-hover: #FF9F1C; --border-color: rgba(255,191,105,0.25); --aside-bg: #FF9F1C; --accent: #FF9F1C; --wz-side-bg: #2EC4B6; --wz-side-text: #111111; --wz-side-hover-bg: #FF9F1C; } /* 헤더 */ html[data-pal="p148"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p148"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p148"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p148"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p148"] header.fixed .gnb_1da, html[data-pal="p148"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p148"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p148"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p148"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p148"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p148"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p148"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p148"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p148"] .sub_bc_btn.open, html[data-pal="p148"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p148"] #ft, html[data-pal="p148"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p148"] footer a, html[data-pal="p148"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p148"] footer a:hover, html[data-pal="p148"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p148"] .btn_submit, html[data-pal="p148"] button[type="submit"], html[data-pal="p148"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p148"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p148"] .wz-blk-sub, html[data-pal="p148"] .sub_title h2.tit03, html[data-pal="p148"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p148"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p148"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p148"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p148"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p148"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p148"] .section-dark, html[data-pal="p148"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p148"] .section-dark2, html[data-pal="p148"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p149 Warm Earth Tones (red) ── */ html[data-pal="p149"] { /* 5색 역할 변수 */ --p: #774936; /* 헤더/서브비주얼 배경 */ --fp: #231d1b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D69F7E; /* 버튼/포인트/강조 */ --a2: #CD9777; /* 서브타이틀/보조강조 */ --a3: #EDC4B3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #68402f; --p3: #5a3729; --p-97: rgba(119,73,54,0.97); --p-60: rgba(119,73,54,0.6); --p-40: rgba(119,73,54,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D69F7E; --submenu-bg: #ffffff; --a1-30:rgba(214,159,126,0.3); --a1-20:rgba(214,159,126,0.2); --a1-12:rgba(214,159,126,0.12); /* 레거시 호환 */ --point-color: #D69F7E; --txt-point-color: #D69F7E; --basic-color: #f0f0f0; --header-bg: #774936; --footer-bg: #231d1b; --footer-text: #ffffff; --footer-border: rgba(214,159,126,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #774936; --section-dark2: #68402f; --nav-link: #ffffff; --nav-hover: #D69F7E; --border-color: rgba(205,151,119,0.25); --aside-bg: #D69F7E; --accent: #D69F7E; --wz-side-bg: #774936; --wz-side-text: #ffffff; --wz-side-hover-bg: #D69F7E; } /* 헤더 */ html[data-pal="p149"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p149"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p149"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p149"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p149"] header.fixed .gnb_1da, html[data-pal="p149"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p149"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p149"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p149"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p149"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p149"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p149"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p149"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p149"] .sub_bc_btn.open, html[data-pal="p149"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p149"] #ft, html[data-pal="p149"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p149"] footer a, html[data-pal="p149"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p149"] footer a:hover, html[data-pal="p149"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p149"] .btn_submit, html[data-pal="p149"] button[type="submit"], html[data-pal="p149"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p149"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p149"] .wz-blk-sub, html[data-pal="p149"] .sub_title h2.tit03, html[data-pal="p149"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p149"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p149"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p149"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p149"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p149"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p149"] .section-dark, html[data-pal="p149"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p149"] .section-dark2, html[data-pal="p149"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p150 Pastel Dreams (red) ── */ html[data-pal="p150"] { /* 5색 역할 변수 */ --p: #FF99C8; /* 헤더/서브비주얼 배경 */ --fp: #33272d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A9DEF9; /* 버튼/포인트/강조 */ --a2: #E4C1F9; /* 서브타이틀/보조강조 */ --a3: #FCF6BD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e086b0; --p3: #c17498; --p-97: rgba(255,153,200,0.97); --p-60: rgba(255,153,200,0.6); --p-40: rgba(255,153,200,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#A9DEF9; --submenu-bg: #f8f8f8; --a1-30:rgba(169,222,249,0.3); --a1-20:rgba(169,222,249,0.2); --a1-12:rgba(169,222,249,0.12); /* 레거시 호환 */ --point-color: #A9DEF9; --txt-point-color: #A9DEF9; --basic-color: #1a1a1a; --header-bg: #FF99C8; --footer-bg: #33272d; --footer-text: #ffffff; --footer-border: rgba(169,222,249,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF99C8; --section-dark2: #e086b0; --nav-link: #111111; --nav-hover: #A9DEF9; --border-color: rgba(228,193,249,0.25); --aside-bg: #A9DEF9; --accent: #A9DEF9; --wz-side-bg: #FF99C8; --wz-side-text: #111111; --wz-side-hover-bg: #A9DEF9; } /* 헤더 */ html[data-pal="p150"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p150"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p150"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p150"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p150"] header.fixed .gnb_1da, html[data-pal="p150"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p150"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p150"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p150"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p150"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p150"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p150"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p150"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p150"] .sub_bc_btn.open, html[data-pal="p150"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p150"] #ft, html[data-pal="p150"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p150"] footer a, html[data-pal="p150"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p150"] footer a:hover, html[data-pal="p150"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p150"] .btn_submit, html[data-pal="p150"] button[type="submit"], html[data-pal="p150"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p150"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p150"] .wz-blk-sub, html[data-pal="p150"] .sub_title h2.tit03, html[data-pal="p150"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p150"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p150"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p150"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p150"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p150"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p150"] .section-dark, html[data-pal="p150"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p150"] .section-dark2, html[data-pal="p150"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p151 Neutral Elegance (orange) ── */ html[data-pal="p151"] { /* 5색 역할 변수 */ --p: #463F3A; /* 헤더/서브비주얼 배경 */ --fp: #1d1c1c; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E0AFA0; /* 버튼/포인트/강조 */ --a2: #BCB8B1; /* 서브타이틀/보조강조 */ --a3: #F4F3EE; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #3d3733; --p3: #352f2c; --p-97: rgba(70,63,58,0.97); --p-60: rgba(70,63,58,0.6); --p-40: rgba(70,63,58,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E0AFA0; --submenu-bg: #ffffff; --a1-30:rgba(224,175,160,0.3); --a1-20:rgba(224,175,160,0.2); --a1-12:rgba(224,175,160,0.12); /* 레거시 호환 */ --point-color: #E0AFA0; --txt-point-color: #E0AFA0; --basic-color: #f0f0f0; --header-bg: #463F3A; --footer-bg: #1d1c1c; --footer-text: #ffffff; --footer-border: rgba(224,175,160,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #463F3A; --section-dark2: #3d3733; --nav-link: #ffffff; --nav-hover: #E0AFA0; --border-color: rgba(188,184,177,0.25); --aside-bg: #E0AFA0; --accent: #E0AFA0; --wz-side-bg: #463F3A; --wz-side-text: #ffffff; --wz-side-hover-bg: #E0AFA0; } /* 헤더 */ html[data-pal="p151"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p151"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p151"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p151"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p151"] header.fixed .gnb_1da, html[data-pal="p151"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p151"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p151"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p151"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p151"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p151"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p151"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p151"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p151"] .sub_bc_btn.open, html[data-pal="p151"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p151"] #ft, html[data-pal="p151"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p151"] footer a, html[data-pal="p151"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p151"] footer a:hover, html[data-pal="p151"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p151"] .btn_submit, html[data-pal="p151"] button[type="submit"], html[data-pal="p151"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p151"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p151"] .wz-blk-sub, html[data-pal="p151"] .sub_title h2.tit03, html[data-pal="p151"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p151"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p151"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p151"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p151"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p151"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p151"] .section-dark, html[data-pal="p151"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p151"] .section-dark2, html[data-pal="p151"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p152 Contrast Pop (navy) ── */ html[data-pal="p152"] { /* 5색 역할 변수 */ --p: #011627; /* 헤더/서브비주얼 배경 */ --fp: #151719; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF9F1C; /* 버튼/포인트/강조 */ --a2: #2EC4B6; /* 서브타이틀/보조강조 */ --a3: #FDFFFC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #001322; --p3: #00101d; --p-97: rgba(1,22,39,0.97); --p-60: rgba(1,22,39,0.6); --p-40: rgba(1,22,39,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF9F1C; --submenu-bg: #ffffff; --a1-30:rgba(255,159,28,0.3); --a1-20:rgba(255,159,28,0.2); --a1-12:rgba(255,159,28,0.12); /* 레거시 호환 */ --point-color: #FF9F1C; --txt-point-color: #FF9F1C; --basic-color: #f0f0f0; --header-bg: #011627; --footer-bg: #151719; --footer-text: #ffffff; --footer-border: rgba(255,159,28,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #011627; --section-dark2: #001322; --nav-link: #ffffff; --nav-hover: #FF9F1C; --border-color: rgba(46,196,182,0.25); --aside-bg: #FF9F1C; --accent: #FF9F1C; --wz-side-bg: #011627; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF9F1C; } /* 헤더 */ html[data-pal="p152"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p152"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p152"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p152"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p152"] header.fixed .gnb_1da, html[data-pal="p152"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p152"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p152"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p152"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p152"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p152"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p152"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p152"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p152"] .sub_bc_btn.open, html[data-pal="p152"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p152"] #ft, html[data-pal="p152"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p152"] footer a, html[data-pal="p152"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p152"] footer a:hover, html[data-pal="p152"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p152"] .btn_submit, html[data-pal="p152"] button[type="submit"], html[data-pal="p152"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p152"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p152"] .wz-blk-sub, html[data-pal="p152"] .sub_title h2.tit03, html[data-pal="p152"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p152"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p152"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p152"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p152"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p152"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p152"] .section-dark, html[data-pal="p152"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p152"] .section-dark2, html[data-pal="p152"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p153 Soft Rainbow (navy) ── */ html[data-pal="p153"] { /* 5색 역할 변수 */ --p: #A3C4F3; /* 헤더/서브비주얼 배경 */ --fp: #282c32; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #90DBF4; /* 버튼/포인트/강조 */ --a2: #FFCFD2; /* 서브타이틀/보조강조 */ --a3: #FBF8CC; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #8facd5; --p3: #7b94b8; --p-97: rgba(163,196,243,0.97); --p-60: rgba(163,196,243,0.6); --p-40: rgba(163,196,243,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#90DBF4; --submenu-bg: #f8f8f8; --a1-30:rgba(144,219,244,0.3); --a1-20:rgba(144,219,244,0.2); --a1-12:rgba(144,219,244,0.12); /* 레거시 호환 */ --point-color: #90DBF4; --txt-point-color: #90DBF4; --basic-color: #1a1a1a; --header-bg: #A3C4F3; --footer-bg: #282c32; --footer-text: #ffffff; --footer-border: rgba(144,219,244,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #A3C4F3; --section-dark2: #8facd5; --nav-link: #111111; --nav-hover: #90DBF4; --border-color: rgba(255,207,210,0.25); --aside-bg: #90DBF4; --accent: #90DBF4; --wz-side-bg: #A3C4F3; --wz-side-text: #111111; --wz-side-hover-bg: #90DBF4; } /* 헤더 */ html[data-pal="p153"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p153"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p153"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p153"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p153"] header.fixed .gnb_1da, html[data-pal="p153"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p153"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p153"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p153"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p153"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p153"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p153"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p153"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p153"] .sub_bc_btn.open, html[data-pal="p153"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p153"] #ft, html[data-pal="p153"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p153"] footer a, html[data-pal="p153"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p153"] footer a:hover, html[data-pal="p153"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p153"] .btn_submit, html[data-pal="p153"] button[type="submit"], html[data-pal="p153"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p153"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p153"] .wz-blk-sub, html[data-pal="p153"] .sub_title h2.tit03, html[data-pal="p153"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p153"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p153"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p153"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p153"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p153"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p153"] .section-dark, html[data-pal="p153"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p153"] .section-dark2, html[data-pal="p153"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p154 Pastel Dreamland (purple) ── */ html[data-pal="p154"] { /* 5색 역할 변수 */ --p: #DEAAFF; /* 헤더/서브비주얼 배경 */ --fp: #2f2933; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E2AFFF; /* 버튼/포인트/강조 */ --a2: #C8E7FF; /* 서브타이틀/보조강조 */ --a3: #C0FDFF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #c395e0; --p3: #a881c1; --p-97: rgba(222,170,255,0.97); --p-60: rgba(222,170,255,0.6); --p-40: rgba(222,170,255,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#E2AFFF; --submenu-bg: #f8f8f8; --a1-30:rgba(226,175,255,0.3); --a1-20:rgba(226,175,255,0.2); --a1-12:rgba(226,175,255,0.12); /* 레거시 호환 */ --point-color: #E2AFFF; --txt-point-color: #E2AFFF; --basic-color: #1a1a1a; --header-bg: #DEAAFF; --footer-bg: #2f2933; --footer-text: #ffffff; --footer-border: rgba(226,175,255,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #DEAAFF; --section-dark2: #c395e0; --nav-link: #111111; --nav-hover: #E2AFFF; --border-color: rgba(200,231,255,0.25); --aside-bg: #E2AFFF; --accent: #E2AFFF; --wz-side-bg: #DEAAFF; --wz-side-text: #111111; --wz-side-hover-bg: #E2AFFF; } /* 헤더 */ html[data-pal="p154"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p154"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p154"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p154"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p154"] header.fixed .gnb_1da, html[data-pal="p154"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p154"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p154"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p154"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p154"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p154"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p154"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p154"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p154"] .sub_bc_btn.open, html[data-pal="p154"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p154"] #ft, html[data-pal="p154"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p154"] footer a, html[data-pal="p154"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p154"] footer a:hover, html[data-pal="p154"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p154"] .btn_submit, html[data-pal="p154"] button[type="submit"], html[data-pal="p154"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p154"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p154"] .wz-blk-sub, html[data-pal="p154"] .sub_title h2.tit03, html[data-pal="p154"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p154"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p154"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p154"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p154"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p154"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p154"] .section-dark, html[data-pal="p154"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p154"] .section-dark2, html[data-pal="p154"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p155 Earthly Tones (navy) ── */ html[data-pal="p155"] { /* 5색 역할 변수 */ --p: #555B6E; /* 헤더/서브비주얼 배경 */ --fp: #1f2022; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFD6BA; /* 버튼/포인트/강조 */ --a2: #89B0AE; /* 서브타이틀/보조강조 */ --a3: #FAF9F9; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #4a5060; --p3: #404553; --p-97: rgba(85,91,110,0.97); --p-60: rgba(85,91,110,0.6); --p-40: rgba(85,91,110,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFD6BA; --submenu-bg: #ffffff; --a1-30:rgba(255,214,186,0.3); --a1-20:rgba(255,214,186,0.2); --a1-12:rgba(255,214,186,0.12); /* 레거시 호환 */ --point-color: #FFD6BA; --txt-point-color: #FFD6BA; --basic-color: #f0f0f0; --header-bg: #555B6E; --footer-bg: #1f2022; --footer-text: #ffffff; --footer-border: rgba(255,214,186,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #555B6E; --section-dark2: #4a5060; --nav-link: #ffffff; --nav-hover: #FFD6BA; --border-color: rgba(137,176,174,0.25); --aside-bg: #FFD6BA; --accent: #FFD6BA; --wz-side-bg: #555B6E; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFD6BA; } /* 헤더 */ html[data-pal="p155"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p155"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p155"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p155"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p155"] header.fixed .gnb_1da, html[data-pal="p155"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p155"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p155"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p155"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p155"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p155"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p155"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p155"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p155"] .sub_bc_btn.open, html[data-pal="p155"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p155"] #ft, html[data-pal="p155"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p155"] footer a, html[data-pal="p155"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p155"] footer a:hover, html[data-pal="p155"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p155"] .btn_submit, html[data-pal="p155"] button[type="submit"], html[data-pal="p155"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p155"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p155"] .wz-blk-sub, html[data-pal="p155"] .sub_title h2.tit03, html[data-pal="p155"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p155"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p155"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p155"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p155"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p155"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p155"] .section-dark, html[data-pal="p155"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p155"] .section-dark2, html[data-pal="p155"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p156 Sunset Glow (navy) ── */ html[data-pal="p156"] { /* 5색 역할 변수 */ --p: #577590; /* 헤더/서브비주얼 배경 */ --fp: #F94144; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F8961E; /* 버튼/포인트/강조 */ --a2: #F3722C; /* 서브타이틀/보조강조 */ --a3: #F9C74F; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #4c667e; --p3: #42586d; --p-97: rgba(87,117,144,0.97); --p-60: rgba(87,117,144,0.6); --p-40: rgba(87,117,144,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F8961E; --submenu-bg: #ffffff; --a1-30:rgba(248,150,30,0.3); --a1-20:rgba(248,150,30,0.2); --a1-12:rgba(248,150,30,0.12); /* 레거시 호환 */ --point-color: #F8961E; --txt-point-color: #F8961E; --basic-color: #f0f0f0; --header-bg: #577590; --footer-bg: #F94144; --footer-text: #ffffff; --footer-border: rgba(248,150,30,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #577590; --section-dark2: #4c667e; --nav-link: #ffffff; --nav-hover: #F8961E; --border-color: rgba(243,114,44,0.25); --aside-bg: #F8961E; --accent: #F8961E; --wz-side-bg: #577590; --wz-side-text: #ffffff; --wz-side-hover-bg: #F8961E; } /* 헤더 */ html[data-pal="p156"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p156"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p156"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p156"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p156"] header.fixed .gnb_1da, html[data-pal="p156"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p156"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p156"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p156"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p156"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p156"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p156"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p156"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p156"] .sub_bc_btn.open, html[data-pal="p156"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p156"] #ft, html[data-pal="p156"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p156"] footer a, html[data-pal="p156"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p156"] footer a:hover, html[data-pal="p156"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p156"] .btn_submit, html[data-pal="p156"] button[type="submit"], html[data-pal="p156"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p156"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p156"] .wz-blk-sub, html[data-pal="p156"] .sub_title h2.tit03, html[data-pal="p156"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p156"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p156"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p156"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p156"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p156"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p156"] .section-dark, html[data-pal="p156"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p156"] .section-dark2, html[data-pal="p156"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p157 Oceanic Cactus (navy) ── */ html[data-pal="p157"] { /* 5색 역할 변수 */ --p: #1A535C; /* 헤더/서브비주얼 배경 */ --fp: #181f20; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF6B6B; /* 버튼/포인트/강조 */ --a2: #4ECDC4; /* 서브타이틀/보조강조 */ --a3: #F7FFF7; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #164950; --p3: #133f45; --p-97: rgba(26,83,92,0.97); --p-60: rgba(26,83,92,0.6); --p-40: rgba(26,83,92,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF6B6B; --submenu-bg: #ffffff; --a1-30:rgba(255,107,107,0.3); --a1-20:rgba(255,107,107,0.2); --a1-12:rgba(255,107,107,0.12); /* 레거시 호환 */ --point-color: #FF6B6B; --txt-point-color: #FF6B6B; --basic-color: #f0f0f0; --header-bg: #1A535C; --footer-bg: #181f20; --footer-text: #ffffff; --footer-border: rgba(255,107,107,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1A535C; --section-dark2: #164950; --nav-link: #ffffff; --nav-hover: #FF6B6B; --border-color: rgba(78,205,196,0.25); --aside-bg: #FF6B6B; --accent: #FF6B6B; --wz-side-bg: #1A535C; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF6B6B; } /* 헤더 */ html[data-pal="p157"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p157"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p157"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p157"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p157"] header.fixed .gnb_1da, html[data-pal="p157"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p157"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p157"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p157"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p157"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p157"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p157"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p157"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p157"] .sub_bc_btn.open, html[data-pal="p157"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p157"] #ft, html[data-pal="p157"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p157"] footer a, html[data-pal="p157"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p157"] footer a:hover, html[data-pal="p157"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p157"] .btn_submit, html[data-pal="p157"] button[type="submit"], html[data-pal="p157"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p157"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p157"] .wz-blk-sub, html[data-pal="p157"] .sub_title h2.tit03, html[data-pal="p157"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p157"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p157"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p157"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p157"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p157"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p157"] .section-dark, html[data-pal="p157"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p157"] .section-dark2, html[data-pal="p157"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p158 Subtle Pastel Hues (navy) ── */ html[data-pal="p158"] { /* 5색 역할 변수 */ --p: #BEE1E6; /* 헤더/서브비주얼 배경 */ --fp: #2b3030; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FAD2E1; /* 버튼/포인트/강조 */ --a2: #CDDAFD; /* 서브타이틀/보조강조 */ --a3: #FFF1E6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #a7c6ca; --p3: #90abae; --p-97: rgba(190,225,230,0.97); --p-60: rgba(190,225,230,0.6); --p-40: rgba(190,225,230,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FAD2E1; --submenu-bg: #f8f8f8; --a1-30:rgba(250,210,225,0.3); --a1-20:rgba(250,210,225,0.2); --a1-12:rgba(250,210,225,0.12); /* 레거시 호환 */ --point-color: #FAD2E1; --txt-point-color: #FAD2E1; --basic-color: #1a1a1a; --header-bg: #BEE1E6; --footer-bg: #2b3030; --footer-text: #ffffff; --footer-border: rgba(250,210,225,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #BEE1E6; --section-dark2: #a7c6ca; --nav-link: #111111; --nav-hover: #FAD2E1; --border-color: rgba(205,218,253,0.25); --aside-bg: #FAD2E1; --accent: #FAD2E1; --wz-side-bg: #BEE1E6; --wz-side-text: #111111; --wz-side-hover-bg: #FAD2E1; } /* 헤더 */ html[data-pal="p158"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p158"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p158"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p158"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p158"] header.fixed .gnb_1da, html[data-pal="p158"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p158"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p158"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p158"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p158"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p158"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p158"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p158"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p158"] .sub_bc_btn.open, html[data-pal="p158"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p158"] #ft, html[data-pal="p158"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p158"] footer a, html[data-pal="p158"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p158"] footer a:hover, html[data-pal="p158"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p158"] .btn_submit, html[data-pal="p158"] button[type="submit"], html[data-pal="p158"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p158"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p158"] .wz-blk-sub, html[data-pal="p158"] .sub_title h2.tit03, html[data-pal="p158"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p158"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p158"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p158"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p158"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p158"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p158"] .section-dark, html[data-pal="p158"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p158"] .section-dark2, html[data-pal="p158"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p159 Midnight Sky (navy) ── */ html[data-pal="p159"] { /* 5색 역할 변수 */ --p: #00296B; /* 헤더/서브비주얼 배경 */ --fp: #00509D; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FDC500; /* 버튼/포인트/강조 */ --a2: #FFD500; /* 서브타이틀/보조강조 */ --a3: #FFD500; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #00245e; --p3: #001f51; --p-97: rgba(0,41,107,0.97); --p-60: rgba(0,41,107,0.6); --p-40: rgba(0,41,107,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FDC500; --submenu-bg: #ffffff; --a1-30:rgba(253,197,0,0.3); --a1-20:rgba(253,197,0,0.2); --a1-12:rgba(253,197,0,0.12); /* 레거시 호환 */ --point-color: #FDC500; --txt-point-color: #FDC500; --basic-color: #f0f0f0; --header-bg: #00296B; --footer-bg: #00509D; --footer-text: #ffffff; --footer-border: rgba(253,197,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #00296B; --section-dark2: #00245e; --nav-link: #ffffff; --nav-hover: #FDC500; --border-color: rgba(255,213,0,0.25); --aside-bg: #FDC500; --accent: #FDC500; --wz-side-bg: #00296B; --wz-side-text: #ffffff; --wz-side-hover-bg: #FDC500; } /* 헤더 */ html[data-pal="p159"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p159"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p159"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p159"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p159"] header.fixed .gnb_1da, html[data-pal="p159"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p159"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p159"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p159"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p159"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p159"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p159"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p159"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p159"] .sub_bc_btn.open, html[data-pal="p159"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p159"] #ft, html[data-pal="p159"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p159"] footer a, html[data-pal="p159"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p159"] footer a:hover, html[data-pal="p159"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p159"] .btn_submit, html[data-pal="p159"] button[type="submit"], html[data-pal="p159"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p159"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p159"] .wz-blk-sub, html[data-pal="p159"] .sub_title h2.tit03, html[data-pal="p159"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p159"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p159"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p159"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p159"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p159"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p159"] .section-dark, html[data-pal="p159"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p159"] .section-dark2, html[data-pal="p159"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p160 Purple Dream (purple) ── */ html[data-pal="p160"] { /* 5색 역할 변수 */ --p: #231942; /* 헤더/서브비주얼 배경 */ --fp: #19181d; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E0B1CB; /* 버튼/포인트/강조 */ --a2: #BE95C4; /* 서브타이틀/보조강조 */ --a3: #E0B1CB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1e163a; --p3: #1a1332; --p-97: rgba(35,25,66,0.97); --p-60: rgba(35,25,66,0.6); --p-40: rgba(35,25,66,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E0B1CB; --submenu-bg: #ffffff; --a1-30:rgba(224,177,203,0.3); --a1-20:rgba(224,177,203,0.2); --a1-12:rgba(224,177,203,0.12); /* 레거시 호환 */ --point-color: #E0B1CB; --txt-point-color: #E0B1CB; --basic-color: #f0f0f0; --header-bg: #231942; --footer-bg: #19181d; --footer-text: #ffffff; --footer-border: rgba(224,177,203,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #231942; --section-dark2: #1e163a; --nav-link: #ffffff; --nav-hover: #E0B1CB; --border-color: rgba(190,149,196,0.25); --aside-bg: #E0B1CB; --accent: #E0B1CB; --wz-side-bg: #231942; --wz-side-text: #ffffff; --wz-side-hover-bg: #E0B1CB; } /* 헤더 */ html[data-pal="p160"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p160"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p160"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p160"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p160"] header.fixed .gnb_1da, html[data-pal="p160"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p160"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p160"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p160"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p160"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p160"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p160"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p160"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p160"] .sub_bc_btn.open, html[data-pal="p160"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p160"] #ft, html[data-pal="p160"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p160"] footer a, html[data-pal="p160"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p160"] footer a:hover, html[data-pal="p160"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p160"] .btn_submit, html[data-pal="p160"] button[type="submit"], html[data-pal="p160"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p160"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p160"] .wz-blk-sub, html[data-pal="p160"] .sub_title h2.tit03, html[data-pal="p160"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p160"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p160"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p160"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p160"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p160"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p160"] .section-dark, html[data-pal="p160"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p160"] .section-dark2, html[data-pal="p160"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p161 Serene Nature Tones (teal) ── */ html[data-pal="p161"] { /* 5색 역할 변수 */ --p: #6B9080; /* 헤더/서브비주얼 배경 */ --fp: #212624; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #A4C3B2; /* 버튼/포인트/강조 */ --a2: #CCE3DE; /* 서브타이틀/보조강조 */ --a3: #F6FFF8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #5e7e70; --p3: #516d61; --p-97: rgba(107,144,128,0.97); --p-60: rgba(107,144,128,0.6); --p-40: rgba(107,144,128,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#A4C3B2; --submenu-bg: #f8f8f8; --a1-30:rgba(164,195,178,0.3); --a1-20:rgba(164,195,178,0.2); --a1-12:rgba(164,195,178,0.12); /* 레거시 호환 */ --point-color: #A4C3B2; --txt-point-color: #A4C3B2; --basic-color: #1a1a1a; --header-bg: #6B9080; --footer-bg: #212624; --footer-text: #ffffff; --footer-border: rgba(164,195,178,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #6B9080; --section-dark2: #5e7e70; --nav-link: #111111; --nav-hover: #A4C3B2; --border-color: rgba(204,227,222,0.25); --aside-bg: #A4C3B2; --accent: #A4C3B2; --wz-side-bg: #6B9080; --wz-side-text: #111111; --wz-side-hover-bg: #A4C3B2; } /* 헤더 */ html[data-pal="p161"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p161"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p161"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p161"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p161"] header.fixed .gnb_1da, html[data-pal="p161"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p161"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p161"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p161"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p161"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p161"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p161"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p161"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p161"] .sub_bc_btn.open, html[data-pal="p161"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p161"] #ft, html[data-pal="p161"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p161"] footer a, html[data-pal="p161"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p161"] footer a:hover, html[data-pal="p161"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p161"] .btn_submit, html[data-pal="p161"] button[type="submit"], html[data-pal="p161"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p161"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p161"] .wz-blk-sub, html[data-pal="p161"] .sub_title h2.tit03, html[data-pal="p161"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p161"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p161"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p161"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p161"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p161"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p161"] .section-dark, html[data-pal="p161"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p161"] .section-dark2, html[data-pal="p161"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p162 Deep Ocean Blue (navy) ── */ html[data-pal="p162"] { /* 5색 역할 변수 */ --p: #272640; /* 헤더/서브비주얼 배경 */ --fp: #006466; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #065A60; /* 버튼/포인트/강조 */ --a2: #0B525B; /* 서브타이틀/보조강조 */ --a3: #006466; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #222138; --p3: #1d1c30; --p-97: rgba(39,38,64,0.97); --p-60: rgba(39,38,64,0.6); --p-40: rgba(39,38,64,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#065A60; --submenu-bg: #ffffff; --a1-30:rgba(6,90,96,0.3); --a1-20:rgba(6,90,96,0.2); --a1-12:rgba(6,90,96,0.12); /* 레거시 호환 */ --point-color: #065A60; --txt-point-color: #065A60; --basic-color: #f0f0f0; --header-bg: #272640; --footer-bg: #006466; --footer-text: #ffffff; --footer-border: rgba(6,90,96,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #272640; --section-dark2: #222138; --nav-link: #ffffff; --nav-hover: #065A60; --border-color: rgba(11,82,91,0.25); --aside-bg: #065A60; --accent: #065A60; --wz-side-bg: #272640; --wz-side-text: #ffffff; --wz-side-hover-bg: #065A60; } /* 헤더 */ html[data-pal="p162"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p162"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p162"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p162"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p162"] header.fixed .gnb_1da, html[data-pal="p162"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p162"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p162"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p162"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p162"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p162"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p162"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p162"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p162"] .sub_bc_btn.open, html[data-pal="p162"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p162"] #ft, html[data-pal="p162"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p162"] footer a, html[data-pal="p162"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p162"] footer a:hover, html[data-pal="p162"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p162"] .btn_submit, html[data-pal="p162"] button[type="submit"], html[data-pal="p162"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p162"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p162"] .wz-blk-sub, html[data-pal="p162"] .sub_title h2.tit03, html[data-pal="p162"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p162"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p162"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p162"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p162"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p162"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p162"] .section-dark, html[data-pal="p162"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p162"] .section-dark2, html[data-pal="p162"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p163 Bright Green (green) ── */ html[data-pal="p163"] { /* 5색 역할 변수 */ --p: #004B23; /* 헤더/서브비주얼 배경 */ --fp: #151e19; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #70E000; /* 버튼/포인트/강조 */ --a2: #9EF01A; /* 서브타이틀/보조강조 */ --a3: #CCFF33; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #00421e; --p3: #00391a; --p-97: rgba(0,75,35,0.97); --p-60: rgba(0,75,35,0.6); --p-40: rgba(0,75,35,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#70E000; --submenu-bg: #ffffff; --a1-30:rgba(112,224,0,0.3); --a1-20:rgba(112,224,0,0.2); --a1-12:rgba(112,224,0,0.12); /* 레거시 호환 */ --point-color: #70E000; --txt-point-color: #70E000; --basic-color: #f0f0f0; --header-bg: #004B23; --footer-bg: #151e19; --footer-text: #ffffff; --footer-border: rgba(112,224,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #004B23; --section-dark2: #00421e; --nav-link: #ffffff; --nav-hover: #70E000; --border-color: rgba(158,240,26,0.25); --aside-bg: #70E000; --accent: #70E000; --wz-side-bg: #004B23; --wz-side-text: #ffffff; --wz-side-hover-bg: #70E000; } /* 헤더 */ html[data-pal="p163"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p163"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p163"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p163"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p163"] header.fixed .gnb_1da, html[data-pal="p163"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p163"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p163"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p163"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p163"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p163"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p163"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p163"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p163"] .sub_bc_btn.open, html[data-pal="p163"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p163"] #ft, html[data-pal="p163"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p163"] footer a, html[data-pal="p163"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p163"] footer a:hover, html[data-pal="p163"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p163"] .btn_submit, html[data-pal="p163"] button[type="submit"], html[data-pal="p163"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p163"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p163"] .wz-blk-sub, html[data-pal="p163"] .sub_title h2.tit03, html[data-pal="p163"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p163"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p163"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p163"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p163"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p163"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p163"] .section-dark, html[data-pal="p163"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p163"] .section-dark2, html[data-pal="p163"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p164 Blue Serenity (navy) ── */ html[data-pal="p164"] { /* 5색 역할 변수 */ --p: #ABC4FF; /* 헤더/서브비주얼 배경 */ --fp: #292c33; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #B6CCFE; /* 버튼/포인트/강조 */ --a2: #C1D3FE; /* 서브타이틀/보조강조 */ --a3: #EDF2FB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #96ace0; --p3: #8194c1; --p-97: rgba(171,196,255,0.97); --p-60: rgba(171,196,255,0.6); --p-40: rgba(171,196,255,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#B6CCFE; --submenu-bg: #f8f8f8; --a1-30:rgba(182,204,254,0.3); --a1-20:rgba(182,204,254,0.2); --a1-12:rgba(182,204,254,0.12); /* 레거시 호환 */ --point-color: #B6CCFE; --txt-point-color: #B6CCFE; --basic-color: #1a1a1a; --header-bg: #ABC4FF; --footer-bg: #292c33; --footer-text: #ffffff; --footer-border: rgba(182,204,254,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #ABC4FF; --section-dark2: #96ace0; --nav-link: #111111; --nav-hover: #B6CCFE; --border-color: rgba(193,211,254,0.25); --aside-bg: #B6CCFE; --accent: #B6CCFE; --wz-side-bg: #ABC4FF; --wz-side-text: #111111; --wz-side-hover-bg: #B6CCFE; } /* 헤더 */ html[data-pal="p164"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p164"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p164"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p164"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p164"] header.fixed .gnb_1da, html[data-pal="p164"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p164"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p164"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p164"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p164"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p164"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p164"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p164"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p164"] .sub_bc_btn.open, html[data-pal="p164"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p164"] #ft, html[data-pal="p164"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p164"] footer a, html[data-pal="p164"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p164"] footer a:hover, html[data-pal="p164"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p164"] .btn_submit, html[data-pal="p164"] button[type="submit"], html[data-pal="p164"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p164"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p164"] .wz-blk-sub, html[data-pal="p164"] .sub_title h2.tit03, html[data-pal="p164"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p164"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p164"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p164"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p164"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p164"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p164"] .section-dark, html[data-pal="p164"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p164"] .section-dark2, html[data-pal="p164"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p165 Sunset Shades (red) ── */ html[data-pal="p165"] { /* 5색 역할 변수 */ --p: #F25C54; /* 헤더/서브비주얼 배경 */ --fp: #32201f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F7B267; /* 버튼/포인트/강조 */ --a2: #F79D65; /* 서브타이틀/보조강조 */ --a3: #F7B267; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #d45049; --p3: #b7453f; --p-97: rgba(242,92,84,0.97); --p-60: rgba(242,92,84,0.6); --p-40: rgba(242,92,84,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F7B267; --submenu-bg: #f8f8f8; --a1-30:rgba(247,178,103,0.3); --a1-20:rgba(247,178,103,0.2); --a1-12:rgba(247,178,103,0.12); /* 레거시 호환 */ --point-color: #F7B267; --txt-point-color: #F7B267; --basic-color: #1a1a1a; --header-bg: #F25C54; --footer-bg: #32201f; --footer-text: #ffffff; --footer-border: rgba(247,178,103,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #F25C54; --section-dark2: #d45049; --nav-link: #111111; --nav-hover: #F7B267; --border-color: rgba(247,157,101,0.25); --aside-bg: #F7B267; --accent: #F7B267; --wz-side-bg: #F25C54; --wz-side-text: #111111; --wz-side-hover-bg: #F7B267; } /* 헤더 */ html[data-pal="p165"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p165"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p165"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p165"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p165"] header.fixed .gnb_1da, html[data-pal="p165"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p165"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p165"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p165"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p165"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p165"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p165"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p165"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p165"] .sub_bc_btn.open, html[data-pal="p165"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p165"] #ft, html[data-pal="p165"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p165"] footer a, html[data-pal="p165"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p165"] footer a:hover, html[data-pal="p165"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p165"] .btn_submit, html[data-pal="p165"] button[type="submit"], html[data-pal="p165"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p165"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p165"] .wz-blk-sub, html[data-pal="p165"] .sub_title h2.tit03, html[data-pal="p165"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p165"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p165"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p165"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p165"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p165"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p165"] .section-dark, html[data-pal="p165"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p165"] .section-dark2, html[data-pal="p165"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p166 Pastel Fantasy (navy) ── */ html[data-pal="p166"] { /* 5색 역할 변수 */ --p: #7BDFF2; /* 헤더/서브비주얼 배경 */ --fp: #232f32; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F2B5D4; /* 버튼/포인트/강조 */ --a2: #F7D6E0; /* 서브타이틀/보조강조 */ --a3: #EFF7F6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #6cc4d4; --p3: #5da9b7; --p-97: rgba(123,223,242,0.97); --p-60: rgba(123,223,242,0.6); --p-40: rgba(123,223,242,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F2B5D4; --submenu-bg: #f8f8f8; --a1-30:rgba(242,181,212,0.3); --a1-20:rgba(242,181,212,0.2); --a1-12:rgba(242,181,212,0.12); /* 레거시 호환 */ --point-color: #F2B5D4; --txt-point-color: #F2B5D4; --basic-color: #1a1a1a; --header-bg: #7BDFF2; --footer-bg: #232f32; --footer-text: #ffffff; --footer-border: rgba(242,181,212,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #7BDFF2; --section-dark2: #6cc4d4; --nav-link: #111111; --nav-hover: #F2B5D4; --border-color: rgba(247,214,224,0.25); --aside-bg: #F2B5D4; --accent: #F2B5D4; --wz-side-bg: #7BDFF2; --wz-side-text: #111111; --wz-side-hover-bg: #F2B5D4; } /* 헤더 */ html[data-pal="p166"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p166"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p166"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p166"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p166"] header.fixed .gnb_1da, html[data-pal="p166"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p166"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p166"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p166"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p166"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p166"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p166"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p166"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p166"] .sub_bc_btn.open, html[data-pal="p166"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p166"] #ft, html[data-pal="p166"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p166"] footer a, html[data-pal="p166"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p166"] footer a:hover, html[data-pal="p166"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p166"] .btn_submit, html[data-pal="p166"] button[type="submit"], html[data-pal="p166"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p166"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p166"] .wz-blk-sub, html[data-pal="p166"] .sub_title h2.tit03, html[data-pal="p166"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p166"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p166"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p166"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p166"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p166"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p166"] .section-dark, html[data-pal="p166"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p166"] .section-dark2, html[data-pal="p166"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p167 Soft Pastel (purple) ── */ html[data-pal="p167"] { /* 5색 역할 변수 */ --p: #9C89B8; /* 헤더/서브비주얼 배경 */ --fp: #27252b; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F0A6CA; /* 버튼/포인트/강조 */ --a2: #B8BEDD; /* 서브타이틀/보조강조 */ --a3: #F0E6EF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #8978a1; --p3: #76688b; --p-97: rgba(156,137,184,0.97); --p-60: rgba(156,137,184,0.6); --p-40: rgba(156,137,184,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F0A6CA; --submenu-bg: #f8f8f8; --a1-30:rgba(240,166,202,0.3); --a1-20:rgba(240,166,202,0.2); --a1-12:rgba(240,166,202,0.12); /* 레거시 호환 */ --point-color: #F0A6CA; --txt-point-color: #F0A6CA; --basic-color: #1a1a1a; --header-bg: #9C89B8; --footer-bg: #27252b; --footer-text: #ffffff; --footer-border: rgba(240,166,202,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #9C89B8; --section-dark2: #8978a1; --nav-link: #111111; --nav-hover: #F0A6CA; --border-color: rgba(184,190,221,0.25); --aside-bg: #F0A6CA; --accent: #F0A6CA; --wz-side-bg: #9C89B8; --wz-side-text: #111111; --wz-side-hover-bg: #F0A6CA; } /* 헤더 */ html[data-pal="p167"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p167"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p167"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p167"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p167"] header.fixed .gnb_1da, html[data-pal="p167"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p167"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p167"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p167"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p167"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p167"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p167"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p167"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p167"] .sub_bc_btn.open, html[data-pal="p167"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p167"] #ft, html[data-pal="p167"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p167"] footer a, html[data-pal="p167"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p167"] footer a:hover, html[data-pal="p167"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p167"] .btn_submit, html[data-pal="p167"] button[type="submit"], html[data-pal="p167"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p167"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p167"] .wz-blk-sub, html[data-pal="p167"] .sub_title h2.tit03, html[data-pal="p167"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p167"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p167"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p167"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p167"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p167"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p167"] .section-dark, html[data-pal="p167"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p167"] .section-dark2, html[data-pal="p167"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p168 Earthy Green Tones (green) ── */ html[data-pal="p168"] { /* 5색 역할 변수 */ --p: #718355; /* 헤더/서브비주얼 배경 */ --fp: #22241f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #B5C99A; /* 버튼/포인트/강조 */ --a2: #97A97C; /* 서브타이틀/보조강조 */ --a3: #E9F5DB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #63734a; --p3: #556340; --p-97: rgba(113,131,85,0.97); --p-60: rgba(113,131,85,0.6); --p-40: rgba(113,131,85,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#B5C99A; --submenu-bg: #ffffff; --a1-30:rgba(181,201,154,0.3); --a1-20:rgba(181,201,154,0.2); --a1-12:rgba(181,201,154,0.12); /* 레거시 호환 */ --point-color: #B5C99A; --txt-point-color: #B5C99A; --basic-color: #f0f0f0; --header-bg: #718355; --footer-bg: #22241f; --footer-text: #ffffff; --footer-border: rgba(181,201,154,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #718355; --section-dark2: #63734a; --nav-link: #ffffff; --nav-hover: #B5C99A; --border-color: rgba(151,169,124,0.25); --aside-bg: #B5C99A; --accent: #B5C99A; --wz-side-bg: #718355; --wz-side-text: #ffffff; --wz-side-hover-bg: #B5C99A; } /* 헤더 */ html[data-pal="p168"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p168"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p168"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p168"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p168"] header.fixed .gnb_1da, html[data-pal="p168"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p168"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p168"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p168"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p168"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p168"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p168"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p168"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p168"] .sub_bc_btn.open, html[data-pal="p168"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p168"] #ft, html[data-pal="p168"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p168"] footer a, html[data-pal="p168"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p168"] footer a:hover, html[data-pal="p168"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p168"] .btn_submit, html[data-pal="p168"] button[type="submit"], html[data-pal="p168"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p168"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p168"] .wz-blk-sub, html[data-pal="p168"] .sub_title h2.tit03, html[data-pal="p168"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p168"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p168"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p168"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p168"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p168"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p168"] .section-dark, html[data-pal="p168"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p168"] .section-dark2, html[data-pal="p168"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p169 Warm Neutral Tones (orange) ── */ html[data-pal="p169"] { /* 5색 역할 변수 */ --p: #B2967D; /* 헤더/서브비주얼 배경 */ --fp: #2a2724; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E6BEAE; /* 버튼/포인트/강조 */ --a2: #E7D8C9; /* 서브타이틀/보조강조 */ --a3: #ECF8F8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #9c846e; --p3: #87725f; --p-97: rgba(178,150,125,0.97); --p-60: rgba(178,150,125,0.6); --p-40: rgba(178,150,125,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#E6BEAE; --submenu-bg: #f8f8f8; --a1-30:rgba(230,190,174,0.3); --a1-20:rgba(230,190,174,0.2); --a1-12:rgba(230,190,174,0.12); /* 레거시 호환 */ --point-color: #E6BEAE; --txt-point-color: #E6BEAE; --basic-color: #1a1a1a; --header-bg: #B2967D; --footer-bg: #2a2724; --footer-text: #ffffff; --footer-border: rgba(230,190,174,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #B2967D; --section-dark2: #9c846e; --nav-link: #111111; --nav-hover: #E6BEAE; --border-color: rgba(231,216,201,0.25); --aside-bg: #E6BEAE; --accent: #E6BEAE; --wz-side-bg: #B2967D; --wz-side-text: #111111; --wz-side-hover-bg: #E6BEAE; } /* 헤더 */ html[data-pal="p169"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p169"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p169"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p169"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p169"] header.fixed .gnb_1da, html[data-pal="p169"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p169"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p169"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p169"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p169"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p169"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p169"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p169"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p169"] .sub_bc_btn.open, html[data-pal="p169"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p169"] #ft, html[data-pal="p169"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p169"] footer a, html[data-pal="p169"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p169"] footer a:hover, html[data-pal="p169"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p169"] .btn_submit, html[data-pal="p169"] button[type="submit"], html[data-pal="p169"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p169"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p169"] .wz-blk-sub, html[data-pal="p169"] .sub_title h2.tit03, html[data-pal="p169"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p169"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p169"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p169"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p169"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p169"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p169"] .section-dark, html[data-pal="p169"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p169"] .section-dark2, html[data-pal="p169"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p170 Soft Pastels (purple) ── */ html[data-pal="p170"] { /* 5색 역할 변수 */ --p: #735D78; /* 헤더/서브비주얼 배경 */ --fp: #222023; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #D1B3C4; /* 버튼/포인트/강조 */ --a2: #F7D1CD; /* 서브타이틀/보조강조 */ --a3: #F7D1CD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #655169; --p3: #57465b; --p-97: rgba(115,93,120,0.97); --p-60: rgba(115,93,120,0.6); --p-40: rgba(115,93,120,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#D1B3C4; --submenu-bg: #ffffff; --a1-30:rgba(209,179,196,0.3); --a1-20:rgba(209,179,196,0.2); --a1-12:rgba(209,179,196,0.12); /* 레거시 호환 */ --point-color: #D1B3C4; --txt-point-color: #D1B3C4; --basic-color: #f0f0f0; --header-bg: #735D78; --footer-bg: #222023; --footer-text: #ffffff; --footer-border: rgba(209,179,196,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #735D78; --section-dark2: #655169; --nav-link: #ffffff; --nav-hover: #D1B3C4; --border-color: rgba(247,209,205,0.25); --aside-bg: #D1B3C4; --accent: #D1B3C4; --wz-side-bg: #735D78; --wz-side-text: #ffffff; --wz-side-hover-bg: #D1B3C4; } /* 헤더 */ html[data-pal="p170"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p170"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p170"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p170"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p170"] header.fixed .gnb_1da, html[data-pal="p170"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p170"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p170"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p170"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p170"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p170"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p170"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p170"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p170"] .sub_bc_btn.open, html[data-pal="p170"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p170"] #ft, html[data-pal="p170"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p170"] footer a, html[data-pal="p170"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p170"] footer a:hover, html[data-pal="p170"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p170"] .btn_submit, html[data-pal="p170"] button[type="submit"], html[data-pal="p170"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p170"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p170"] .wz-blk-sub, html[data-pal="p170"] .sub_title h2.tit03, html[data-pal="p170"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p170"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p170"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p170"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p170"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p170"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p170"] .section-dark, html[data-pal="p170"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p170"] .section-dark2, html[data-pal="p170"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p171 Deep Sea (navy) ── */ html[data-pal="p171"] { /* 5색 역할 변수 */ --p: #00171F; /* 헤더/서브비주얼 배경 */ --fp: #003459; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #00A8E8; /* 버튼/포인트/강조 */ --a2: #007EA7; /* 서브타이틀/보조강조 */ --a3: #00A8E8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #00141b; --p3: #001117; --p-97: rgba(0,23,31,0.97); --p-60: rgba(0,23,31,0.6); --p-40: rgba(0,23,31,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#00A8E8; --submenu-bg: #ffffff; --a1-30:rgba(0,168,232,0.3); --a1-20:rgba(0,168,232,0.2); --a1-12:rgba(0,168,232,0.12); /* 레거시 호환 */ --point-color: #00A8E8; --txt-point-color: #00A8E8; --basic-color: #f0f0f0; --header-bg: #00171F; --footer-bg: #003459; --footer-text: #ffffff; --footer-border: rgba(0,168,232,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #00171F; --section-dark2: #00141b; --nav-link: #ffffff; --nav-hover: #00A8E8; --border-color: rgba(0,126,167,0.25); --aside-bg: #00A8E8; --accent: #00A8E8; --wz-side-bg: #00171F; --wz-side-text: #ffffff; --wz-side-hover-bg: #00A8E8; } /* 헤더 */ html[data-pal="p171"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p171"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p171"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p171"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p171"] header.fixed .gnb_1da, html[data-pal="p171"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p171"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p171"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p171"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p171"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p171"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p171"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p171"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p171"] .sub_bc_btn.open, html[data-pal="p171"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p171"] #ft, html[data-pal="p171"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p171"] footer a, html[data-pal="p171"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p171"] footer a:hover, html[data-pal="p171"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p171"] .btn_submit, html[data-pal="p171"] button[type="submit"], html[data-pal="p171"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p171"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p171"] .wz-blk-sub, html[data-pal="p171"] .sub_title h2.tit03, html[data-pal="p171"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p171"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p171"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p171"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p171"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p171"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p171"] .section-dark, html[data-pal="p171"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p171"] .section-dark2, html[data-pal="p171"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p172 Tropical Bliss (navy) ── */ html[data-pal="p172"] { /* 5색 역할 변수 */ --p: #227C9D; /* 헤더/서브비주얼 배경 */ --fp: #192427; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FE6D73; /* 버튼/포인트/강조 */ --a2: #17C3B2; /* 서브타이틀/보조강조 */ --a3: #FEF9EF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #1d6d8a; --p3: #195e77; --p-97: rgba(34,124,157,0.97); --p-60: rgba(34,124,157,0.6); --p-40: rgba(34,124,157,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FE6D73; --submenu-bg: #ffffff; --a1-30:rgba(254,109,115,0.3); --a1-20:rgba(254,109,115,0.2); --a1-12:rgba(254,109,115,0.12); /* 레거시 호환 */ --point-color: #FE6D73; --txt-point-color: #FE6D73; --basic-color: #f0f0f0; --header-bg: #227C9D; --footer-bg: #192427; --footer-text: #ffffff; --footer-border: rgba(254,109,115,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #227C9D; --section-dark2: #1d6d8a; --nav-link: #ffffff; --nav-hover: #FE6D73; --border-color: rgba(23,195,178,0.25); --aside-bg: #FE6D73; --accent: #FE6D73; --wz-side-bg: #227C9D; --wz-side-text: #ffffff; --wz-side-hover-bg: #FE6D73; } /* 헤더 */ html[data-pal="p172"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p172"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p172"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p172"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p172"] header.fixed .gnb_1da, html[data-pal="p172"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p172"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p172"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p172"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p172"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p172"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p172"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p172"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p172"] .sub_bc_btn.open, html[data-pal="p172"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p172"] #ft, html[data-pal="p172"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p172"] footer a, html[data-pal="p172"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p172"] footer a:hover, html[data-pal="p172"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p172"] .btn_submit, html[data-pal="p172"] button[type="submit"], html[data-pal="p172"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p172"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p172"] .wz-blk-sub, html[data-pal="p172"] .sub_title h2.tit03, html[data-pal="p172"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p172"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p172"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p172"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p172"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p172"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p172"] .section-dark, html[data-pal="p172"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p172"] .section-dark2, html[data-pal="p172"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p173 Pink Ombre (red) ── */ html[data-pal="p173"] { /* 5색 역할 변수 */ --p: #FF0A54; /* 헤더/서브비주얼 배경 */ --fp: #33161f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF477E; /* 버튼/포인트/강조 */ --a2: #FF5C8A; /* 서브타이틀/보조강조 */ --a3: #FAE0E4; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e00849; --p3: #c1073f; --p-97: rgba(255,10,84,0.97); --p-60: rgba(255,10,84,0.6); --p-40: rgba(255,10,84,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF477E; --submenu-bg: #ffffff; --a1-30:rgba(255,71,126,0.3); --a1-20:rgba(255,71,126,0.2); --a1-12:rgba(255,71,126,0.12); /* 레거시 호환 */ --point-color: #FF477E; --txt-point-color: #FF477E; --basic-color: #f0f0f0; --header-bg: #FF0A54; --footer-bg: #33161f; --footer-text: #ffffff; --footer-border: rgba(255,71,126,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF0A54; --section-dark2: #e00849; --nav-link: #ffffff; --nav-hover: #FF477E; --border-color: rgba(255,92,138,0.25); --aside-bg: #FF477E; --accent: #FF477E; --wz-side-bg: #FF0A54; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF477E; } /* 헤더 */ html[data-pal="p173"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p173"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p173"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p173"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p173"] header.fixed .gnb_1da, html[data-pal="p173"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p173"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p173"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p173"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p173"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p173"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p173"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p173"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p173"] .sub_bc_btn.open, html[data-pal="p173"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p173"] #ft, html[data-pal="p173"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p173"] footer a, html[data-pal="p173"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p173"] footer a:hover, html[data-pal="p173"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p173"] .btn_submit, html[data-pal="p173"] button[type="submit"], html[data-pal="p173"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p173"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p173"] .wz-blk-sub, html[data-pal="p173"] .sub_title h2.tit03, html[data-pal="p173"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p173"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p173"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p173"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p173"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p173"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p173"] .section-dark, html[data-pal="p173"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p173"] .section-dark2, html[data-pal="p173"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p174 Autumn Hues (red) ── */ html[data-pal="p174"] { /* 5색 역할 변수 */ --p: #B36A5E; /* 헤더/서브비주얼 배경 */ --fp: #2a2120; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #C97C5D; /* 버튼/포인트/강조 */ --a2: #C89F9C; /* 서브타이틀/보조강조 */ --a3: #EEE2DF; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #9d5d52; --p3: #885047; --p-97: rgba(179,106,94,0.97); --p-60: rgba(179,106,94,0.6); --p-40: rgba(179,106,94,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#C97C5D; --submenu-bg: #ffffff; --a1-30:rgba(201,124,93,0.3); --a1-20:rgba(201,124,93,0.2); --a1-12:rgba(201,124,93,0.12); /* 레거시 호환 */ --point-color: #C97C5D; --txt-point-color: #C97C5D; --basic-color: #f0f0f0; --header-bg: #B36A5E; --footer-bg: #2a2120; --footer-text: #ffffff; --footer-border: rgba(201,124,93,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #B36A5E; --section-dark2: #9d5d52; --nav-link: #ffffff; --nav-hover: #C97C5D; --border-color: rgba(200,159,156,0.25); --aside-bg: #C97C5D; --accent: #C97C5D; --wz-side-bg: #B36A5E; --wz-side-text: #ffffff; --wz-side-hover-bg: #C97C5D; } /* 헤더 */ html[data-pal="p174"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p174"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p174"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p174"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p174"] header.fixed .gnb_1da, html[data-pal="p174"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p174"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p174"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p174"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p174"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p174"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p174"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p174"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p174"] .sub_bc_btn.open, html[data-pal="p174"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p174"] #ft, html[data-pal="p174"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p174"] footer a, html[data-pal="p174"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p174"] footer a:hover, html[data-pal="p174"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p174"] .btn_submit, html[data-pal="p174"] button[type="submit"], html[data-pal="p174"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p174"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p174"] .wz-blk-sub, html[data-pal="p174"] .sub_title h2.tit03, html[data-pal="p174"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p174"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p174"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p174"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p174"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p174"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p174"] .section-dark, html[data-pal="p174"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p174"] .section-dark2, html[data-pal="p174"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p175 Pink Sorbet (red) ── */ html[data-pal="p175"] { /* 5색 역할 변수 */ --p: #FF5D8F; /* 헤더/서브비주얼 배경 */ --fp: #332026; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF87AB; /* 버튼/포인트/강조 */ --a2: #FF97B7; /* 서브타이틀/보조강조 */ --a3: #FADDE1; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e0517d; --p3: #c1466c; --p-97: rgba(255,93,143,0.97); --p-60: rgba(255,93,143,0.6); --p-40: rgba(255,93,143,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FF87AB; --submenu-bg: #f8f8f8; --a1-30:rgba(255,135,171,0.3); --a1-20:rgba(255,135,171,0.2); --a1-12:rgba(255,135,171,0.12); /* 레거시 호환 */ --point-color: #FF87AB; --txt-point-color: #FF87AB; --basic-color: #1a1a1a; --header-bg: #FF5D8F; --footer-bg: #332026; --footer-text: #ffffff; --footer-border: rgba(255,135,171,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF5D8F; --section-dark2: #e0517d; --nav-link: #111111; --nav-hover: #FF87AB; --border-color: rgba(255,151,183,0.25); --aside-bg: #FF87AB; --accent: #FF87AB; --wz-side-bg: #FF5D8F; --wz-side-text: #111111; --wz-side-hover-bg: #FF87AB; } /* 헤더 */ html[data-pal="p175"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p175"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p175"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p175"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p175"] header.fixed .gnb_1da, html[data-pal="p175"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p175"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p175"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p175"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p175"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p175"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p175"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p175"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p175"] .sub_bc_btn.open, html[data-pal="p175"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p175"] #ft, html[data-pal="p175"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p175"] footer a, html[data-pal="p175"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p175"] footer a:hover, html[data-pal="p175"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p175"] .btn_submit, html[data-pal="p175"] button[type="submit"], html[data-pal="p175"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p175"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p175"] .wz-blk-sub, html[data-pal="p175"] .sub_title h2.tit03, html[data-pal="p175"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p175"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p175"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p175"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p175"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p175"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p175"] .section-dark, html[data-pal="p175"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p175"] .section-dark2, html[data-pal="p175"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p176 Coral Reef (red) ── */ html[data-pal="p176"] { /* 5색 역할 변수 */ --p: #C8553D; /* 헤더/서브비주얼 배경 */ --fp: #588B8B; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F28F3B; /* 버튼/포인트/강조 */ --a2: #FFD5C2; /* 서브타이틀/보조강조 */ --a3: #FFD5C2; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #b04a35; --p3: #98402e; --p-97: rgba(200,85,61,0.97); --p-60: rgba(200,85,61,0.6); --p-40: rgba(200,85,61,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F28F3B; --submenu-bg: #ffffff; --a1-30:rgba(242,143,59,0.3); --a1-20:rgba(242,143,59,0.2); --a1-12:rgba(242,143,59,0.12); /* 레거시 호환 */ --point-color: #F28F3B; --txt-point-color: #F28F3B; --basic-color: #f0f0f0; --header-bg: #C8553D; --footer-bg: #588B8B; --footer-text: #ffffff; --footer-border: rgba(242,143,59,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #C8553D; --section-dark2: #b04a35; --nav-link: #ffffff; --nav-hover: #F28F3B; --border-color: rgba(255,213,194,0.25); --aside-bg: #F28F3B; --accent: #F28F3B; --wz-side-bg: #C8553D; --wz-side-text: #ffffff; --wz-side-hover-bg: #F28F3B; } /* 헤더 */ html[data-pal="p176"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p176"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p176"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p176"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p176"] header.fixed .gnb_1da, html[data-pal="p176"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p176"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p176"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p176"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p176"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p176"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p176"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p176"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p176"] .sub_bc_btn.open, html[data-pal="p176"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p176"] #ft, html[data-pal="p176"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p176"] footer a, html[data-pal="p176"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p176"] footer a:hover, html[data-pal="p176"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p176"] .btn_submit, html[data-pal="p176"] button[type="submit"], html[data-pal="p176"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p176"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p176"] .wz-blk-sub, html[data-pal="p176"] .sub_title h2.tit03, html[data-pal="p176"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p176"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p176"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p176"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p176"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p176"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p176"] .section-dark, html[data-pal="p176"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p176"] .section-dark2, html[data-pal="p176"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p177 Purple Cascade (purple) ── */ html[data-pal="p177"] { /* 5색 역할 변수 */ --p: #2D00F7; /* 헤더/서브비주얼 배경 */ --fp: #1a1532; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #E500A4; /* 버튼/포인트/강조 */ --a2: #DB00B6; /* 서브타이틀/보조강조 */ --a3: #F20089; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #2700d9; --p3: #2200bb; --p-97: rgba(45,0,247,0.97); --p-60: rgba(45,0,247,0.6); --p-40: rgba(45,0,247,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E500A4; --submenu-bg: #ffffff; --a1-30:rgba(229,0,164,0.3); --a1-20:rgba(229,0,164,0.2); --a1-12:rgba(229,0,164,0.12); /* 레거시 호환 */ --point-color: #E500A4; --txt-point-color: #E500A4; --basic-color: #f0f0f0; --header-bg: #2D00F7; --footer-bg: #1a1532; --footer-text: #ffffff; --footer-border: rgba(229,0,164,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2D00F7; --section-dark2: #2700d9; --nav-link: #ffffff; --nav-hover: #E500A4; --border-color: rgba(219,0,182,0.25); --aside-bg: #E500A4; --accent: #E500A4; --wz-side-bg: #2D00F7; --wz-side-text: #ffffff; --wz-side-hover-bg: #E500A4; } /* 헤더 */ html[data-pal="p177"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p177"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p177"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p177"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p177"] header.fixed .gnb_1da, html[data-pal="p177"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p177"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p177"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p177"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p177"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p177"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p177"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p177"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p177"] .sub_bc_btn.open, html[data-pal="p177"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p177"] #ft, html[data-pal="p177"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p177"] footer a, html[data-pal="p177"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p177"] footer a:hover, html[data-pal="p177"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p177"] .btn_submit, html[data-pal="p177"] button[type="submit"], html[data-pal="p177"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p177"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p177"] .wz-blk-sub, html[data-pal="p177"] .sub_title h2.tit03, html[data-pal="p177"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p177"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p177"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p177"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p177"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p177"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p177"] .section-dark, html[data-pal="p177"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p177"] .section-dark2, html[data-pal="p177"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p178 Ocean Breeze (navy) ── */ html[data-pal="p178"] { /* 5색 역할 변수 */ --p: #16697A; /* 헤더/서브비주얼 배경 */ --fp: #172123; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFA62B; /* 버튼/포인트/강조 */ --a2: #489FB5; /* 서브타이틀/보조강조 */ --a3: #EDE7E3; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #135c6b; --p3: #104f5c; --p-97: rgba(22,105,122,0.97); --p-60: rgba(22,105,122,0.6); --p-40: rgba(22,105,122,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFA62B; --submenu-bg: #ffffff; --a1-30:rgba(255,166,43,0.3); --a1-20:rgba(255,166,43,0.2); --a1-12:rgba(255,166,43,0.12); /* 레거시 호환 */ --point-color: #FFA62B; --txt-point-color: #FFA62B; --basic-color: #f0f0f0; --header-bg: #16697A; --footer-bg: #172123; --footer-text: #ffffff; --footer-border: rgba(255,166,43,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #16697A; --section-dark2: #135c6b; --nav-link: #ffffff; --nav-hover: #FFA62B; --border-color: rgba(72,159,181,0.25); --aside-bg: #FFA62B; --accent: #FFA62B; --wz-side-bg: #16697A; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFA62B; } /* 헤더 */ html[data-pal="p178"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p178"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p178"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p178"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p178"] header.fixed .gnb_1da, html[data-pal="p178"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p178"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p178"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p178"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p178"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p178"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p178"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p178"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p178"] .sub_bc_btn.open, html[data-pal="p178"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p178"] #ft, html[data-pal="p178"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p178"] footer a, html[data-pal="p178"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p178"] footer a:hover, html[data-pal="p178"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p178"] .btn_submit, html[data-pal="p178"] button[type="submit"], html[data-pal="p178"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p178"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p178"] .wz-blk-sub, html[data-pal="p178"] .sub_title h2.tit03, html[data-pal="p178"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p178"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p178"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p178"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p178"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p178"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p178"] .section-dark, html[data-pal="p178"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p178"] .section-dark2, html[data-pal="p178"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p179 Red Gradient (red) ── */ html[data-pal="p179"] { /* 5색 역할 변수 */ --p: #641220; /* 헤더/서브비주얼 배경 */ --fp: #211718; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #DA1E37; /* 버튼/포인트/강조 */ --a2: #C71F37; /* 서브타이틀/보조강조 */ --a3: #E01E37; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #580f1c; --p3: #4c0d18; --p-97: rgba(100,18,32,0.97); --p-60: rgba(100,18,32,0.6); --p-40: rgba(100,18,32,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#DA1E37; --submenu-bg: #ffffff; --a1-30:rgba(218,30,55,0.3); --a1-20:rgba(218,30,55,0.2); --a1-12:rgba(218,30,55,0.12); /* 레거시 호환 */ --point-color: #DA1E37; --txt-point-color: #DA1E37; --basic-color: #f0f0f0; --header-bg: #641220; --footer-bg: #211718; --footer-text: #ffffff; --footer-border: rgba(218,30,55,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #641220; --section-dark2: #580f1c; --nav-link: #ffffff; --nav-hover: #DA1E37; --border-color: rgba(199,31,55,0.25); --aside-bg: #DA1E37; --accent: #DA1E37; --wz-side-bg: #641220; --wz-side-text: #ffffff; --wz-side-hover-bg: #DA1E37; } /* 헤더 */ html[data-pal="p179"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p179"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p179"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p179"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p179"] header.fixed .gnb_1da, html[data-pal="p179"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p179"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p179"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p179"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p179"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p179"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p179"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p179"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p179"] .sub_bc_btn.open, html[data-pal="p179"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p179"] #ft, html[data-pal="p179"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p179"] footer a, html[data-pal="p179"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p179"] footer a:hover, html[data-pal="p179"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p179"] .btn_submit, html[data-pal="p179"] button[type="submit"], html[data-pal="p179"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p179"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p179"] .wz-blk-sub, html[data-pal="p179"] .sub_title h2.tit03, html[data-pal="p179"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p179"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p179"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p179"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p179"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p179"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p179"] .section-dark, html[data-pal="p179"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p179"] .section-dark2, html[data-pal="p179"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p180 Summer Sunset (navy) ── */ html[data-pal="p180"] { /* 5색 역할 변수 */ --p: #004E89; /* 헤더/서브비주얼 배경 */ --fp: #1A659E; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF6B35; /* 버튼/포인트/강조 */ --a2: #F7C59F; /* 서브타이틀/보조강조 */ --a3: #EFEFD0; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #004478; --p3: #003b68; --p-97: rgba(0,78,137,0.97); --p-60: rgba(0,78,137,0.6); --p-40: rgba(0,78,137,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF6B35; --submenu-bg: #ffffff; --a1-30:rgba(255,107,53,0.3); --a1-20:rgba(255,107,53,0.2); --a1-12:rgba(255,107,53,0.12); /* 레거시 호환 */ --point-color: #FF6B35; --txt-point-color: #FF6B35; --basic-color: #f0f0f0; --header-bg: #004E89; --footer-bg: #1A659E; --footer-text: #ffffff; --footer-border: rgba(255,107,53,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #004E89; --section-dark2: #004478; --nav-link: #ffffff; --nav-hover: #FF6B35; --border-color: rgba(247,197,159,0.25); --aside-bg: #FF6B35; --accent: #FF6B35; --wz-side-bg: #004E89; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF6B35; } /* 헤더 */ html[data-pal="p180"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p180"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p180"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p180"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p180"] header.fixed .gnb_1da, html[data-pal="p180"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p180"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p180"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p180"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p180"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p180"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p180"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p180"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p180"] .sub_bc_btn.open, html[data-pal="p180"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p180"] #ft, html[data-pal="p180"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p180"] footer a, html[data-pal="p180"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p180"] footer a:hover, html[data-pal="p180"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p180"] .btn_submit, html[data-pal="p180"] button[type="submit"], html[data-pal="p180"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p180"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p180"] .wz-blk-sub, html[data-pal="p180"] .sub_title h2.tit03, html[data-pal="p180"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p180"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p180"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p180"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p180"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p180"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p180"] .section-dark, html[data-pal="p180"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p180"] .section-dark2, html[data-pal="p180"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p181 Deep Sea (navy) ── */ html[data-pal="p181"] { /* 5색 역할 변수 */ --p: #0D1321; /* 헤더/서브비주얼 배경 */ --fp: #161719; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #748CAB; /* 버튼/포인트/강조 */ --a2: #1D2D44; /* 서브타이틀/보조강조 */ --a3: #F0EBD8; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #0b101d; --p3: #090e19; --p-97: rgba(13,19,33,0.97); --p-60: rgba(13,19,33,0.6); --p-40: rgba(13,19,33,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#748CAB; --submenu-bg: #ffffff; --a1-30:rgba(116,140,171,0.3); --a1-20:rgba(116,140,171,0.2); --a1-12:rgba(116,140,171,0.12); /* 레거시 호환 */ --point-color: #748CAB; --txt-point-color: #748CAB; --basic-color: #f0f0f0; --header-bg: #0D1321; --footer-bg: #161719; --footer-text: #ffffff; --footer-border: rgba(116,140,171,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D1321; --section-dark2: #0b101d; --nav-link: #ffffff; --nav-hover: #748CAB; --border-color: rgba(29,45,68,0.25); --aside-bg: #748CAB; --accent: #748CAB; --wz-side-bg: #0D1321; --wz-side-text: #ffffff; --wz-side-hover-bg: #748CAB; } /* 헤더 */ html[data-pal="p181"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p181"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p181"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p181"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p181"] header.fixed .gnb_1da, html[data-pal="p181"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p181"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p181"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p181"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p181"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p181"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p181"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p181"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p181"] .sub_bc_btn.open, html[data-pal="p181"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p181"] #ft, html[data-pal="p181"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p181"] footer a, html[data-pal="p181"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p181"] footer a:hover, html[data-pal="p181"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p181"] .btn_submit, html[data-pal="p181"] button[type="submit"], html[data-pal="p181"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p181"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p181"] .wz-blk-sub, html[data-pal="p181"] .sub_title h2.tit03, html[data-pal="p181"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p181"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p181"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p181"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p181"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p181"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p181"] .section-dark, html[data-pal="p181"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p181"] .section-dark2, html[data-pal="p181"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p182 Sunset Bliss (red) ── */ html[data-pal="p182"] { /* 5색 역할 변수 */ --p: #8F2D56; /* 헤더/서브비주얼 배경 */ --fp: #218380; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFBC42; /* 버튼/포인트/강조 */ --a2: #73D2DE; /* 서브타이틀/보조강조 */ --a3: #FFBC42; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #7d274b; --p3: #6c2241; --p-97: rgba(143,45,86,0.97); --p-60: rgba(143,45,86,0.6); --p-40: rgba(143,45,86,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFBC42; --submenu-bg: #ffffff; --a1-30:rgba(255,188,66,0.3); --a1-20:rgba(255,188,66,0.2); --a1-12:rgba(255,188,66,0.12); /* 레거시 호환 */ --point-color: #FFBC42; --txt-point-color: #FFBC42; --basic-color: #f0f0f0; --header-bg: #8F2D56; --footer-bg: #218380; --footer-text: #ffffff; --footer-border: rgba(255,188,66,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #8F2D56; --section-dark2: #7d274b; --nav-link: #ffffff; --nav-hover: #FFBC42; --border-color: rgba(115,210,222,0.25); --aside-bg: #FFBC42; --accent: #FFBC42; --wz-side-bg: #8F2D56; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFBC42; } /* 헤더 */ html[data-pal="p182"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p182"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p182"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p182"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p182"] header.fixed .gnb_1da, html[data-pal="p182"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p182"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p182"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p182"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p182"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p182"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p182"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p182"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p182"] .sub_bc_btn.open, html[data-pal="p182"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p182"] #ft, html[data-pal="p182"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p182"] footer a, html[data-pal="p182"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p182"] footer a:hover, html[data-pal="p182"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p182"] .btn_submit, html[data-pal="p182"] button[type="submit"], html[data-pal="p182"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p182"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p182"] .wz-blk-sub, html[data-pal="p182"] .sub_title h2.tit03, html[data-pal="p182"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p182"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p182"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p182"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p182"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p182"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p182"] .section-dark, html[data-pal="p182"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p182"] .section-dark2, html[data-pal="p182"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p183 Spring Garden (red) ── */ html[data-pal="p183"] { /* 5색 역할 변수 */ --p: #BC4B51; /* 헤더/서브비주얼 배경 */ --fp: #5B8E7D; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F4A259; /* 버튼/포인트/강조 */ --a2: #8CB369; /* 서브타이틀/보조강조 */ --a3: #F4E285; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #a54247; --p3: #8e393d; --p-97: rgba(188,75,81,0.97); --p-60: rgba(188,75,81,0.6); --p-40: rgba(188,75,81,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F4A259; --submenu-bg: #ffffff; --a1-30:rgba(244,162,89,0.3); --a1-20:rgba(244,162,89,0.2); --a1-12:rgba(244,162,89,0.12); /* 레거시 호환 */ --point-color: #F4A259; --txt-point-color: #F4A259; --basic-color: #f0f0f0; --header-bg: #BC4B51; --footer-bg: #5B8E7D; --footer-text: #ffffff; --footer-border: rgba(244,162,89,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #BC4B51; --section-dark2: #a54247; --nav-link: #ffffff; --nav-hover: #F4A259; --border-color: rgba(140,179,105,0.25); --aside-bg: #F4A259; --accent: #F4A259; --wz-side-bg: #BC4B51; --wz-side-text: #ffffff; --wz-side-hover-bg: #F4A259; } /* 헤더 */ html[data-pal="p183"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p183"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p183"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p183"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p183"] header.fixed .gnb_1da, html[data-pal="p183"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p183"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p183"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p183"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p183"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p183"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p183"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p183"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p183"] .sub_bc_btn.open, html[data-pal="p183"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p183"] #ft, html[data-pal="p183"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p183"] footer a, html[data-pal="p183"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p183"] footer a:hover, html[data-pal="p183"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p183"] .btn_submit, html[data-pal="p183"] button[type="submit"], html[data-pal="p183"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p183"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p183"] .wz-blk-sub, html[data-pal="p183"] .sub_title h2.tit03, html[data-pal="p183"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p183"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p183"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p183"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p183"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p183"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p183"] .section-dark, html[data-pal="p183"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p183"] .section-dark2, html[data-pal="p183"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p184 Autumn Glow (red) ── */ html[data-pal="p184"] { /* 5색 역할 변수 */ --p: #780116; /* 헤더/서브비주얼 배경 */ --fp: #231517; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F7B538; /* 버튼/포인트/강조 */ --a2: #DB7C26; /* 서브타이틀/보조강조 */ --a3: #F7B538; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #690013; --p3: #5b0010; --p-97: rgba(120,1,22,0.97); --p-60: rgba(120,1,22,0.6); --p-40: rgba(120,1,22,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F7B538; --submenu-bg: #ffffff; --a1-30:rgba(247,181,56,0.3); --a1-20:rgba(247,181,56,0.2); --a1-12:rgba(247,181,56,0.12); /* 레거시 호환 */ --point-color: #F7B538; --txt-point-color: #F7B538; --basic-color: #f0f0f0; --header-bg: #780116; --footer-bg: #231517; --footer-text: #ffffff; --footer-border: rgba(247,181,56,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #780116; --section-dark2: #690013; --nav-link: #ffffff; --nav-hover: #F7B538; --border-color: rgba(219,124,38,0.25); --aside-bg: #F7B538; --accent: #F7B538; --wz-side-bg: #780116; --wz-side-text: #ffffff; --wz-side-hover-bg: #F7B538; } /* 헤더 */ html[data-pal="p184"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p184"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p184"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p184"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p184"] header.fixed .gnb_1da, html[data-pal="p184"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p184"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p184"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p184"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p184"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p184"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p184"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p184"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p184"] .sub_bc_btn.open, html[data-pal="p184"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p184"] #ft, html[data-pal="p184"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p184"] footer a, html[data-pal="p184"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p184"] footer a:hover, html[data-pal="p184"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p184"] .btn_submit, html[data-pal="p184"] button[type="submit"], html[data-pal="p184"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p184"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p184"] .wz-blk-sub, html[data-pal="p184"] .sub_title h2.tit03, html[data-pal="p184"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p184"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p184"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p184"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p184"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p184"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p184"] .section-dark, html[data-pal="p184"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p184"] .section-dark2, html[data-pal="p184"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p185 Peachy Sunrise (red) ── */ html[data-pal="p185"] { /* 5색 역할 변수 */ --p: #FF686B; /* 헤더/서브비주얼 배경 */ --fp: #332121; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #84DCC6; /* 버튼/포인트/강조 */ --a2: #A5FFD6; /* 서브타이틀/보조강조 */ --a3: #A5FFD6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e05b5e; --p3: #c14f51; --p-97: rgba(255,104,107,0.97); --p-60: rgba(255,104,107,0.6); --p-40: rgba(255,104,107,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#84DCC6; --submenu-bg: #f8f8f8; --a1-30:rgba(132,220,198,0.3); --a1-20:rgba(132,220,198,0.2); --a1-12:rgba(132,220,198,0.12); /* 레거시 호환 */ --point-color: #84DCC6; --txt-point-color: #84DCC6; --basic-color: #1a1a1a; --header-bg: #FF686B; --footer-bg: #332121; --footer-text: #ffffff; --footer-border: rgba(132,220,198,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF686B; --section-dark2: #e05b5e; --nav-link: #111111; --nav-hover: #84DCC6; --border-color: rgba(165,255,214,0.25); --aside-bg: #84DCC6; --accent: #84DCC6; --wz-side-bg: #FF686B; --wz-side-text: #111111; --wz-side-hover-bg: #84DCC6; } /* 헤더 */ html[data-pal="p185"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p185"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p185"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p185"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p185"] header.fixed .gnb_1da, html[data-pal="p185"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p185"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p185"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p185"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p185"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p185"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p185"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p185"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p185"] .sub_bc_btn.open, html[data-pal="p185"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p185"] #ft, html[data-pal="p185"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p185"] footer a, html[data-pal="p185"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p185"] footer a:hover, html[data-pal="p185"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p185"] .btn_submit, html[data-pal="p185"] button[type="submit"], html[data-pal="p185"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p185"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p185"] .wz-blk-sub, html[data-pal="p185"] .sub_title h2.tit03, html[data-pal="p185"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p185"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p185"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p185"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p185"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p185"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p185"] .section-dark, html[data-pal="p185"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p185"] .section-dark2, html[data-pal="p185"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p186 Pastel Dream (navy) ── */ html[data-pal="p186"] { /* 5색 역할 변수 */ --p: #8093F1; /* 헤더/서브비주얼 배경 */ --fp: #242632; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #72DDF7; /* 버튼/포인트/강조 */ --a2: #B388EB; /* 서브타이틀/보조강조 */ --a3: #FDC5F5; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #7081d4; --p3: #616fb7; --p-97: rgba(128,147,241,0.97); --p-60: rgba(128,147,241,0.6); --p-40: rgba(128,147,241,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#72DDF7; --submenu-bg: #f8f8f8; --a1-30:rgba(114,221,247,0.3); --a1-20:rgba(114,221,247,0.2); --a1-12:rgba(114,221,247,0.12); /* 레거시 호환 */ --point-color: #72DDF7; --txt-point-color: #72DDF7; --basic-color: #1a1a1a; --header-bg: #8093F1; --footer-bg: #242632; --footer-text: #ffffff; --footer-border: rgba(114,221,247,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #8093F1; --section-dark2: #7081d4; --nav-link: #111111; --nav-hover: #72DDF7; --border-color: rgba(179,136,235,0.25); --aside-bg: #72DDF7; --accent: #72DDF7; --wz-side-bg: #8093F1; --wz-side-text: #111111; --wz-side-hover-bg: #72DDF7; } /* 헤더 */ html[data-pal="p186"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p186"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p186"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p186"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p186"] header.fixed .gnb_1da, html[data-pal="p186"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p186"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p186"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p186"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p186"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p186"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p186"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p186"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p186"] .sub_bc_btn.open, html[data-pal="p186"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p186"] #ft, html[data-pal="p186"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p186"] footer a, html[data-pal="p186"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p186"] footer a:hover, html[data-pal="p186"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p186"] .btn_submit, html[data-pal="p186"] button[type="submit"], html[data-pal="p186"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p186"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p186"] .wz-blk-sub, html[data-pal="p186"] .sub_title h2.tit03, html[data-pal="p186"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p186"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p186"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p186"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p186"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p186"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p186"] .section-dark, html[data-pal="p186"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p186"] .section-dark2, html[data-pal="p186"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p187 Vibrant Harmony (purple) ── */ html[data-pal="p187"] { /* 5색 역할 변수 */ --p: #540D6E; /* 헤더/서브비주얼 배경 */ --fp: #1f1622; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #3BCEAC; /* 버튼/포인트/강조 */ --a2: #EE4266; /* 서브타이틀/보조강조 */ --a3: #FFD23F; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #490b60; --p3: #3f0953; --p-97: rgba(84,13,110,0.97); --p-60: rgba(84,13,110,0.6); --p-40: rgba(84,13,110,0.4); --a1t: #111111; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#3BCEAC; --submenu-bg: #ffffff; --a1-30:rgba(59,206,172,0.3); --a1-20:rgba(59,206,172,0.2); --a1-12:rgba(59,206,172,0.12); /* 레거시 호환 */ --point-color: #3BCEAC; --txt-point-color: #3BCEAC; --basic-color: #f0f0f0; --header-bg: #540D6E; --footer-bg: #1f1622; --footer-text: #ffffff; --footer-border: rgba(59,206,172,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #540D6E; --section-dark2: #490b60; --nav-link: #ffffff; --nav-hover: #3BCEAC; --border-color: rgba(238,66,102,0.25); --aside-bg: #3BCEAC; --accent: #3BCEAC; --wz-side-bg: #540D6E; --wz-side-text: #ffffff; --wz-side-hover-bg: #3BCEAC; } /* 헤더 */ html[data-pal="p187"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p187"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p187"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p187"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p187"] header.fixed .gnb_1da, html[data-pal="p187"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p187"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p187"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p187"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p187"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p187"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p187"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p187"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p187"] .sub_bc_btn.open, html[data-pal="p187"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p187"] #ft, html[data-pal="p187"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p187"] footer a, html[data-pal="p187"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p187"] footer a:hover, html[data-pal="p187"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p187"] .btn_submit, html[data-pal="p187"] button[type="submit"], html[data-pal="p187"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p187"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p187"] .wz-blk-sub, html[data-pal="p187"] .sub_title h2.tit03, html[data-pal="p187"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p187"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p187"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p187"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p187"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p187"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p187"] .section-dark, html[data-pal="p187"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p187"] .section-dark2, html[data-pal="p187"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p188 Soft Pastel Shades (navy) ── */ html[data-pal="p188"] { /* 5색 역할 변수 */ --p: #99C1DE; /* 헤더/서브비주얼 배경 */ --fp: #272c2f; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #EDDCD2; /* 버튼/포인트/강조 */ --a2: #FAD2E1; /* 서브타이틀/보조강조 */ --a3: #FFF1E6; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #86a9c3; --p3: #7492a8; --p-97: rgba(153,193,222,0.97); --p-60: rgba(153,193,222,0.6); --p-40: rgba(153,193,222,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#EDDCD2; --submenu-bg: #f8f8f8; --a1-30:rgba(237,220,210,0.3); --a1-20:rgba(237,220,210,0.2); --a1-12:rgba(237,220,210,0.12); /* 레거시 호환 */ --point-color: #EDDCD2; --txt-point-color: #EDDCD2; --basic-color: #1a1a1a; --header-bg: #99C1DE; --footer-bg: #272c2f; --footer-text: #ffffff; --footer-border: rgba(237,220,210,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #99C1DE; --section-dark2: #86a9c3; --nav-link: #111111; --nav-hover: #EDDCD2; --border-color: rgba(250,210,225,0.25); --aside-bg: #EDDCD2; --accent: #EDDCD2; --wz-side-bg: #99C1DE; --wz-side-text: #111111; --wz-side-hover-bg: #EDDCD2; } /* 헤더 */ html[data-pal="p188"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p188"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p188"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p188"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p188"] header.fixed .gnb_1da, html[data-pal="p188"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p188"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p188"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p188"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p188"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p188"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p188"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p188"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p188"] .sub_bc_btn.open, html[data-pal="p188"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p188"] #ft, html[data-pal="p188"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p188"] footer a, html[data-pal="p188"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p188"] footer a:hover, html[data-pal="p188"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p188"] .btn_submit, html[data-pal="p188"] button[type="submit"], html[data-pal="p188"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p188"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p188"] .wz-blk-sub, html[data-pal="p188"] .sub_title h2.tit03, html[data-pal="p188"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p188"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p188"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p188"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p188"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p188"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p188"] .section-dark, html[data-pal="p188"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p188"] .section-dark2, html[data-pal="p188"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p189 Magenta Dream (red) ── */ html[data-pal="p189"] { /* 5색 역할 변수 */ --p: #B7094C; /* 헤더/서브비주얼 배경 */ --fp: #2b161e; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #1780A1; /* 버튼/포인트/강조 */ --a2: #2E6F95; /* 서브타이틀/보조강조 */ --a3: #0091AD; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #a10742; --p3: #8b0639; --p-97: rgba(183,9,76,0.97); --p-60: rgba(183,9,76,0.6); --p-40: rgba(183,9,76,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#1780A1; --submenu-bg: #ffffff; --a1-30:rgba(23,128,161,0.3); --a1-20:rgba(23,128,161,0.2); --a1-12:rgba(23,128,161,0.12); /* 레거시 호환 */ --point-color: #1780A1; --txt-point-color: #1780A1; --basic-color: #f0f0f0; --header-bg: #B7094C; --footer-bg: #2b161e; --footer-text: #ffffff; --footer-border: rgba(23,128,161,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #B7094C; --section-dark2: #a10742; --nav-link: #ffffff; --nav-hover: #1780A1; --border-color: rgba(46,111,149,0.25); --aside-bg: #1780A1; --accent: #1780A1; --wz-side-bg: #B7094C; --wz-side-text: #ffffff; --wz-side-hover-bg: #1780A1; } /* 헤더 */ html[data-pal="p189"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p189"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p189"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p189"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p189"] header.fixed .gnb_1da, html[data-pal="p189"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p189"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p189"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p189"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p189"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p189"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p189"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p189"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p189"] .sub_bc_btn.open, html[data-pal="p189"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p189"] #ft, html[data-pal="p189"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p189"] footer a, html[data-pal="p189"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p189"] footer a:hover, html[data-pal="p189"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p189"] .btn_submit, html[data-pal="p189"] button[type="submit"], html[data-pal="p189"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p189"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p189"] .wz-blk-sub, html[data-pal="p189"] .sub_title h2.tit03, html[data-pal="p189"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p189"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p189"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p189"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p189"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p189"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p189"] .section-dark, html[data-pal="p189"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p189"] .section-dark2, html[data-pal="p189"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p190 Slate Gray Contrast (navy) ── */ html[data-pal="p190"] { /* 5색 역할 변수 */ --p: #004E98; /* 헤더/서브비주얼 배경 */ --fp: #151e27; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FF6700; /* 버튼/포인트/강조 */ --a2: #C0C0C0; /* 서브타이틀/보조강조 */ --a3: #EBEBEB; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #004485; --p3: #003b73; --p-97: rgba(0,78,152,0.97); --p-60: rgba(0,78,152,0.6); --p-40: rgba(0,78,152,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF6700; --submenu-bg: #ffffff; --a1-30:rgba(255,103,0,0.3); --a1-20:rgba(255,103,0,0.2); --a1-12:rgba(255,103,0,0.12); /* 레거시 호환 */ --point-color: #FF6700; --txt-point-color: #FF6700; --basic-color: #f0f0f0; --header-bg: #004E98; --footer-bg: #151e27; --footer-text: #ffffff; --footer-border: rgba(255,103,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #004E98; --section-dark2: #004485; --nav-link: #ffffff; --nav-hover: #FF6700; --border-color: rgba(192,192,192,0.25); --aside-bg: #FF6700; --accent: #FF6700; --wz-side-bg: #004E98; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF6700; } /* 헤더 */ html[data-pal="p190"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p190"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p190"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p190"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p190"] header.fixed .gnb_1da, html[data-pal="p190"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p190"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p190"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p190"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p190"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p190"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p190"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p190"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p190"] .sub_bc_btn.open, html[data-pal="p190"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p190"] #ft, html[data-pal="p190"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p190"] footer a, html[data-pal="p190"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p190"] footer a:hover, html[data-pal="p190"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p190"] .btn_submit, html[data-pal="p190"] button[type="submit"], html[data-pal="p190"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p190"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p190"] .wz-blk-sub, html[data-pal="p190"] .sub_title h2.tit03, html[data-pal="p190"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p190"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p190"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p190"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p190"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p190"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p190"] .section-dark, html[data-pal="p190"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p190"] .section-dark2, html[data-pal="p190"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p191 Peachy Delight (red) ── */ html[data-pal="p191"] { /* 5색 역할 변수 */ --p: #FF928B; /* 헤더/서브비주얼 배경 */ --fp: #332625; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFAC81; /* 버튼/포인트/강조 */ --a2: #CDEAC0; /* 서브타이틀/보조강조 */ --a3: #EFE9AE; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e0807a; --p3: #c16e69; --p-97: rgba(255,146,139,0.97); --p-60: rgba(255,146,139,0.6); --p-40: rgba(255,146,139,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FFAC81; --submenu-bg: #f8f8f8; --a1-30:rgba(255,172,129,0.3); --a1-20:rgba(255,172,129,0.2); --a1-12:rgba(255,172,129,0.12); /* 레거시 호환 */ --point-color: #FFAC81; --txt-point-color: #FFAC81; --basic-color: #1a1a1a; --header-bg: #FF928B; --footer-bg: #332625; --footer-text: #ffffff; --footer-border: rgba(255,172,129,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF928B; --section-dark2: #e0807a; --nav-link: #111111; --nav-hover: #FFAC81; --border-color: rgba(205,234,192,0.25); --aside-bg: #FFAC81; --accent: #FFAC81; --wz-side-bg: #FF928B; --wz-side-text: #111111; --wz-side-hover-bg: #FFAC81; } /* 헤더 */ html[data-pal="p191"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p191"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p191"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p191"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p191"] header.fixed .gnb_1da, html[data-pal="p191"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p191"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p191"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p191"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p191"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p191"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p191"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p191"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p191"] .sub_bc_btn.open, html[data-pal="p191"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p191"] #ft, html[data-pal="p191"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p191"] footer a, html[data-pal="p191"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p191"] footer a:hover, html[data-pal="p191"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p191"] .btn_submit, html[data-pal="p191"] button[type="submit"], html[data-pal="p191"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p191"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p191"] .wz-blk-sub, html[data-pal="p191"] .sub_title h2.tit03, html[data-pal="p191"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p191"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p191"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p191"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p191"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p191"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p191"] .section-dark, html[data-pal="p191"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p191"] .section-dark2, html[data-pal="p191"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p192 Fiery Orange Gradient (red) ── */ html[data-pal="p192"] { /* 5색 역할 변수 */ --p: #FF4800; /* 헤더/서브비주얼 배경 */ --fp: #FF5400; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #FFB600; /* 버튼/포인트/강조 */ --a2: #FFAA00; /* 서브타이틀/보조강조 */ --a3: #FFB600; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #e03f00; --p3: #c13600; --p-97: rgba(255,72,0,0.97); --p-60: rgba(255,72,0,0.6); --p-40: rgba(255,72,0,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFB600; --submenu-bg: #ffffff; --a1-30:rgba(255,182,0,0.3); --a1-20:rgba(255,182,0,0.2); --a1-12:rgba(255,182,0,0.12); /* 레거시 호환 */ --point-color: #FFB600; --txt-point-color: #FFB600; --basic-color: #f0f0f0; --header-bg: #FF4800; --footer-bg: #FF5400; --footer-text: #ffffff; --footer-border: rgba(255,182,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF4800; --section-dark2: #e03f00; --nav-link: #ffffff; --nav-hover: #FFB600; --border-color: rgba(255,170,0,0.25); --aside-bg: #FFB600; --accent: #FFB600; --wz-side-bg: #FF4800; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFB600; } /* 헤더 */ html[data-pal="p192"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p192"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p192"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p192"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p192"] header.fixed .gnb_1da, html[data-pal="p192"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p192"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p192"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p192"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p192"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p192"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p192"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p192"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p192"] .sub_bc_btn.open, html[data-pal="p192"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p192"] #ft, html[data-pal="p192"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p192"] footer a, html[data-pal="p192"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p192"] footer a:hover, html[data-pal="p192"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p192"] .btn_submit, html[data-pal="p192"] button[type="submit"], html[data-pal="p192"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p192"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p192"] .wz-blk-sub, html[data-pal="p192"] .sub_title h2.tit03, html[data-pal="p192"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p192"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p192"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p192"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p192"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p192"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p192"] .section-dark, html[data-pal="p192"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p192"] .section-dark2, html[data-pal="p192"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p193 Sunset Bliss (mono) ── */ html[data-pal="p193"] { /* 5색 역할 변수 */ --p: #50514F; /* 헤더/서브비주얼 배경 */ --fp: #247BA0; /* 푸터 배경 (팔레트 두 번째 어두운 색) */ --a1: #F25F5C; /* 버튼/포인트/강조 */ --a2: #70C1B3; /* 서브타이틀/보조강조 */ --a3: #FFE066; /* 밝은 틴트/섹션 배경 */ /* 파생 변수 */ --p2: #464745; --p3: #3c3d3c; --p-97: rgba(80,81,79,0.97); --p-60: rgba(80,81,79,0.6); --p-40: rgba(80,81,79,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F25F5C; --submenu-bg: #ffffff; --a1-30:rgba(242,95,92,0.3); --a1-20:rgba(242,95,92,0.2); --a1-12:rgba(242,95,92,0.12); /* 레거시 호환 */ --point-color: #F25F5C; --txt-point-color: #F25F5C; --basic-color: #f0f0f0; --header-bg: #50514F; --footer-bg: #247BA0; --footer-text: #ffffff; --footer-border: rgba(242,95,92,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #50514F; --section-dark2: #464745; --nav-link: #ffffff; --nav-hover: #F25F5C; --border-color: rgba(112,193,179,0.25); --aside-bg: #F25F5C; --accent: #F25F5C; --wz-side-bg: #50514F; --wz-side-text: #ffffff; --wz-side-hover-bg: #F25F5C; } /* 헤더 */ html[data-pal="p193"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p193"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p193"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p193"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p193"] header.fixed .gnb_1da, html[data-pal="p193"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } /* GNB 드롭다운 */ html[data-pal="p193"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p193"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } /* 서브비주얼 — c1→c1의 다른 어두운 계열 그라디언트 */ html[data-pal="p193"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p193"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p193"] .sub_bg h2 .sub-title { color: var(--a1) !important; } /* 브레드크럼 */ html[data-pal="p193"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p193"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p193"] .sub_bc_btn.open, html[data-pal="p193"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } /* 푸터 — 팔레트 두 번째 어두운 색 (헤더와 다른 계열) */ html[data-pal="p193"] #ft, html[data-pal="p193"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p193"] footer a, html[data-pal="p193"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p193"] footer a:hover, html[data-pal="p193"] #ft a:hover { color: var(--a1) !important; opacity: 1; } /* 버튼/포인트 (c3) */ html[data-pal="p193"] .btn_submit, html[data-pal="p193"] button[type="submit"], html[data-pal="p193"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p193"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } /* 서브타이틀 (c4 — c3와 다른 색조) */ html[data-pal="p193"] .wz-blk-sub, html[data-pal="p193"] .sub_title h2.tit03, html[data-pal="p193"] .wz-pm-desc { color: var(--a2) !important; } /* 사이드버튼 */ html[data-pal="p193"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p193"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } /* 퀵메뉴 */ html[data-pal="p193"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p193"] #quick .quick_menu a i { color: var(--a1) !important; } /* 사업개요 */ html[data-pal="p193"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } /* 섹션 다크 */ html[data-pal="p193"] .section-dark, html[data-pal="p193"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p193"] .section-dark2, html[data-pal="p193"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p194 Cotton Candy (pastel light) ── */ html[data-pal="p194"] { --p: #F9C6D0; --fp: #7B2D8B; --a1: #C77DFF; --a2: #E0AAFF; --a3: #F9C6D0; --p2: #e8b3bc; --p3: #d79ea7; --p-97: rgba(249,198,208,0.97); --p-60: rgba(249,198,208,0.6); --p-40: rgba(249,198,208,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#C77DFF; --submenu-bg: #ffffff; --a1-30:rgba(199,125,255,0.3); --a1-20:rgba(199,125,255,0.2); --a1-12:rgba(199,125,255,0.12); --point-color: #C77DFF; --txt-point-color: #C77DFF; --basic-color: #1a1a1a; --header-bg: #F9C6D0; --footer-bg: #7B2D8B; --footer-text: #ffffff; --footer-border: rgba(199,125,255,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #7B2D8B; --section-dark2: #6a2478; --nav-link: #111111; --nav-hover: #C77DFF; --border-color: rgba(199,125,255,0.25); --aside-bg: #C77DFF; --accent: #C77DFF; --wz-side-bg: #F9C6D0; --wz-side-text: #111111; --wz-side-hover-bg: #C77DFF; } html[data-pal="p194"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p194"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p194"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p194"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p194"] header.fixed .gnb_1da, html[data-pal="p194"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p194"] #gnb_all .gnb_panel { background: #f0e0f5 !important; } html[data-pal="p194"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p194"] .sub_bg { background: linear-gradient(160deg, var(--fp) 0%, #5a1a6a 70%) !important; } html[data-pal="p194"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(123,45,139,0.6) 100%) !important; } html[data-pal="p194"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p194"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p194"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p194"] .sub_bc_btn.open, html[data-pal="p194"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p194"] #ft, html[data-pal="p194"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p194"] footer a, html[data-pal="p194"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p194"] footer a:hover, html[data-pal="p194"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p194"] .btn_submit, html[data-pal="p194"] button[type="submit"], html[data-pal="p194"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p194"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p194"] .wz-blk-sub, html[data-pal="p194"] .sub_title h2.tit03, html[data-pal="p194"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p194"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p194"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p194"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p194"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p194"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p194"] .section-dark, html[data-pal="p194"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p194"] .section-dark2, html[data-pal="p194"] [class*="sec-dark2"] { background: #6a2478 !important; } /* ── p195 Mint Breeze (pastel light) ── */ html[data-pal="p195"] { --p: #B7E4C7; --fp: #1B4332; --a1: #40916C; --a2: #74C69D; --a3: #D8F3DC; --p2: #9fd4b5; --p3: #88c3a2; --p-97: rgba(183,228,199,0.97); --p-60: rgba(183,228,199,0.6); --p-40: rgba(183,228,199,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#40916C; --submenu-bg: #ffffff; --a1-30:rgba(64,145,108,0.3); --a1-20:rgba(64,145,108,0.2); --a1-12:rgba(64,145,108,0.12); --point-color: #40916C; --txt-point-color: #40916C; --basic-color: #1a1a1a; --header-bg: #B7E4C7; --footer-bg: #1B4332; --footer-text: #ffffff; --footer-border: rgba(64,145,108,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1B4332; --section-dark2: #132e23; --nav-link: #111111; --nav-hover: #40916C; --border-color: rgba(64,145,108,0.25); --aside-bg: #40916C; --accent: #40916C; --wz-side-bg: #B7E4C7; --wz-side-text: #111111; --wz-side-hover-bg: #40916C; } html[data-pal="p195"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p195"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p195"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p195"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p195"] header.fixed .gnb_1da, html[data-pal="p195"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p195"] #gnb_all .gnb_panel { background: #e8f5ec !important; } html[data-pal="p195"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p195"] .sub_bg { background: linear-gradient(160deg, var(--fp) 0%, #0d2c1e 70%) !important; } html[data-pal="p195"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(27,67,50,0.6) 100%) !important; } html[data-pal="p195"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p195"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p195"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p195"] .sub_bc_btn.open, html[data-pal="p195"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p195"] #ft, html[data-pal="p195"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p195"] footer a, html[data-pal="p195"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p195"] footer a:hover, html[data-pal="p195"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p195"] .btn_submit, html[data-pal="p195"] button[type="submit"], html[data-pal="p195"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p195"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p195"] .wz-blk-sub, html[data-pal="p195"] .sub_title h2.tit03, html[data-pal="p195"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p195"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p195"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p195"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p195"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p195"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p195"] .section-dark, html[data-pal="p195"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p195"] .section-dark2, html[data-pal="p195"] [class*="sec-dark2"] { background: #132e23 !important; } /* ── p196 Peach Cream (pastel light) ── */ html[data-pal="p196"] { --p: #FFDDD2; --fp: #6D4C41; --a1: #FF7043; --a2: #FFAB91; --a3: #FBE9E7; --p2: #f0c9be; --p3: #e0b4a9; --p-97: rgba(255,221,210,0.97); --p-60: rgba(255,221,210,0.6); --p-40: rgba(255,221,210,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FF7043; --submenu-bg: #ffffff; --a1-30:rgba(255,112,67,0.3); --a1-20:rgba(255,112,67,0.2); --a1-12:rgba(255,112,67,0.12); --point-color: #FF7043; --txt-point-color: #FF7043; --basic-color: #1a1a1a; --header-bg: #FFDDD2; --footer-bg: #6D4C41; --footer-text: #ffffff; --footer-border: rgba(255,112,67,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #6D4C41; --section-dark2: #5d3d34; --nav-link: #111111; --nav-hover: #FF7043; --border-color: rgba(255,112,67,0.25); --aside-bg: #FF7043; --accent: #FF7043; --wz-side-bg: #FFDDD2; --wz-side-text: #111111; --wz-side-hover-bg: #FF7043; } html[data-pal="p196"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p196"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p196"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p196"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p196"] header.fixed .gnb_1da, html[data-pal="p196"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p196"] #gnb_all .gnb_panel { background: #fff0eb !important; } html[data-pal="p196"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p196"] .sub_bg { background: linear-gradient(160deg, #6D4C41 0%, #4a322a 70%) !important; } html[data-pal="p196"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(109,76,65,0.6) 100%) !important; } html[data-pal="p196"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p196"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p196"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p196"] .sub_bc_btn.open, html[data-pal="p196"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p196"] #ft, html[data-pal="p196"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p196"] footer a, html[data-pal="p196"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p196"] footer a:hover, html[data-pal="p196"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p196"] .btn_submit, html[data-pal="p196"] button[type="submit"], html[data-pal="p196"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p196"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p196"] .wz-blk-sub, html[data-pal="p196"] .sub_title h2.tit03, html[data-pal="p196"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p196"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p196"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p196"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p196"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p196"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p196"] .section-dark, html[data-pal="p196"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p196"] .section-dark2, html[data-pal="p196"] [class*="sec-dark2"] { background: #5d3d34 !important; } /* ── p197 Sky Blue Mist (pastel light) ── */ html[data-pal="p197"] { --p: #C5E3F7; --fp: #0D47A1; --a1: #2196F3; --a2: #64B5F6; --a3: #E3F2FD; --p2: #aed0e5; --p3: #97bcd2; --p-97: rgba(197,227,247,0.97); --p-60: rgba(197,227,247,0.6); --p-40: rgba(197,227,247,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#2196F3; --submenu-bg: #ffffff; --a1-30:rgba(33,150,243,0.3); --a1-20:rgba(33,150,243,0.2); --a1-12:rgba(33,150,243,0.12); --point-color: #2196F3; --txt-point-color: #2196F3; --basic-color: #1a1a1a; --header-bg: #C5E3F7; --footer-bg: #0D47A1; --footer-text: #ffffff; --footer-border: rgba(33,150,243,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D47A1; --section-dark2: #093580; --nav-link: #111111; --nav-hover: #2196F3; --border-color: rgba(33,150,243,0.25); --aside-bg: #2196F3; --accent: #2196F3; --wz-side-bg: #C5E3F7; --wz-side-text: #111111; --wz-side-hover-bg: #2196F3; } html[data-pal="p197"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p197"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p197"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p197"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p197"] header.fixed .gnb_1da, html[data-pal="p197"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p197"] #gnb_all .gnb_panel { background: #e8f4fe !important; } html[data-pal="p197"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p197"] .sub_bg { background: linear-gradient(160deg, #0D47A1 0%, #062d7a 70%) !important; } html[data-pal="p197"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(13,71,161,0.6) 100%) !important; } html[data-pal="p197"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p197"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p197"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p197"] .sub_bc_btn.open, html[data-pal="p197"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p197"] #ft, html[data-pal="p197"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p197"] footer a, html[data-pal="p197"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p197"] footer a:hover, html[data-pal="p197"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p197"] .btn_submit, html[data-pal="p197"] button[type="submit"], html[data-pal="p197"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p197"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p197"] .wz-blk-sub, html[data-pal="p197"] .sub_title h2.tit03, html[data-pal="p197"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p197"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p197"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p197"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p197"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p197"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p197"] .section-dark, html[data-pal="p197"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p197"] .section-dark2, html[data-pal="p197"] [class*="sec-dark2"] { background: #093580 !important; } /* ── p198 Lavender Dream (pastel light) ── */ html[data-pal="p198"] { --p: #D8B4FE; --fp: #4C1D95; --a1: #7C3AED; --a2: #A78BFA; --a3: #EDE9FE; --p2: #c09fe6; --p3: #a88bcd; --p-97: rgba(216,180,254,0.97); --p-60: rgba(216,180,254,0.6); --p-40: rgba(216,180,254,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#7C3AED; --submenu-bg: #ffffff; --a1-30:rgba(124,58,237,0.3); --a1-20:rgba(124,58,237,0.2); --a1-12:rgba(124,58,237,0.12); --point-color: #7C3AED; --txt-point-color: #7C3AED; --basic-color: #1a1a1a; --header-bg: #D8B4FE; --footer-bg: #4C1D95; --footer-text: #ffffff; --footer-border: rgba(124,58,237,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #4C1D95; --section-dark2: #3a1578; --nav-link: #111111; --nav-hover: #7C3AED; --border-color: rgba(124,58,237,0.25); --aside-bg: #7C3AED; --accent: #7C3AED; --wz-side-bg: #D8B4FE; --wz-side-text: #111111; --wz-side-hover-bg: #7C3AED; } html[data-pal="p198"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p198"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p198"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p198"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p198"] header.fixed .gnb_1da, html[data-pal="p198"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p198"] #gnb_all .gnb_panel { background: #f3effe !important; } html[data-pal="p198"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p198"] .sub_bg { background: linear-gradient(160deg, #4C1D95 0%, #2e1060 70%) !important; } html[data-pal="p198"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(76,29,149,0.6) 100%) !important; } html[data-pal="p198"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p198"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p198"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p198"] .sub_bc_btn.open, html[data-pal="p198"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p198"] #ft, html[data-pal="p198"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p198"] footer a, html[data-pal="p198"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p198"] footer a:hover, html[data-pal="p198"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p198"] .btn_submit, html[data-pal="p198"] button[type="submit"], html[data-pal="p198"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p198"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p198"] .wz-blk-sub, html[data-pal="p198"] .sub_title h2.tit03, html[data-pal="p198"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p198"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p198"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p198"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p198"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p198"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p198"] .section-dark, html[data-pal="p198"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p198"] .section-dark2, html[data-pal="p198"] [class*="sec-dark2"] { background: #3a1578 !important; } /* ── p199 Butter Yellow (pastel light) ── */ html[data-pal="p199"] { --p: #FFF3B0; --fp: #4A4000; --a1: #F4A261; --a2: #E9C46A; --a3: #FFF9DB; --p2: #e8da9d; --p3: #d0c08a; --p-97: rgba(255,243,176,0.97); --p-60: rgba(255,243,176,0.6); --p-40: rgba(255,243,176,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#F4A261; --submenu-bg: #ffffff; --a1-30:rgba(244,162,97,0.3); --a1-20:rgba(244,162,97,0.2); --a1-12:rgba(244,162,97,0.12); --point-color: #F4A261; --txt-point-color: #F4A261; --basic-color: #1a1a1a; --header-bg: #FFF3B0; --footer-bg: #4A4000; --footer-text: #ffffff; --footer-border: rgba(244,162,97,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #4A4000; --section-dark2: #333000; --nav-link: #111111; --nav-hover: #F4A261; --border-color: rgba(244,162,97,0.25); --aside-bg: #F4A261; --accent: #F4A261; --wz-side-bg: #FFF3B0; --wz-side-text: #111111; --wz-side-hover-bg: #F4A261; } html[data-pal="p199"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p199"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p199"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p199"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p199"] header.fixed .gnb_1da, html[data-pal="p199"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p199"] #gnb_all .gnb_panel { background: #fffbe8 !important; } html[data-pal="p199"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p199"] .sub_bg { background: linear-gradient(160deg, #4A4000 0%, #2e2800 70%) !important; } html[data-pal="p199"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(74,64,0,0.6) 100%) !important; } html[data-pal="p199"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p199"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p199"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p199"] .sub_bc_btn.open, html[data-pal="p199"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p199"] #ft, html[data-pal="p199"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p199"] footer a, html[data-pal="p199"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p199"] footer a:hover, html[data-pal="p199"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p199"] .btn_submit, html[data-pal="p199"] button[type="submit"], html[data-pal="p199"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p199"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p199"] .wz-blk-sub, html[data-pal="p199"] .sub_title h2.tit03, html[data-pal="p199"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p199"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p199"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p199"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p199"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p199"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p199"] .section-dark, html[data-pal="p199"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p199"] .section-dark2, html[data-pal="p199"] [class*="sec-dark2"] { background: #333000 !important; } /* ── p200 Blush Rose (pastel light) ── */ html[data-pal="p200"] { --p: #FECDD3; --fp: #881337; --a1: #E11D48; --a2: #FB7185; --a3: #FFF1F2; --p2: #e7bac0; --p3: #cfa6ac; --p-97: rgba(254,205,211,0.97); --p-60: rgba(254,205,211,0.6); --p-40: rgba(254,205,211,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#E11D48; --submenu-bg: #ffffff; --a1-30:rgba(225,29,72,0.3); --a1-20:rgba(225,29,72,0.2); --a1-12:rgba(225,29,72,0.12); --point-color: #E11D48; --txt-point-color: #E11D48; --basic-color: #1a1a1a; --header-bg: #FECDD3; --footer-bg: #881337; --footer-text: #ffffff; --footer-border: rgba(225,29,72,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #881337; --section-dark2: #6e0e2c; --nav-link: #111111; --nav-hover: #E11D48; --border-color: rgba(225,29,72,0.25); --aside-bg: #E11D48; --accent: #E11D48; --wz-side-bg: #FECDD3; --wz-side-text: #111111; --wz-side-hover-bg: #E11D48; } html[data-pal="p200"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p200"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p200"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p200"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p200"] header.fixed .gnb_1da, html[data-pal="p200"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p200"] #gnb_all .gnb_panel { background: #fff0f2 !important; } html[data-pal="p200"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p200"] .sub_bg { background: linear-gradient(160deg, #881337 0%, #5e0a24 70%) !important; } html[data-pal="p200"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(136,19,55,0.6) 100%) !important; } html[data-pal="p200"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p200"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p200"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p200"] .sub_bc_btn.open, html[data-pal="p200"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p200"] #ft, html[data-pal="p200"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p200"] footer a, html[data-pal="p200"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p200"] footer a:hover, html[data-pal="p200"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p200"] .btn_submit, html[data-pal="p200"] button[type="submit"], html[data-pal="p200"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p200"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p200"] .wz-blk-sub, html[data-pal="p200"] .sub_title h2.tit03, html[data-pal="p200"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p200"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p200"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p200"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p200"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p200"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p200"] .section-dark, html[data-pal="p200"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p200"] .section-dark2, html[data-pal="p200"] [class*="sec-dark2"] { background: #6e0e2c !important; } /* ── p201 Sage Whisper (pastel light) ── */ html[data-pal="p201"] { --p: #C5D5C5; --fp: #2D4A22; --a1: #4CAF50; --a2: #81C784; --a3: #F1F8E9; --p2: #b0bfb0; --p3: #9ba89b; --p-97: rgba(197,213,197,0.97); --p-60: rgba(197,213,197,0.6); --p-40: rgba(197,213,197,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#4CAF50; --submenu-bg: #ffffff; --a1-30:rgba(76,175,80,0.3); --a1-20:rgba(76,175,80,0.2); --a1-12:rgba(76,175,80,0.12); --point-color: #4CAF50; --txt-point-color: #4CAF50; --basic-color: #1a1a1a; --header-bg: #C5D5C5; --footer-bg: #2D4A22; --footer-text: #ffffff; --footer-border: rgba(76,175,80,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2D4A22; --section-dark2: #1e3317; --nav-link: #111111; --nav-hover: #4CAF50; --border-color: rgba(76,175,80,0.25); --aside-bg: #4CAF50; --accent: #4CAF50; --wz-side-bg: #C5D5C5; --wz-side-text: #111111; --wz-side-hover-bg: #4CAF50; } html[data-pal="p201"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p201"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p201"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p201"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p201"] header.fixed .gnb_1da, html[data-pal="p201"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p201"] #gnb_all .gnb_panel { background: #edf5ee !important; } html[data-pal="p201"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p201"] .sub_bg { background: linear-gradient(160deg, #2D4A22 0%, #1a3010 70%) !important; } html[data-pal="p201"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(45,74,34,0.6) 100%) !important; } html[data-pal="p201"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p201"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p201"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p201"] .sub_bc_btn.open, html[data-pal="p201"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p201"] #ft, html[data-pal="p201"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p201"] footer a, html[data-pal="p201"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p201"] footer a:hover, html[data-pal="p201"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p201"] .btn_submit, html[data-pal="p201"] button[type="submit"], html[data-pal="p201"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p201"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p201"] .wz-blk-sub, html[data-pal="p201"] .sub_title h2.tit03, html[data-pal="p201"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p201"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p201"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p201"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p201"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p201"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p201"] .section-dark, html[data-pal="p201"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p201"] .section-dark2, html[data-pal="p201"] [class*="sec-dark2"] { background: #1e3317 !important; } /* ── p202 Pearl White (light neutral) ── */ html[data-pal="p202"] { --p: #F0EDE8; --fp: #2C2C2C; --a1: #C9A96E; --a2: #DEC68E; --a3: #FAF7F2; --p2: #dad7d2; --p3: #c4c0bb; --p-97: rgba(240,237,232,0.97); --p-60: rgba(240,237,232,0.6); --p-40: rgba(240,237,232,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#C9A96E; --submenu-bg: #ffffff; --a1-30:rgba(201,169,110,0.3); --a1-20:rgba(201,169,110,0.2); --a1-12:rgba(201,169,110,0.12); --point-color: #C9A96E; --txt-point-color: #C9A96E; --basic-color: #1a1a1a; --header-bg: #F0EDE8; --footer-bg: #2C2C2C; --footer-text: #ffffff; --footer-border: rgba(201,169,110,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2C2C2C; --section-dark2: #1a1a1a; --nav-link: #111111; --nav-hover: #C9A96E; --border-color: rgba(201,169,110,0.25); --aside-bg: #C9A96E; --accent: #C9A96E; --wz-side-bg: #F0EDE8; --wz-side-text: #111111; --wz-side-hover-bg: #C9A96E; } html[data-pal="p202"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p202"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p202"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p202"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p202"] header.fixed .gnb_1da, html[data-pal="p202"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p202"] #gnb_all .gnb_panel { background: #f8f6f2 !important; } html[data-pal="p202"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p202"] .sub_bg { background: linear-gradient(160deg, #2C2C2C 0%, #141414 70%) !important; } html[data-pal="p202"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(44,44,44,0.6) 100%) !important; } html[data-pal="p202"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p202"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p202"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p202"] .sub_bc_btn.open, html[data-pal="p202"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p202"] #ft, html[data-pal="p202"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p202"] footer a, html[data-pal="p202"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p202"] footer a:hover, html[data-pal="p202"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p202"] .btn_submit, html[data-pal="p202"] button[type="submit"], html[data-pal="p202"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p202"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p202"] .wz-blk-sub, html[data-pal="p202"] .sub_title h2.tit03, html[data-pal="p202"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p202"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p202"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p202"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p202"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p202"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p202"] .section-dark, html[data-pal="p202"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p202"] .section-dark2, html[data-pal="p202"] [class*="sec-dark2"] { background: #1a1a1a !important; } /* ── p203 Powder Blue (pastel light) ── */ html[data-pal="p203"] { --p: #BAE0FF; --fp: #023E8A; --a1: #0077B6; --a2: #48CAE4; --a3: #EBF4FF; --p2: #a5caec; --p3: #8fb4d8; --p-97: rgba(186,224,255,0.97); --p-60: rgba(186,224,255,0.6); --p-40: rgba(186,224,255,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#0077B6; --submenu-bg: #ffffff; --a1-30:rgba(0,119,182,0.3); --a1-20:rgba(0,119,182,0.2); --a1-12:rgba(0,119,182,0.12); --point-color: #0077B6; --txt-point-color: #0077B6; --basic-color: #1a1a1a; --header-bg: #BAE0FF; --footer-bg: #023E8A; --footer-text: #ffffff; --footer-border: rgba(0,119,182,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #023E8A; --section-dark2: #012a60; --nav-link: #111111; --nav-hover: #0077B6; --border-color: rgba(0,119,182,0.25); --aside-bg: #0077B6; --accent: #0077B6; --wz-side-bg: #BAE0FF; --wz-side-text: #111111; --wz-side-hover-bg: #0077B6; } html[data-pal="p203"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.08) !important; } html[data-pal="p203"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p203"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p203"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p203"] header.fixed .gnb_1da, html[data-pal="p203"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p203"] #gnb_all .gnb_panel { background: #eef7ff !important; } html[data-pal="p203"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p203"] .sub_bg { background: linear-gradient(160deg, #023E8A 0%, #012566 70%) !important; } html[data-pal="p203"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(2,62,138,0.6) 100%) !important; } html[data-pal="p203"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p203"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p203"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p203"] .sub_bc_btn.open, html[data-pal="p203"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p203"] #ft, html[data-pal="p203"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p203"] footer a, html[data-pal="p203"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p203"] footer a:hover, html[data-pal="p203"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p203"] .btn_submit, html[data-pal="p203"] button[type="submit"], html[data-pal="p203"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p203"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p203"] .wz-blk-sub, html[data-pal="p203"] .sub_title h2.tit03, html[data-pal="p203"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p203"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p203"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p203"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p203"] #quick .quick_menu a i { color: var(--a2) !important; } html[data-pal="p203"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p203"] .section-dark, html[data-pal="p203"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p203"] .section-dark2, html[data-pal="p203"] [class*="sec-dark2"] { background: #012566 !important; } /* ── p204 Electric Violet (neon dark) ── */ html[data-pal="p204"] { --p: #3D0068; --fp: #1A002E; --a1: #ADFF2F; --a2: #C8FF65; --a3: #7B2FBE; --p2: #2d0050; --p3: #1e0038; --p-97: rgba(61,0,104,0.97); --p-60: rgba(61,0,104,0.6); --p-40: rgba(61,0,104,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#ADFF2F; --submenu-bg: #1e0038; --a1-30:rgba(173,255,47,0.3); --a1-20:rgba(173,255,47,0.2); --a1-12:rgba(173,255,47,0.12); --point-color: #ADFF2F; --txt-point-color: #ADFF2F; --basic-color: #f0f0f0; --header-bg: #3D0068; --footer-bg: #1A002E; --footer-text: #ffffff; --footer-border: rgba(173,255,47,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3D0068; --section-dark2: #2d0050; --nav-link: #ffffff; --nav-hover: #ADFF2F; --border-color: rgba(173,255,47,0.25); --aside-bg: #3D0068; --accent: #ADFF2F; --wz-side-bg: #3D0068; --wz-side-text: #ffffff; --wz-side-hover-bg: #ADFF2F; } html[data-pal="p204"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(173,255,47,0.2) !important; } html[data-pal="p204"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p204"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p204"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p204"] header.fixed .gnb_1da, html[data-pal="p204"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p204"] #gnb_all .gnb_panel { background: #2d0050 !important; } html[data-pal="p204"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p204"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p204"] .sub_bg { background: linear-gradient(160deg, #3D0068 0%, #1e0038 70%) !important; } html[data-pal="p204"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(61,0,104,0.6) 100%) !important; } html[data-pal="p204"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p204"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p204"] #submenu a { color: #ffffff !important; } html[data-pal="p204"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p204"] .sub_bc_btn.open, html[data-pal="p204"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p204"] #ft, html[data-pal="p204"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p204"] footer a, html[data-pal="p204"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p204"] footer a:hover, html[data-pal="p204"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p204"] .btn_submit, html[data-pal="p204"] button[type="submit"], html[data-pal="p204"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p204"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p204"] .wz-blk-sub, html[data-pal="p204"] .sub_title h2.tit03, html[data-pal="p204"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p204"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p204"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p204"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p204"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p204"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p204"] .section-dark, html[data-pal="p204"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p204"] .section-dark2, html[data-pal="p204"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p205 Neon Coral (neon dark) ── */ html[data-pal="p205"] { --p: #2D0057; --fp: #14022A; --a1: #FF6B6B; --a2: #FF8E8E; --a3: #FF4757; --p2: #1f003d; --p3: #120024; --p-97: rgba(45,0,87,0.97); --p-60: rgba(45,0,87,0.6); --p-40: rgba(45,0,87,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF6B6B; --submenu-bg: #1f003d; --a1-30:rgba(255,107,107,0.3); --a1-20:rgba(255,107,107,0.2); --a1-12:rgba(255,107,107,0.12); --point-color: #FF6B6B; --txt-point-color: #FF6B6B; --basic-color: #f0f0f0; --header-bg: #2D0057; --footer-bg: #14022A; --footer-text: #ffffff; --footer-border: rgba(255,107,107,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2D0057; --section-dark2: #1f003d; --nav-link: #ffffff; --nav-hover: #FF6B6B; --border-color: rgba(255,107,107,0.25); --aside-bg: #2D0057; --accent: #FF6B6B; --wz-side-bg: #2D0057; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF6B6B; } html[data-pal="p205"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(255,107,107,0.15) !important; } html[data-pal="p205"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p205"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p205"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p205"] header.fixed .gnb_1da, html[data-pal="p205"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p205"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p205"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p205"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p205"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p205"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p205"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p205"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p205"] #submenu a { color: #ffffff !important; } html[data-pal="p205"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p205"] .sub_bc_btn.open, html[data-pal="p205"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p205"] #ft, html[data-pal="p205"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p205"] footer a, html[data-pal="p205"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p205"] footer a:hover, html[data-pal="p205"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p205"] .btn_submit, html[data-pal="p205"] button[type="submit"], html[data-pal="p205"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p205"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p205"] .wz-blk-sub, html[data-pal="p205"] .sub_title h2.tit03, html[data-pal="p205"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p205"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p205"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p205"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p205"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p205"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p205"] .section-dark, html[data-pal="p205"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p205"] .section-dark2, html[data-pal="p205"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p206 Cyber Teal (neon dark) ── */ html[data-pal="p206"] { --p: #003153; --fp: #001F35; --a1: #FF1493; --a2: #FF69B4; --a3: #00F5D4; --p2: #002040; --p3: #00102d; --p-97: rgba(0,49,83,0.97); --p-60: rgba(0,49,83,0.6); --p-40: rgba(0,49,83,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF1493; --submenu-bg: #002040; --a1-30:rgba(255,20,147,0.3); --a1-20:rgba(255,20,147,0.2); --a1-12:rgba(255,20,147,0.12); --point-color: #FF1493; --txt-point-color: #FF1493; --basic-color: #f0f0f0; --header-bg: #003153; --footer-bg: #001F35; --footer-text: #ffffff; --footer-border: rgba(255,20,147,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #003153; --section-dark2: #002040; --nav-link: #ffffff; --nav-hover: #FF1493; --border-color: rgba(0,245,212,0.25); --aside-bg: #003153; --accent: #FF1493; --wz-side-bg: #003153; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF1493; } html[data-pal="p206"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,245,212,0.15) !important; } html[data-pal="p206"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p206"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p206"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p206"] header.fixed .gnb_1da, html[data-pal="p206"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p206"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p206"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p206"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p206"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p206"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p206"] .sub_bg h2 .sub-title { color: var(--a3) !important; } html[data-pal="p206"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p206"] #submenu a { color: #ffffff !important; } html[data-pal="p206"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p206"] .sub_bc_btn.open, html[data-pal="p206"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p206"] #ft, html[data-pal="p206"] footer { background: var(--fp) !important; border-top: 2px solid rgba(0,245,212,0.12) !important; color: var(--ft-ht) !important; } html[data-pal="p206"] footer a, html[data-pal="p206"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p206"] footer a:hover, html[data-pal="p206"] #ft a:hover { color: var(--a3) !important; opacity: 1; } html[data-pal="p206"] .btn_submit, html[data-pal="p206"] button[type="submit"], html[data-pal="p206"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p206"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p206"] .wz-blk-sub, html[data-pal="p206"] .sub_title h2.tit03, html[data-pal="p206"] .wz-pm-desc { color: var(--a3) !important; } html[data-pal="p206"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p206"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p206"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p206"] #quick .quick_menu a i { color: var(--a3) !important; } html[data-pal="p206"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p206"] .section-dark, html[data-pal="p206"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p206"] .section-dark2, html[data-pal="p206"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p207 Electric Blue (neon dark) ── */ html[data-pal="p207"] { --p: #001F54; --fp: #000E28; --a1: #FF6B35; --a2: #FF8C61; --a3: #0066FF; --p2: #001240; --p3: #00082c; --p-97: rgba(0,31,84,0.97); --p-60: rgba(0,31,84,0.6); --p-40: rgba(0,31,84,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF6B35; --submenu-bg: #001240; --a1-30:rgba(255,107,53,0.3); --a1-20:rgba(255,107,53,0.2); --a1-12:rgba(255,107,53,0.12); --point-color: #FF6B35; --txt-point-color: #FF6B35; --basic-color: #f0f0f0; --header-bg: #001F54; --footer-bg: #000E28; --footer-text: #ffffff; --footer-border: rgba(255,107,53,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #001F54; --section-dark2: #001240; --nav-link: #ffffff; --nav-hover: #FF6B35; --border-color: rgba(0,102,255,0.25); --aside-bg: #001F54; --accent: #FF6B35; --wz-side-bg: #001F54; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF6B35; } html[data-pal="p207"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,102,255,0.2) !important; } html[data-pal="p207"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p207"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p207"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p207"] header.fixed .gnb_1da, html[data-pal="p207"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p207"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p207"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p207"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p207"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p207"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p207"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p207"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p207"] #submenu a { color: #ffffff !important; } html[data-pal="p207"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p207"] .sub_bc_btn.open, html[data-pal="p207"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p207"] #ft, html[data-pal="p207"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p207"] footer a, html[data-pal="p207"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p207"] footer a:hover, html[data-pal="p207"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p207"] .btn_submit, html[data-pal="p207"] button[type="submit"], html[data-pal="p207"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p207"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p207"] .wz-blk-sub, html[data-pal="p207"] .sub_title h2.tit03, html[data-pal="p207"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p207"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p207"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p207"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p207"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p207"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p207"] .section-dark, html[data-pal="p207"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p207"] .section-dark2, html[data-pal="p207"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p208 Aurora Borealis (neon dark) ── */ html[data-pal="p208"] { --p: #0D1B3E; --fp: #060E22; --a1: #00D4FF; --a2: #00B4D8; --a3: #7B2FBE; --p2: #071228; --p3: #030812; --p-97: rgba(13,27,62,0.97); --p-60: rgba(13,27,62,0.6); --p-40: rgba(13,27,62,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#00D4FF; --submenu-bg: #071228; --a1-30:rgba(0,212,255,0.3); --a1-20:rgba(0,212,255,0.2); --a1-12:rgba(0,212,255,0.12); --point-color: #00D4FF; --txt-point-color: #00D4FF; --basic-color: #f0f0f0; --header-bg: #0D1B3E; --footer-bg: #060E22; --footer-text: #ffffff; --footer-border: rgba(0,212,255,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D1B3E; --section-dark2: #071228; --nav-link: #ffffff; --nav-hover: #00D4FF; --border-color: rgba(123,47,190,0.25); --aside-bg: #0D1B3E; --accent: #00D4FF; --wz-side-bg: #0D1B3E; --wz-side-text: #ffffff; --wz-side-hover-bg: #00D4FF; } html[data-pal="p208"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,212,255,0.15) !important; } html[data-pal="p208"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p208"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p208"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p208"] header.fixed .gnb_1da, html[data-pal="p208"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p208"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p208"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p208"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p208"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p208"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p208"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p208"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p208"] #submenu a { color: #ffffff !important; } html[data-pal="p208"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p208"] .sub_bc_btn.open, html[data-pal="p208"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p208"] #ft, html[data-pal="p208"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p208"] footer a, html[data-pal="p208"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p208"] footer a:hover, html[data-pal="p208"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p208"] .btn_submit, html[data-pal="p208"] button[type="submit"], html[data-pal="p208"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p208"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p208"] .wz-blk-sub, html[data-pal="p208"] .sub_title h2.tit03, html[data-pal="p208"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p208"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p208"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p208"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p208"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p208"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p208"] .section-dark, html[data-pal="p208"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p208"] .section-dark2, html[data-pal="p208"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p209 Cyber Yellow (neon dark) ── */ html[data-pal="p209"] { --p: #0A0A0A; --fp: #141400; --a1: #FFEA00; --a2: #FFD600; --a3: #F5C500; --p2: #050505; --p3: #020202; --p-97: rgba(10,10,10,0.97); --p-60: rgba(10,10,10,0.6); --p-40: rgba(10,10,10,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFEA00; --submenu-bg: #050505; --a1-30:rgba(255,234,0,0.3); --a1-20:rgba(255,234,0,0.2); --a1-12:rgba(255,234,0,0.12); --point-color: #FFEA00; --txt-point-color: #FFEA00; --basic-color: #f0f0f0; --header-bg: #0A0A0A; --footer-bg: #141400; --footer-text: #ffffff; --footer-border: rgba(255,234,0,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0A0A0A; --section-dark2: #050505; --nav-link: #ffffff; --nav-hover: #FFEA00; --border-color: rgba(255,234,0,0.25); --aside-bg: #0A0A0A; --accent: #FFEA00; --wz-side-bg: #0A0A0A; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFEA00; } html[data-pal="p209"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(255,234,0,0.15) !important; } html[data-pal="p209"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p209"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p209"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p209"] header.fixed .gnb_1da, html[data-pal="p209"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p209"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p209"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p209"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p209"] .sub_bg { background: linear-gradient(160deg, #1a1a00 0%, #0a0a00 70%) !important; } html[data-pal="p209"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(10,10,10,0.6) 100%) !important; } html[data-pal="p209"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p209"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p209"] #submenu a { color: #ffffff !important; } html[data-pal="p209"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p209"] .sub_bc_btn.open, html[data-pal="p209"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p209"] #ft, html[data-pal="p209"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p209"] footer a, html[data-pal="p209"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p209"] footer a:hover, html[data-pal="p209"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p209"] .btn_submit, html[data-pal="p209"] button[type="submit"], html[data-pal="p209"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p209"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p209"] .wz-blk-sub, html[data-pal="p209"] .sub_title h2.tit03, html[data-pal="p209"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p209"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p209"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p209"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p209"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p209"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p209"] .section-dark, html[data-pal="p209"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p209"] .section-dark2, html[data-pal="p209"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p210 Matrix Green (neon dark) ── */ html[data-pal="p210"] { --p: #001100; --fp: #000800; --a1: #00FF41; --a2: #69FF47; --a3: #00CC33; --p2: #000a00; --p3: #000500; --p-97: rgba(0,17,0,0.97); --p-60: rgba(0,17,0,0.6); --p-40: rgba(0,17,0,0.4); --a1t: #111111; --a2t: #111111; --ht: #00FF41; --ft-ht:#00FF41; --nav: #00FF41; --nav-h:#69FF47; --submenu-bg: #000a00; --a1-30:rgba(0,255,65,0.3); --a1-20:rgba(0,255,65,0.2); --a1-12:rgba(0,255,65,0.12); --point-color: #00FF41; --txt-point-color: #00FF41; --basic-color: #f0f0f0; --header-bg: #001100; --footer-bg: #000800; --footer-text: #00FF41; --footer-border: rgba(0,255,65,0.12); --footer-sub-text: rgba(0,255,65,0.6); --section-dark: #001100; --section-dark2: #000a00; --nav-link: #00FF41; --nav-hover: #69FF47; --border-color: rgba(0,255,65,0.25); --aside-bg: #001100; --accent: #00FF41; --wz-side-bg: #001100; --wz-side-text: #00FF41; --wz-side-hover-bg: #00CC33; } html[data-pal="p210"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,255,65,0.2) !important; } html[data-pal="p210"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p210"] .gnb_1da:hover { color: var(--a2) !important; } html[data-pal="p210"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p210"] header.fixed .gnb_1da, html[data-pal="p210"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p210"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p210"] #gnb_all .gnb_panel a { color: var(--a1) !important; } html[data-pal="p210"] #gnb_all .gnb_panel a:hover { color: var(--a2) !important; } html[data-pal="p210"] .sub_bg { background: linear-gradient(160deg, #002200 0%, #000a00 70%) !important; } html[data-pal="p210"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(0,17,0,0.6) 100%) !important; } html[data-pal="p210"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p210"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p210"] #submenu a { color: var(--a1) !important; } html[data-pal="p210"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p210"] .sub_bc_btn.open, html[data-pal="p210"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p210"] #ft, html[data-pal="p210"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p210"] footer a, html[data-pal="p210"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p210"] footer a:hover, html[data-pal="p210"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p210"] .btn_submit, html[data-pal="p210"] button[type="submit"], html[data-pal="p210"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p210"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p210"] .wz-blk-sub, html[data-pal="p210"] .sub_title h2.tit03, html[data-pal="p210"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p210"] .wz-side-btn__item { background: var(--p) !important; color: var(--a1) !important; } html[data-pal="p210"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p210"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p210"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p210"] .property-container .category { background: var(--p) !important; color: var(--a1) !important; } html[data-pal="p210"] .section-dark, html[data-pal="p210"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p210"] .section-dark2, html[data-pal="p210"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p211 Warm Ivory (light neutral) ── */ html[data-pal="p211"] { --p: #FAF3E0; --fp: #2C2416; --a1: #D4A017; --a2: #E8BC45; --a3: #FFFBF0; --p2: #e8e0cc; --p3: #d4ccb8; --p-97: rgba(250,243,224,0.97); --p-60: rgba(250,243,224,0.6); --p-40: rgba(250,243,224,0.4); --a1t: #111111; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#D4A017; --submenu-bg: #ffffff; --a1-30:rgba(212,160,23,0.3); --a1-20:rgba(212,160,23,0.2); --a1-12:rgba(212,160,23,0.12); --point-color: #D4A017; --txt-point-color: #D4A017; --basic-color: #1a1a1a; --header-bg: #FAF3E0; --footer-bg: #2C2416; --footer-text: #ffffff; --footer-border: rgba(212,160,23,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2C2416; --section-dark2: #1a150c; --nav-link: #111111; --nav-hover: #D4A017; --border-color: rgba(212,160,23,0.25); --aside-bg: #FAF3E0; --accent: #D4A017; --wz-side-bg: #FAF3E0; --wz-side-text: #111111; --wz-side-hover-bg: #D4A017; } html[data-pal="p211"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p211"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p211"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p211"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p211"] header.fixed .gnb_1da, html[data-pal="p211"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p211"] #gnb_all .gnb_panel { background: #f5eed8 !important; } html[data-pal="p211"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p211"] .sub_bg { background: linear-gradient(160deg, #2C2416 0%, #1a150c 70%) !important; } html[data-pal="p211"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(44,36,22,0.6) 100%) !important; } html[data-pal="p211"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p211"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p211"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p211"] .sub_bc_btn.open, html[data-pal="p211"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p211"] #ft, html[data-pal="p211"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p211"] footer a, html[data-pal="p211"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p211"] footer a:hover, html[data-pal="p211"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p211"] .btn_submit, html[data-pal="p211"] button[type="submit"], html[data-pal="p211"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p211"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p211"] .wz-blk-sub, html[data-pal="p211"] .sub_title h2.tit03, html[data-pal="p211"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p211"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p211"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p211"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p211"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p211"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p211"] .section-dark, html[data-pal="p211"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p211"] .section-dark2, html[data-pal="p211"] [class*="sec-dark2"] { background: #1a150c !important; } /* ── p212 Ash Light (light neutral) ── */ html[data-pal="p212"] { --p: #E8E8E8; --fp: #2D2D2D; --a1: #546E7A; --a2: #78909C; --a3: #F5F5F5; --p2: #d0d0d0; --p3: #b8b8b8; --p-97: rgba(232,232,232,0.97); --p-60: rgba(232,232,232,0.6); --p-40: rgba(232,232,232,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#546E7A; --submenu-bg: #ffffff; --a1-30:rgba(84,110,122,0.3); --a1-20:rgba(84,110,122,0.2); --a1-12:rgba(84,110,122,0.12); --point-color: #546E7A; --txt-point-color: #546E7A; --basic-color: #1a1a1a; --header-bg: #E8E8E8; --footer-bg: #2D2D2D; --footer-text: #ffffff; --footer-border: rgba(84,110,122,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2D2D2D; --section-dark2: #1a1a1a; --nav-link: #111111; --nav-hover: #546E7A; --border-color: rgba(84,110,122,0.25); --aside-bg: #E8E8E8; --accent: #546E7A; --wz-side-bg: #E8E8E8; --wz-side-text: #111111; --wz-side-hover-bg: #546E7A; } html[data-pal="p212"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p212"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p212"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p212"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p212"] header.fixed .gnb_1da, html[data-pal="p212"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p212"] #gnb_all .gnb_panel { background: #f0f0f0 !important; } html[data-pal="p212"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p212"] .sub_bg { background: linear-gradient(160deg, #2D2D2D 0%, #111111 70%) !important; } html[data-pal="p212"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(45,45,45,0.6) 100%) !important; } html[data-pal="p212"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p212"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p212"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p212"] .sub_bc_btn.open, html[data-pal="p212"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p212"] #ft, html[data-pal="p212"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p212"] footer a, html[data-pal="p212"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p212"] footer a:hover, html[data-pal="p212"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p212"] .btn_submit, html[data-pal="p212"] button[type="submit"], html[data-pal="p212"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p212"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p212"] .wz-blk-sub, html[data-pal="p212"] .sub_title h2.tit03, html[data-pal="p212"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p212"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p212"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p212"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p212"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p212"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p212"] .section-dark, html[data-pal="p212"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p212"] .section-dark2, html[data-pal="p212"] [class*="sec-dark2"] { background: #1a1a1a !important; } /* ── p213 Sand Dune (light neutral) ── */ html[data-pal="p213"] { --p: #E8DCC8; --fp: #3D2E1E; --a1: #B07D4C; --a2: #C99B6D; --a3: #F5EDD8; --p2: #d3c7b2; --p3: #bcb09c; --p-97: rgba(232,220,200,0.97); --p-60: rgba(232,220,200,0.6); --p-40: rgba(232,220,200,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#B07D4C; --submenu-bg: #ffffff; --a1-30:rgba(176,125,76,0.3); --a1-20:rgba(176,125,76,0.2); --a1-12:rgba(176,125,76,0.12); --point-color: #B07D4C; --txt-point-color: #B07D4C; --basic-color: #1a1a1a; --header-bg: #E8DCC8; --footer-bg: #3D2E1E; --footer-text: #ffffff; --footer-border: rgba(176,125,76,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3D2E1E; --section-dark2: #2a1f12; --nav-link: #111111; --nav-hover: #B07D4C; --border-color: rgba(176,125,76,0.25); --aside-bg: #E8DCC8; --accent: #B07D4C; --wz-side-bg: #E8DCC8; --wz-side-text: #111111; --wz-side-hover-bg: #B07D4C; } html[data-pal="p213"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p213"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p213"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p213"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p213"] header.fixed .gnb_1da, html[data-pal="p213"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p213"] #gnb_all .gnb_panel { background: #f0e8d8 !important; } html[data-pal="p213"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p213"] .sub_bg { background: linear-gradient(160deg, #3D2E1E 0%, #2a1f12 70%) !important; } html[data-pal="p213"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(61,46,30,0.6) 100%) !important; } html[data-pal="p213"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p213"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p213"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p213"] .sub_bc_btn.open, html[data-pal="p213"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p213"] #ft, html[data-pal="p213"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p213"] footer a, html[data-pal="p213"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p213"] footer a:hover, html[data-pal="p213"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p213"] .btn_submit, html[data-pal="p213"] button[type="submit"], html[data-pal="p213"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p213"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p213"] .wz-blk-sub, html[data-pal="p213"] .sub_title h2.tit03, html[data-pal="p213"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p213"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p213"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p213"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p213"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p213"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p213"] .section-dark, html[data-pal="p213"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p213"] .section-dark2, html[data-pal="p213"] [class*="sec-dark2"] { background: #2a1f12 !important; } /* ── p214 Misty Rose (light pastel) ── */ html[data-pal="p214"] { --p: #FCE4EC; --fp: #880E4F; --a1: #E91E63; --a2: #F06292; --a3: #FFF0F4; --p2: #e7d0d7; --p3: #d0bcc2; --p-97: rgba(252,228,236,0.97); --p-60: rgba(252,228,236,0.6); --p-40: rgba(252,228,236,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#E91E63; --submenu-bg: #ffffff; --a1-30:rgba(233,30,99,0.3); --a1-20:rgba(233,30,99,0.2); --a1-12:rgba(233,30,99,0.12); --point-color: #E91E63; --txt-point-color: #E91E63; --basic-color: #1a1a1a; --header-bg: #FCE4EC; --footer-bg: #880E4F; --footer-text: #ffffff; --footer-border: rgba(233,30,99,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #880E4F; --section-dark2: #600a38; --nav-link: #111111; --nav-hover: #E91E63; --border-color: rgba(233,30,99,0.25); --aside-bg: #FCE4EC; --accent: #E91E63; --wz-side-bg: #FCE4EC; --wz-side-text: #111111; --wz-side-hover-bg: #E91E63; } html[data-pal="p214"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p214"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p214"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p214"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p214"] header.fixed .gnb_1da, html[data-pal="p214"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p214"] #gnb_all .gnb_panel { background: #fff0f4 !important; } html[data-pal="p214"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p214"] .sub_bg { background: linear-gradient(160deg, #880E4F 0%, #600a38 70%) !important; } html[data-pal="p214"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(136,14,79,0.6) 100%) !important; } html[data-pal="p214"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p214"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p214"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p214"] .sub_bc_btn.open, html[data-pal="p214"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p214"] #ft, html[data-pal="p214"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p214"] footer a, html[data-pal="p214"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p214"] footer a:hover, html[data-pal="p214"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p214"] .btn_submit, html[data-pal="p214"] button[type="submit"], html[data-pal="p214"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p214"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p214"] .wz-blk-sub, html[data-pal="p214"] .sub_title h2.tit03, html[data-pal="p214"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p214"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p214"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p214"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p214"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p214"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p214"] .section-dark, html[data-pal="p214"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p214"] .section-dark2, html[data-pal="p214"] [class*="sec-dark2"] { background: #600a38 !important; } /* ── p215 Snow White (light neutral) ── */ html[data-pal="p215"] { --p: #FAFAFA; --fp: #212121; --a1: #FF5722; --a2: #FF7043; --a3: #FFF8F5; --p2: #e8e8e8; --p3: #d5d5d5; --p-97: rgba(250,250,250,0.97); --p-60: rgba(250,250,250,0.6); --p-40: rgba(250,250,250,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FF5722; --submenu-bg: #ffffff; --a1-30:rgba(255,87,34,0.3); --a1-20:rgba(255,87,34,0.2); --a1-12:rgba(255,87,34,0.12); --point-color: #FF5722; --txt-point-color: #FF5722; --basic-color: #1a1a1a; --header-bg: #FAFAFA; --footer-bg: #212121; --footer-text: #ffffff; --footer-border: rgba(255,87,34,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #212121; --section-dark2: #111111; --nav-link: #111111; --nav-hover: #FF5722; --border-color: rgba(255,87,34,0.25); --aside-bg: #FAFAFA; --accent: #FF5722; --wz-side-bg: #FAFAFA; --wz-side-text: #111111; --wz-side-hover-bg: #FF5722; } html[data-pal="p215"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 20px rgba(0,0,0,0.08) !important; } html[data-pal="p215"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p215"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p215"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p215"] header.fixed .gnb_1da, html[data-pal="p215"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p215"] #gnb_all .gnb_panel { background: #f5f5f5 !important; } html[data-pal="p215"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p215"] .sub_bg { background: linear-gradient(160deg, #212121 0%, #0a0a0a 70%) !important; } html[data-pal="p215"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(33,33,33,0.6) 100%) !important; } html[data-pal="p215"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p215"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p215"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p215"] .sub_bc_btn.open, html[data-pal="p215"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p215"] #ft, html[data-pal="p215"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p215"] footer a, html[data-pal="p215"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p215"] footer a:hover, html[data-pal="p215"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p215"] .btn_submit, html[data-pal="p215"] button[type="submit"], html[data-pal="p215"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p215"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p215"] .wz-blk-sub, html[data-pal="p215"] .sub_title h2.tit03, html[data-pal="p215"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p215"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p215"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p215"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p215"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p215"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p215"] .section-dark, html[data-pal="p215"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p215"] .section-dark2, html[data-pal="p215"] [class*="sec-dark2"] { background: #111111 !important; } /* ── p216 Midnight Navy Gold (dark refined) ── */ html[data-pal="p216"] { --p: #0F1B35; --fp: #0A1020; --a1: #C9A96E; --a2: #E8C97E; --a3: #1E2D50; --p2: #0a1225; --p3: #050915; --p-97: rgba(15,27,53,0.97); --p-60: rgba(15,27,53,0.6); --p-40: rgba(15,27,53,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#C9A96E; --submenu-bg: #ffffff; --a1-30:rgba(201,169,110,0.3); --a1-20:rgba(201,169,110,0.2); --a1-12:rgba(201,169,110,0.12); --point-color: #C9A96E; --txt-point-color: #C9A96E; --basic-color: #f0f0f0; --header-bg: #0F1B35; --footer-bg: #0A1020; --footer-text: #ffffff; --footer-border: rgba(201,169,110,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0F1B35; --section-dark2: #0a1225; --nav-link: #ffffff; --nav-hover: #C9A96E; --border-color: rgba(201,169,110,0.25); --aside-bg: #0F1B35; --accent: #C9A96E; --wz-side-bg: #0F1B35; --wz-side-text: #ffffff; --wz-side-hover-bg: #C9A96E; } html[data-pal="p216"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(201,169,110,0.15) !important; } html[data-pal="p216"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p216"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p216"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p216"] header.fixed .gnb_1da, html[data-pal="p216"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p216"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p216"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p216"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p216"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p216"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p216"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p216"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p216"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p216"] .sub_bc_btn.open, html[data-pal="p216"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p216"] #ft, html[data-pal="p216"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p216"] footer a, html[data-pal="p216"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p216"] footer a:hover, html[data-pal="p216"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p216"] .btn_submit, html[data-pal="p216"] button[type="submit"], html[data-pal="p216"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p216"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p216"] .wz-blk-sub, html[data-pal="p216"] .sub_title h2.tit03, html[data-pal="p216"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p216"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p216"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p216"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p216"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p216"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p216"] .section-dark, html[data-pal="p216"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p216"] .section-dark2, html[data-pal="p216"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p217 Slate Coral (dark refined) ── */ html[data-pal="p217"] { --p: #2D3748; --fp: #1A202C; --a1: #FC8181; --a2: #FEB2B2; --a3: #4A5568; --p2: #1f2838; --p3: #121926; --p-97: rgba(45,55,72,0.97); --p-60: rgba(45,55,72,0.6); --p-40: rgba(45,55,72,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FC8181; --submenu-bg: #ffffff; --a1-30:rgba(252,129,129,0.3); --a1-20:rgba(252,129,129,0.2); --a1-12:rgba(252,129,129,0.12); --point-color: #FC8181; --txt-point-color: #FC8181; --basic-color: #f0f0f0; --header-bg: #2D3748; --footer-bg: #1A202C; --footer-text: #ffffff; --footer-border: rgba(252,129,129,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2D3748; --section-dark2: #1f2838; --nav-link: #ffffff; --nav-hover: #FC8181; --border-color: rgba(252,129,129,0.25); --aside-bg: #2D3748; --accent: #FC8181; --wz-side-bg: #2D3748; --wz-side-text: #ffffff; --wz-side-hover-bg: #FC8181; } html[data-pal="p217"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.2) !important; } html[data-pal="p217"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p217"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p217"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p217"] header.fixed .gnb_1da, html[data-pal="p217"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p217"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p217"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p217"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p217"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p217"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p217"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p217"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p217"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p217"] .sub_bc_btn.open, html[data-pal="p217"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p217"] #ft, html[data-pal="p217"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p217"] footer a, html[data-pal="p217"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p217"] footer a:hover, html[data-pal="p217"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p217"] .btn_submit, html[data-pal="p217"] button[type="submit"], html[data-pal="p217"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p217"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p217"] .wz-blk-sub, html[data-pal="p217"] .sub_title h2.tit03, html[data-pal="p217"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p217"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p217"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p217"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p217"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p217"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p217"] .section-dark, html[data-pal="p217"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p217"] .section-dark2, html[data-pal="p217"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p218 Forest Mint (dark) ── */ html[data-pal="p218"] { --p: #1A3A2A; --fp: #0F2218; --a1: #4CD964; --a2: #7AE88C; --a3: #2E5C41; --p2: #102a1a; --p3: #081a0a; --p-97: rgba(26,58,42,0.97); --p-60: rgba(26,58,42,0.6); --p-40: rgba(26,58,42,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#4CD964; --submenu-bg: #ffffff; --a1-30:rgba(76,217,100,0.3); --a1-20:rgba(76,217,100,0.2); --a1-12:rgba(76,217,100,0.12); --point-color: #4CD964; --txt-point-color: #4CD964; --basic-color: #f0f0f0; --header-bg: #1A3A2A; --footer-bg: #0F2218; --footer-text: #ffffff; --footer-border: rgba(76,217,100,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1A3A2A; --section-dark2: #102a1a; --nav-link: #ffffff; --nav-hover: #4CD964; --border-color: rgba(76,217,100,0.25); --aside-bg: #1A3A2A; --accent: #4CD964; --wz-side-bg: #1A3A2A; --wz-side-text: #ffffff; --wz-side-hover-bg: #4CD964; } html[data-pal="p218"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(76,217,100,0.1) !important; } html[data-pal="p218"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p218"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p218"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p218"] header.fixed .gnb_1da, html[data-pal="p218"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p218"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p218"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p218"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p218"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p218"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p218"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p218"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p218"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p218"] .sub_bc_btn.open, html[data-pal="p218"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p218"] #ft, html[data-pal="p218"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p218"] footer a, html[data-pal="p218"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p218"] footer a:hover, html[data-pal="p218"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p218"] .btn_submit, html[data-pal="p218"] button[type="submit"], html[data-pal="p218"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p218"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p218"] .wz-blk-sub, html[data-pal="p218"] .sub_title h2.tit03, html[data-pal="p218"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p218"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p218"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p218"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p218"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p218"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p218"] .section-dark, html[data-pal="p218"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p218"] .section-dark2, html[data-pal="p218"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p219 Burgundy Cream (dark) ── */ html[data-pal="p219"] { --p: #5C1B2A; --fp: #3D0F1A; --a1: #F5D5B8; --a2: #FAE5CC; --a3: #7A2535; --p2: #4a1522; --p3: #380f1a; --p-97: rgba(92,27,42,0.97); --p-60: rgba(92,27,42,0.6); --p-40: rgba(92,27,42,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#F5D5B8; --submenu-bg: #ffffff; --a1-30:rgba(245,213,184,0.3); --a1-20:rgba(245,213,184,0.2); --a1-12:rgba(245,213,184,0.12); --point-color: #F5D5B8; --txt-point-color: #F5D5B8; --basic-color: #f0f0f0; --header-bg: #5C1B2A; --footer-bg: #3D0F1A; --footer-text: #ffffff; --footer-border: rgba(245,213,184,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #5C1B2A; --section-dark2: #4a1522; --nav-link: #ffffff; --nav-hover: #F5D5B8; --border-color: rgba(245,213,184,0.25); --aside-bg: #5C1B2A; --accent: #F5D5B8; --wz-side-bg: #5C1B2A; --wz-side-text: #ffffff; --wz-side-hover-bg: #F5D5B8; } html[data-pal="p219"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.2) !important; } html[data-pal="p219"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p219"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p219"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p219"] header.fixed .gnb_1da, html[data-pal="p219"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p219"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p219"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p219"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p219"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p219"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p219"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p219"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p219"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p219"] .sub_bc_btn.open, html[data-pal="p219"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p219"] #ft, html[data-pal="p219"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p219"] footer a, html[data-pal="p219"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p219"] footer a:hover, html[data-pal="p219"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p219"] .btn_submit, html[data-pal="p219"] button[type="submit"], html[data-pal="p219"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p219"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p219"] .wz-blk-sub, html[data-pal="p219"] .sub_title h2.tit03, html[data-pal="p219"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p219"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p219"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p219"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p219"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p219"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p219"] .section-dark, html[data-pal="p219"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p219"] .section-dark2, html[data-pal="p219"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p220 Teal Amber (dark) ── */ html[data-pal="p220"] { --p: #0D4A4A; --fp: #062E2E; --a1: #FFB74D; --a2: #FFCC80; --a3: #1A7070; --p2: #083535; --p3: #042020; --p-97: rgba(13,74,74,0.97); --p-60: rgba(13,74,74,0.6); --p-40: rgba(13,74,74,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFB74D; --submenu-bg: #ffffff; --a1-30:rgba(255,183,77,0.3); --a1-20:rgba(255,183,77,0.2); --a1-12:rgba(255,183,77,0.12); --point-color: #FFB74D; --txt-point-color: #FFB74D; --basic-color: #f0f0f0; --header-bg: #0D4A4A; --footer-bg: #062E2E; --footer-text: #ffffff; --footer-border: rgba(255,183,77,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #0D4A4A; --section-dark2: #083535; --nav-link: #ffffff; --nav-hover: #FFB74D; --border-color: rgba(255,183,77,0.25); --aside-bg: #0D4A4A; --accent: #FFB74D; --wz-side-bg: #0D4A4A; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFB74D; } html[data-pal="p220"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(255,183,77,0.1) !important; } html[data-pal="p220"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p220"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p220"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p220"] header.fixed .gnb_1da, html[data-pal="p220"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p220"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p220"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p220"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p220"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p220"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p220"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p220"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p220"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p220"] .sub_bc_btn.open, html[data-pal="p220"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p220"] #ft, html[data-pal="p220"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p220"] footer a, html[data-pal="p220"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p220"] footer a:hover, html[data-pal="p220"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p220"] .btn_submit, html[data-pal="p220"] button[type="submit"], html[data-pal="p220"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p220"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p220"] .wz-blk-sub, html[data-pal="p220"] .sub_title h2.tit03, html[data-pal="p220"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p220"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p220"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p220"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p220"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p220"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p220"] .section-dark, html[data-pal="p220"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p220"] .section-dark2, html[data-pal="p220"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p221 Espresso Turquoise (dark) ── */ html[data-pal="p221"] { --p: #2C1810; --fp: #1A0E0A; --a1: #1ECAD7; --a2: #5ED8E0; --a3: #4A2A1C; --p2: #1e0e08; --p3: #100500; --p-97: rgba(44,24,16,0.97); --p-60: rgba(44,24,16,0.6); --p-40: rgba(44,24,16,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#1ECAD7; --submenu-bg: #ffffff; --a1-30:rgba(30,202,215,0.3); --a1-20:rgba(30,202,215,0.2); --a1-12:rgba(30,202,215,0.12); --point-color: #1ECAD7; --txt-point-color: #1ECAD7; --basic-color: #f0f0f0; --header-bg: #2C1810; --footer-bg: #1A0E0A; --footer-text: #ffffff; --footer-border: rgba(30,202,215,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2C1810; --section-dark2: #1e0e08; --nav-link: #ffffff; --nav-hover: #1ECAD7; --border-color: rgba(30,202,215,0.25); --aside-bg: #2C1810; --accent: #1ECAD7; --wz-side-bg: #2C1810; --wz-side-text: #ffffff; --wz-side-hover-bg: #1ECAD7; } html[data-pal="p221"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(30,202,215,0.1) !important; } html[data-pal="p221"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p221"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p221"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p221"] header.fixed .gnb_1da, html[data-pal="p221"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p221"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p221"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p221"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p221"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p221"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p221"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p221"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p221"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p221"] .sub_bc_btn.open, html[data-pal="p221"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p221"] #ft, html[data-pal="p221"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p221"] footer a, html[data-pal="p221"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p221"] footer a:hover, html[data-pal="p221"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p221"] .btn_submit, html[data-pal="p221"] button[type="submit"], html[data-pal="p221"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p221"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p221"] .wz-blk-sub, html[data-pal="p221"] .sub_title h2.tit03, html[data-pal="p221"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p221"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p221"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p221"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p221"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p221"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p221"] .section-dark, html[data-pal="p221"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p221"] .section-dark2, html[data-pal="p221"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p222 Wine Blush (dark) ── */ html[data-pal="p222"] { --p: #4A0028; --fp: #2A0015; --a1: #FFB3BA; --a2: #FFD0D5; --a3: #660033; --p2: #360018; --p3: #220008; --p-97: rgba(74,0,40,0.97); --p-60: rgba(74,0,40,0.6); --p-40: rgba(74,0,40,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FFB3BA; --submenu-bg: #ffffff; --a1-30:rgba(255,179,186,0.3); --a1-20:rgba(255,179,186,0.2); --a1-12:rgba(255,179,186,0.12); --point-color: #FFB3BA; --txt-point-color: #FFB3BA; --basic-color: #f0f0f0; --header-bg: #4A0028; --footer-bg: #2A0015; --footer-text: #ffffff; --footer-border: rgba(255,179,186,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #4A0028; --section-dark2: #360018; --nav-link: #ffffff; --nav-hover: #FFB3BA; --border-color: rgba(255,179,186,0.25); --aside-bg: #4A0028; --accent: #FFB3BA; --wz-side-bg: #4A0028; --wz-side-text: #ffffff; --wz-side-hover-bg: #FFB3BA; } html[data-pal="p222"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(255,179,186,0.1) !important; } html[data-pal="p222"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p222"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p222"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p222"] header.fixed .gnb_1da, html[data-pal="p222"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p222"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p222"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p222"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p222"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p222"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p222"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p222"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p222"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p222"] .sub_bc_btn.open, html[data-pal="p222"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p222"] #ft, html[data-pal="p222"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p222"] footer a, html[data-pal="p222"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p222"] footer a:hover, html[data-pal="p222"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p222"] .btn_submit, html[data-pal="p222"] button[type="submit"], html[data-pal="p222"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p222"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p222"] .wz-blk-sub, html[data-pal="p222"] .sub_title h2.tit03, html[data-pal="p222"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p222"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p222"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p222"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p222"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p222"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p222"] .section-dark, html[data-pal="p222"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p222"] .section-dark2, html[data-pal="p222"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p223 Terracotta Sage (earth) ── */ html[data-pal="p223"] { --p: #C45C3A; --fp: #2D4A22; --a1: #84A98C; --a2: #A3C4A8; --a3: #DA7A58; --p2: #b04f2f; --p3: #9a4224; --p-97: rgba(196,92,58,0.97); --p-60: rgba(196,92,58,0.6); --p-40: rgba(196,92,58,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#84A98C; --submenu-bg: #ffffff; --a1-30:rgba(132,169,140,0.3); --a1-20:rgba(132,169,140,0.2); --a1-12:rgba(132,169,140,0.12); --point-color: #84A98C; --txt-point-color: #84A98C; --basic-color: #f0f0f0; --header-bg: #C45C3A; --footer-bg: #2D4A22; --footer-text: #ffffff; --footer-border: rgba(132,169,140,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #C45C3A; --section-dark2: #b04f2f; --nav-link: #ffffff; --nav-hover: #A3C4A8; --border-color: rgba(132,169,140,0.25); --aside-bg: #C45C3A; --accent: #84A98C; --wz-side-bg: #C45C3A; --wz-side-text: #ffffff; --wz-side-hover-bg: #84A98C; } html[data-pal="p223"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p223"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p223"] .gnb_1da:hover { color: var(--a2) !important; } html[data-pal="p223"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p223"] header.fixed .gnb_1da, html[data-pal="p223"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p223"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p223"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p223"] #gnb_all .gnb_panel a:hover { color: var(--a2) !important; } html[data-pal="p223"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p223"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p223"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p223"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p223"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p223"] .sub_bc_btn.open, html[data-pal="p223"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p223"] #ft, html[data-pal="p223"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p223"] footer a, html[data-pal="p223"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p223"] footer a:hover, html[data-pal="p223"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p223"] .btn_submit, html[data-pal="p223"] button[type="submit"], html[data-pal="p223"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p223"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p223"] .wz-blk-sub, html[data-pal="p223"] .sub_title h2.tit03, html[data-pal="p223"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p223"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p223"] .wz-side-btn__item:hover { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p223"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p223"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p223"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p223"] .section-dark, html[data-pal="p223"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p223"] .section-dark2, html[data-pal="p223"] [class*="sec-dark2"] { background: #1e3317 !important; } /* ── p224 Desert Ochre (earth) ── */ html[data-pal="p224"] { --p: #C4913A; --fp: #2C4052; --a1: #4FC3F7; --a2: #81D4FA; --a3: #D4A954; --p2: #b07e2d; --p3: #9a6c20; --p-97: rgba(196,145,58,0.97); --p-60: rgba(196,145,58,0.6); --p-40: rgba(196,145,58,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#81D4FA; --submenu-bg: #ffffff; --a1-30:rgba(79,195,247,0.3); --a1-20:rgba(79,195,247,0.2); --a1-12:rgba(79,195,247,0.12); --point-color: #4FC3F7; --txt-point-color: #4FC3F7; --basic-color: #f0f0f0; --header-bg: #C4913A; --footer-bg: #2C4052; --footer-text: #ffffff; --footer-border: rgba(79,195,247,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #C4913A; --section-dark2: #b07e2d; --nav-link: #ffffff; --nav-hover: #81D4FA; --border-color: rgba(79,195,247,0.25); --aside-bg: #C4913A; --accent: #4FC3F7; --wz-side-bg: #C4913A; --wz-side-text: #ffffff; --wz-side-hover-bg: #4FC3F7; } html[data-pal="p224"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p224"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p224"] .gnb_1da:hover { color: var(--a2) !important; } html[data-pal="p224"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p224"] header.fixed .gnb_1da, html[data-pal="p224"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p224"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p224"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p224"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p224"] .sub_bg { background: linear-gradient(160deg, #2C4052 0%, #1a2a36 70%) !important; } html[data-pal="p224"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(44,64,82,0.6) 100%) !important; } html[data-pal="p224"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p224"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p224"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p224"] .sub_bc_btn.open, html[data-pal="p224"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p224"] #ft, html[data-pal="p224"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p224"] footer a, html[data-pal="p224"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p224"] footer a:hover, html[data-pal="p224"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p224"] .btn_submit, html[data-pal="p224"] button[type="submit"], html[data-pal="p224"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p224"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p224"] .wz-blk-sub, html[data-pal="p224"] .sub_title h2.tit03, html[data-pal="p224"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p224"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p224"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p224"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p224"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p224"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p224"] .section-dark, html[data-pal="p224"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p224"] .section-dark2, html[data-pal="p224"] [class*="sec-dark2"] { background: #1a2a36 !important; } /* ── p225 Forest Pine (earth) ── */ html[data-pal="p225"] { --p: #2E5A30; --fp: #1C3B1E; --a1: #A8D5A2; --a2: #C8E6C9; --a3: #3F7A41; --p2: #1e4020; --p3: #0e2a10; --p-97: rgba(46,90,48,0.97); --p-60: rgba(46,90,48,0.6); --p-40: rgba(46,90,48,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#A8D5A2; --submenu-bg: #ffffff; --a1-30:rgba(168,213,162,0.3); --a1-20:rgba(168,213,162,0.2); --a1-12:rgba(168,213,162,0.12); --point-color: #A8D5A2; --txt-point-color: #A8D5A2; --basic-color: #f0f0f0; --header-bg: #2E5A30; --footer-bg: #1C3B1E; --footer-text: #ffffff; --footer-border: rgba(168,213,162,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2E5A30; --section-dark2: #1e4020; --nav-link: #ffffff; --nav-hover: #A8D5A2; --border-color: rgba(168,213,162,0.25); --aside-bg: #2E5A30; --accent: #A8D5A2; --wz-side-bg: #2E5A30; --wz-side-text: #ffffff; --wz-side-hover-bg: #A8D5A2; } html[data-pal="p225"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p225"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p225"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p225"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p225"] header.fixed .gnb_1da, html[data-pal="p225"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p225"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p225"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p225"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p225"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p225"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p225"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p225"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p225"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p225"] .sub_bc_btn.open, html[data-pal="p225"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p225"] #ft, html[data-pal="p225"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p225"] footer a, html[data-pal="p225"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p225"] footer a:hover, html[data-pal="p225"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p225"] .btn_submit, html[data-pal="p225"] button[type="submit"], html[data-pal="p225"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p225"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p225"] .wz-blk-sub, html[data-pal="p225"] .sub_title h2.tit03, html[data-pal="p225"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p225"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p225"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p225"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p225"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p225"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p225"] .section-dark, html[data-pal="p225"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p225"] .section-dark2, html[data-pal="p225"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p226 Olive Rust (earth) ── */ html[data-pal="p226"] { --p: #4A5240; --fp: #2A2E24; --a1: #E17055; --a2: #E9967A; --a3: #626D52; --p2: #383e30; --p3: #262a20; --p-97: rgba(74,82,64,0.97); --p-60: rgba(74,82,64,0.6); --p-40: rgba(74,82,64,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#E17055; --submenu-bg: #ffffff; --a1-30:rgba(225,112,85,0.3); --a1-20:rgba(225,112,85,0.2); --a1-12:rgba(225,112,85,0.12); --point-color: #E17055; --txt-point-color: #E17055; --basic-color: #f0f0f0; --header-bg: #4A5240; --footer-bg: #2A2E24; --footer-text: #ffffff; --footer-border: rgba(225,112,85,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #4A5240; --section-dark2: #383e30; --nav-link: #ffffff; --nav-hover: #E17055; --border-color: rgba(225,112,85,0.25); --aside-bg: #4A5240; --accent: #E17055; --wz-side-bg: #4A5240; --wz-side-text: #ffffff; --wz-side-hover-bg: #E17055; } html[data-pal="p226"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.15) !important; } html[data-pal="p226"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p226"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p226"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p226"] header.fixed .gnb_1da, html[data-pal="p226"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p226"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p226"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p226"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p226"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p226"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p226"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p226"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p226"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p226"] .sub_bc_btn.open, html[data-pal="p226"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p226"] #ft, html[data-pal="p226"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p226"] footer a, html[data-pal="p226"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p226"] footer a:hover, html[data-pal="p226"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p226"] .btn_submit, html[data-pal="p226"] button[type="submit"], html[data-pal="p226"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p226"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p226"] .wz-blk-sub, html[data-pal="p226"] .sub_title h2.tit03, html[data-pal="p226"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p226"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p226"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p226"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p226"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p226"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p226"] .section-dark, html[data-pal="p226"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p226"] .section-dark2, html[data-pal="p226"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p227 Neon Dreams (vibrant dark) ── */ html[data-pal="p227"] { --p: #150050; --fp: #0A0025; --a1: #FF90E8; --a2: #FFB3F0; --a3: #7B00D4; --p2: #0e0037; --p3: #07001e; --p-97: rgba(21,0,80,0.97); --p-60: rgba(21,0,80,0.6); --p-40: rgba(21,0,80,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#FF90E8; --submenu-bg: #0e0037; --a1-30:rgba(255,144,232,0.3); --a1-20:rgba(255,144,232,0.2); --a1-12:rgba(255,144,232,0.12); --point-color: #FF90E8; --txt-point-color: #FF90E8; --basic-color: #f0f0f0; --header-bg: #150050; --footer-bg: #0A0025; --footer-text: #ffffff; --footer-border: rgba(255,144,232,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #150050; --section-dark2: #0e0037; --nav-link: #ffffff; --nav-hover: #FF90E8; --border-color: rgba(123,0,212,0.25); --aside-bg: #150050; --accent: #FF90E8; --wz-side-bg: #150050; --wz-side-text: #ffffff; --wz-side-hover-bg: #FF90E8; } html[data-pal="p227"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(255,144,232,0.15) !important; } html[data-pal="p227"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p227"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p227"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p227"] header.fixed .gnb_1da, html[data-pal="p227"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p227"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p227"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p227"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p227"] .sub_bg { background: linear-gradient(160deg, var(--p) 0%, var(--p3) 70%) !important; } html[data-pal="p227"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, var(--p-60) 100%) !important; } html[data-pal="p227"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p227"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p227"] #submenu a { color: #ffffff !important; } html[data-pal="p227"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p227"] .sub_bc_btn.open, html[data-pal="p227"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p227"] #ft, html[data-pal="p227"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p227"] footer a, html[data-pal="p227"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p227"] footer a:hover, html[data-pal="p227"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p227"] .btn_submit, html[data-pal="p227"] button[type="submit"], html[data-pal="p227"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p227"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p227"] .wz-blk-sub, html[data-pal="p227"] .sub_title h2.tit03, html[data-pal="p227"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p227"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p227"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p227"] #quick .quick_menu h2 { background: var(--p) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p227"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p227"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p227"] .section-dark, html[data-pal="p227"] [class*="sec-dark"] { background: var(--p) !important; } html[data-pal="p227"] .section-dark2, html[data-pal="p227"] [class*="sec-dark2"] { background: var(--p2) !important; } /* ── p228 Vintage Cream (light neutral) ── */ html[data-pal="p228"] { --p: #F2E8D9; --fp: #3E2723; --a1: #D2691E; --a2: #CD853F; --a3: #FFF5E8; --p2: #dfd1be; --p3: #cbbaa3; --p-97: rgba(242,232,217,0.97); --p-60: rgba(242,232,217,0.6); --p-40: rgba(242,232,217,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#D2691E; --submenu-bg: #ffffff; --a1-30:rgba(210,105,30,0.3); --a1-20:rgba(210,105,30,0.2); --a1-12:rgba(210,105,30,0.12); --point-color: #D2691E; --txt-point-color: #D2691E; --basic-color: #1a1a1a; --header-bg: #F2E8D9; --footer-bg: #3E2723; --footer-text: #ffffff; --footer-border: rgba(210,105,30,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #3E2723; --section-dark2: #2c1b18; --nav-link: #111111; --nav-hover: #D2691E; --border-color: rgba(210,105,30,0.25); --aside-bg: #F2E8D9; --accent: #D2691E; --wz-side-bg: #F2E8D9; --wz-side-text: #111111; --wz-side-hover-bg: #D2691E; } html[data-pal="p228"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p228"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p228"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p228"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p228"] header.fixed .gnb_1da, html[data-pal="p228"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p228"] #gnb_all .gnb_panel { background: #f5ead8 !important; } html[data-pal="p228"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p228"] .sub_bg { background: linear-gradient(160deg, #3E2723 0%, #2c1b18 70%) !important; } html[data-pal="p228"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(62,39,35,0.6) 100%) !important; } html[data-pal="p228"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p228"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p228"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p228"] .sub_bc_btn.open, html[data-pal="p228"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p228"] #ft, html[data-pal="p228"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p228"] footer a, html[data-pal="p228"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p228"] footer a:hover, html[data-pal="p228"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p228"] .btn_submit, html[data-pal="p228"] button[type="submit"], html[data-pal="p228"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p228"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p228"] .wz-blk-sub, html[data-pal="p228"] .sub_title h2.tit03, html[data-pal="p228"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p228"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p228"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p228"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p228"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p228"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p228"] .section-dark, html[data-pal="p228"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p228"] .section-dark2, html[data-pal="p228"] [class*="sec-dark2"] { background: #2c1b18 !important; } /* ── p229 Airy Blue (light) ── */ html[data-pal="p229"] { --p: #EEF5FF; --fp: #1C3A5A; --a1: #3B82F6; --a2: #60A5FA; --a3: #F0F7FF; --p2: #d8e6f5; --p3: #c2d7eb; --p-97: rgba(238,245,255,0.97); --p-60: rgba(238,245,255,0.6); --p-40: rgba(238,245,255,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#3B82F6; --submenu-bg: #ffffff; --a1-30:rgba(59,130,246,0.3); --a1-20:rgba(59,130,246,0.2); --a1-12:rgba(59,130,246,0.12); --point-color: #3B82F6; --txt-point-color: #3B82F6; --basic-color: #1a1a1a; --header-bg: #EEF5FF; --footer-bg: #1C3A5A; --footer-text: #ffffff; --footer-border: rgba(59,130,246,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1C3A5A; --section-dark2: #112540; --nav-link: #111111; --nav-hover: #3B82F6; --border-color: rgba(59,130,246,0.25); --aside-bg: #EEF5FF; --accent: #3B82F6; --wz-side-bg: #EEF5FF; --wz-side-text: #111111; --wz-side-hover-bg: #3B82F6; } html[data-pal="p229"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p229"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p229"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p229"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p229"] header.fixed .gnb_1da, html[data-pal="p229"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p229"] #gnb_all .gnb_panel { background: #e8f2ff !important; } html[data-pal="p229"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p229"] .sub_bg { background: linear-gradient(160deg, #1C3A5A 0%, #112540 70%) !important; } html[data-pal="p229"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(28,58,90,0.6) 100%) !important; } html[data-pal="p229"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p229"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p229"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p229"] .sub_bc_btn.open, html[data-pal="p229"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p229"] #ft, html[data-pal="p229"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p229"] footer a, html[data-pal="p229"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p229"] footer a:hover, html[data-pal="p229"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p229"] .btn_submit, html[data-pal="p229"] button[type="submit"], html[data-pal="p229"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p229"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p229"] .wz-blk-sub, html[data-pal="p229"] .sub_title h2.tit03, html[data-pal="p229"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p229"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p229"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p229"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p229"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p229"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p229"] .section-dark, html[data-pal="p229"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p229"] .section-dark2, html[data-pal="p229"] [class*="sec-dark2"] { background: #112540 !important; } /* ── p230 Spring Fresh (light pastel) ── */ html[data-pal="p230"] { --p: #E8F5E9; --fp: #1B4332; --a1: #FF7043; --a2: #FF8A65; --a3: #F1FFF2; --p2: #d2e8d3; --p3: #bcdbbd; --p-97: rgba(232,245,233,0.97); --p-60: rgba(232,245,233,0.6); --p-40: rgba(232,245,233,0.4); --a1t: #ffffff; --a2t: #111111; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#FF7043; --submenu-bg: #ffffff; --a1-30:rgba(255,112,67,0.3); --a1-20:rgba(255,112,67,0.2); --a1-12:rgba(255,112,67,0.12); --point-color: #FF7043; --txt-point-color: #FF7043; --basic-color: #1a1a1a; --header-bg: #E8F5E9; --footer-bg: #1B4332; --footer-text: #ffffff; --footer-border: rgba(255,112,67,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #1B4332; --section-dark2: #0f2e20; --nav-link: #111111; --nav-hover: #FF7043; --border-color: rgba(255,112,67,0.25); --aside-bg: #E8F5E9; --accent: #FF7043; --wz-side-bg: #E8F5E9; --wz-side-text: #111111; --wz-side-hover-bg: #FF7043; } html[data-pal="p230"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p230"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p230"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p230"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p230"] header.fixed .gnb_1da, html[data-pal="p230"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p230"] #gnb_all .gnb_panel { background: #edf7ee !important; } html[data-pal="p230"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p230"] .sub_bg { background: linear-gradient(160deg, #1B4332 0%, #0f2e20 70%) !important; } html[data-pal="p230"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(27,67,50,0.6) 100%) !important; } html[data-pal="p230"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p230"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p230"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p230"] .sub_bc_btn.open, html[data-pal="p230"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p230"] #ft, html[data-pal="p230"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p230"] footer a, html[data-pal="p230"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p230"] footer a:hover, html[data-pal="p230"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p230"] .btn_submit, html[data-pal="p230"] button[type="submit"], html[data-pal="p230"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p230"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p230"] .wz-blk-sub, html[data-pal="p230"] .sub_title h2.tit03, html[data-pal="p230"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p230"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p230"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p230"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p230"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p230"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p230"] .section-dark, html[data-pal="p230"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p230"] .section-dark2, html[data-pal="p230"] [class*="sec-dark2"] { background: #0f2e20 !important; } /* ── p231 Electric Sunset (vibrant) ── */ html[data-pal="p231"] { --p: #F72585; --fp: #7209B7; --a1: #4CC9F0; --a2: #7ED8F5; --a3: #4361EE; --p2: #d81e72; --p3: #b81860; --p-97: rgba(247,37,133,0.97); --p-60: rgba(247,37,133,0.6); --p-40: rgba(247,37,133,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#4CC9F0; --submenu-bg: #ffffff; --a1-30:rgba(76,201,240,0.3); --a1-20:rgba(76,201,240,0.2); --a1-12:rgba(76,201,240,0.12); --point-color: #4CC9F0; --txt-point-color: #4CC9F0; --basic-color: #f0f0f0; --header-bg: #F72585; --footer-bg: #7209B7; --footer-text: #ffffff; --footer-border: rgba(76,201,240,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #F72585; --section-dark2: #d81e72; --nav-link: #ffffff; --nav-hover: #4CC9F0; --border-color: rgba(67,97,238,0.25); --aside-bg: #F72585; --accent: #4CC9F0; --wz-side-bg: #F72585; --wz-side-text: #ffffff; --wz-side-hover-bg: #4CC9F0; } html[data-pal="p231"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(76,201,240,0.15) !important; } html[data-pal="p231"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p231"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p231"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p231"] header.fixed .gnb_1da, html[data-pal="p231"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p231"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p231"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p231"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p231"] .sub_bg { background: linear-gradient(160deg, #7209B7 0%, #4a0780 70%) !important; } html[data-pal="p231"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(114,9,183,0.6) 100%) !important; } html[data-pal="p231"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p231"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p231"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p231"] .sub_bc_btn.open, html[data-pal="p231"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p231"] #ft, html[data-pal="p231"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p231"] footer a, html[data-pal="p231"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p231"] footer a:hover, html[data-pal="p231"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p231"] .btn_submit, html[data-pal="p231"] button[type="submit"], html[data-pal="p231"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p231"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p231"] .wz-blk-sub, html[data-pal="p231"] .sub_title h2.tit03, html[data-pal="p231"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p231"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p231"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p231"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p231"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p231"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p231"] .section-dark, html[data-pal="p231"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p231"] .section-dark2, html[data-pal="p231"] [class*="sec-dark2"] { background: #4a0780 !important; } /* ── p232 Nordic Blue (light neutral) ── */ html[data-pal="p232"] { --p: #EEF2F8; --fp: #2E3440; --a1: #5E81AC; --a2: #81A1C1; --a3: #F5F8FF; --p2: #d8dde8; --p3: #c2c8d8; --p-97: rgba(238,242,248,0.97); --p-60: rgba(238,242,248,0.6); --p-40: rgba(238,242,248,0.4); --a1t: #ffffff; --a2t: #ffffff; --ht: #111111; --ft-ht:#ffffff; --nav: #111111; --nav-h:#5E81AC; --submenu-bg: #ffffff; --a1-30:rgba(94,129,172,0.3); --a1-20:rgba(94,129,172,0.2); --a1-12:rgba(94,129,172,0.12); --point-color: #5E81AC; --txt-point-color: #5E81AC; --basic-color: #1a1a1a; --header-bg: #EEF2F8; --footer-bg: #2E3440; --footer-text: #ffffff; --footer-border: rgba(94,129,172,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #2E3440; --section-dark2: #1e2430; --nav-link: #111111; --nav-hover: #5E81AC; --border-color: rgba(94,129,172,0.25); --aside-bg: #EEF2F8; --accent: #5E81AC; --wz-side-bg: #EEF2F8; --wz-side-text: #111111; --wz-side-hover-bg: #5E81AC; } html[data-pal="p232"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,0,0,0.06) !important; } html[data-pal="p232"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p232"] .gnb_1da:hover { color: var(--a1) !important; } html[data-pal="p232"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p232"] header.fixed .gnb_1da, html[data-pal="p232"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p232"] #gnb_all .gnb_panel { background: #e8edf5 !important; } html[data-pal="p232"] #gnb_all .gnb_panel a:hover { color: var(--a1) !important; } html[data-pal="p232"] .sub_bg { background: linear-gradient(160deg, #2E3440 0%, #1e2430 70%) !important; } html[data-pal="p232"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(46,52,64,0.6) 100%) !important; } html[data-pal="p232"] .sub_bg h2 .sub-title { color: var(--a2) !important; } html[data-pal="p232"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p232"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p232"] .sub_bc_btn.open, html[data-pal="p232"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p232"] #ft, html[data-pal="p232"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p232"] footer a, html[data-pal="p232"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p232"] footer a:hover, html[data-pal="p232"] #ft a:hover { color: var(--a2) !important; opacity: 1; } html[data-pal="p232"] .btn_submit, html[data-pal="p232"] button[type="submit"], html[data-pal="p232"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p232"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p232"] .wz-blk-sub, html[data-pal="p232"] .sub_title h2.tit03, html[data-pal="p232"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p232"] .wz-side-btn__item { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p232"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p232"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a2) !important; } html[data-pal="p232"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p232"] .property-container .category { background: var(--fp) !important; color: #ffffff !important; } html[data-pal="p232"] .section-dark, html[data-pal="p232"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p232"] .section-dark2, html[data-pal="p232"] [class*="sec-dark2"] { background: #1e2430 !important; } /* ── p233 Vivid Coral Ocean (vibrant) ── */ html[data-pal="p233"] { --p: #FF4D6D; --fp: #C9184A; --a1: #00B4D8; --a2: #48CAE4; --a3: #0077B6; --p2: #e63d5a; --p3: #cc2e47; --p-97: rgba(255,77,109,0.97); --p-60: rgba(255,77,109,0.6); --p-40: rgba(255,77,109,0.4); --a1t: #111111; --a2t: #111111; --ht: #ffffff; --ft-ht:#ffffff; --nav: #ffffff; --nav-h:#48CAE4; --submenu-bg: #ffffff; --a1-30:rgba(0,180,216,0.3); --a1-20:rgba(0,180,216,0.2); --a1-12:rgba(0,180,216,0.12); --point-color: #00B4D8; --txt-point-color: #00B4D8; --basic-color: #f0f0f0; --header-bg: #FF4D6D; --footer-bg: #C9184A; --footer-text: #ffffff; --footer-border: rgba(0,180,216,0.12); --footer-sub-text: rgba(255,255,255,0.6); --section-dark: #FF4D6D; --section-dark2: #e63d5a; --nav-link: #ffffff; --nav-hover: #48CAE4; --border-color: rgba(0,119,182,0.25); --aside-bg: #FF4D6D; --accent: #00B4D8; --wz-side-bg: #FF4D6D; --wz-side-text: #ffffff; --wz-side-hover-bg: #00B4D8; } html[data-pal="p233"] header.fixed { background: var(--p-97) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; box-shadow: 0 2px 24px rgba(0,180,216,0.15) !important; } html[data-pal="p233"] .gnb_1da { color: var(--ht) !important; } html[data-pal="p233"] .gnb_1da:hover { color: var(--a2) !important; } html[data-pal="p233"] header .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p233"] header.fixed .gnb_1da, html[data-pal="p233"] header.fixed .hd_wrap .hd_tel { color: var(--ht) !important; } html[data-pal="p233"] #gnb_all .gnb_panel { background: var(--p2) !important; } html[data-pal="p233"] #gnb_all .gnb_panel a { color: #ffffff !important; } html[data-pal="p233"] #gnb_all .gnb_panel a:hover { color: var(--a2) !important; } html[data-pal="p233"] .sub_bg { background: linear-gradient(160deg, #C9184A 0%, #8b0f32 70%) !important; } html[data-pal="p233"] .sub_bg::after { background: linear-gradient(to bottom, transparent 40%, rgba(201,24,74,0.6) 100%) !important; } html[data-pal="p233"] .sub_bg h2 .sub-title { color: var(--a1) !important; } html[data-pal="p233"] #submenu { background: var(--submenu-bg) !important; border-bottom: 2px solid var(--a1-20) !important; } html[data-pal="p233"] .sub_bc_home { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p233"] .sub_bc_btn.open, html[data-pal="p233"] .sub_bc_btn:hover { background: var(--a1) !important; border-color: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p233"] #ft, html[data-pal="p233"] footer { background: var(--fp) !important; border-top: 2px solid var(--a1-12) !important; color: var(--ft-ht) !important; } html[data-pal="p233"] footer a, html[data-pal="p233"] #ft a { color: var(--ft-ht) !important; opacity: 0.85; } html[data-pal="p233"] footer a:hover, html[data-pal="p233"] #ft a:hover { color: var(--a1) !important; opacity: 1; } html[data-pal="p233"] .btn_submit, html[data-pal="p233"] button[type="submit"], html[data-pal="p233"] input[type="submit"] { background: var(--a1) !important; color: var(--a1t) !important; border-color: var(--a1) !important; } html[data-pal="p233"] .wz-tablink.active { border-bottom-color: var(--a1) !important; color: var(--a1) !important; } html[data-pal="p233"] .wz-blk-sub, html[data-pal="p233"] .sub_title h2.tit03, html[data-pal="p233"] .wz-pm-desc { color: var(--a1) !important; } html[data-pal="p233"] .wz-side-btn__item { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p233"] .wz-side-btn__item:hover { background: var(--a1) !important; color: var(--a1t) !important; } html[data-pal="p233"] #quick .quick_menu h2 { background: var(--fp) !important; border-bottom: 3px solid var(--a1) !important; } html[data-pal="p233"] #quick .quick_menu a i { color: var(--a1) !important; } html[data-pal="p233"] .property-container .category { background: var(--p) !important; color: var(--ht) !important; } html[data-pal="p233"] .section-dark, html[data-pal="p233"] [class*="sec-dark"] { background: var(--fp) !important; } html[data-pal="p233"] .section-dark2, html[data-pal="p233"] [class*="sec-dark2"] { background: #8b0f32 !important; }