/* ══════════════════════════════════════════════════════════════
   Pretendard — 서버에 직접 올려 쓰는 글꼴 (2026-08-17)

   그동안 CSS 에는 Pretendard 를 쓰라고 적혀 있는데 글꼴 파일이 없었습니다.
   그래서 그 글꼴이 깔린 PC 에서만 의도대로 보이고,
   없는 PC(대부분의 윈도우)에서는 맑은 고딕으로 바뀌면서 글자가 밀렸습니다.
   — 「크롬에서 텍스트가 깨진다」의 진짜 원인이 이것이었습니다.

   ※ 외부 주소(CDN)를 쓰지 않습니다. 파일을 우리 서버에 두고 우리가 내보냅니다.
   ※ 글꼴 이름을 'Pretendard Variable' 이 아니라 'Pretendard' 로 등록했습니다.
     기존 CSS 275곳을 하나도 안 고쳐도 그대로 물립니다.
   ※ 한글 전체를 92조각으로 나눠 두었습니다(dynamic subset).
     브라우저는 화면에 실제로 쓰인 글자가 든 조각만 내려받습니다.
     전부 합치면 3MB 지만 한 화면에서 실제로 받는 양은 보통 100~250KB 입니다.

   글꼴 저작권 Kil Hyung-jin · SIL Open Font License 1.1
   전문은 /assets/fonts/pretendard/LICENSE-Pretendard.txt
   ══════════════════════════════════════════════════════════════ */

/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/
/* [0] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.0.woff2) format('woff2-variations');
	unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
}

/* [1] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.1.woff2) format('woff2-variations');
	unicode-range: U+d723-d728, U+d72a-d733, U+d735-d748, U+d74a-d74f, U+d752-d753, U+d755-d757, U+d75a-d75f, U+d762-d764, U+d766-d768, U+d76a-d76b, U+d76d-d76f, U+d771-d787, U+d789-d78b, U+d78d-d78f, U+d791-d797, U+d79a, U+d79c, U+d79e-d7a3, U+f900-f909, U+f90b-f92e;
}

/* [2] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.2.woff2) format('woff2-variations');
	unicode-range: U+d679-d68b, U+d68e-d69e, U+d6a0, U+d6a2-d6a7, U+d6a9-d6c3, U+d6c6-d6c7, U+d6c9-d6cb, U+d6cd-d6d3, U+d6d5-d6d6, U+d6d8-d6e3, U+d6e5-d6e7, U+d6e9-d6fb, U+d6fd-d717, U+d719-d71f, U+d721-d722;
}

/* [3] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.3.woff2) format('woff2-variations');
	unicode-range: U+d5bc-d5c7, U+d5ca-d5cb, U+d5cd-d5cf, U+d5d1-d5d7, U+d5d9-d5da, U+d5dc, U+d5de-d5e3, U+d5e6-d5e7, U+d5e9-d5eb, U+d5ed-d5f6, U+d5f8, U+d5fa-d5ff, U+d602-d603, U+d605-d607, U+d609-d60f, U+d612-d613, U+d616-d61b, U+d61d-d637, U+d63a-d63b, U+d63d-d63f, U+d641-d647, U+d64a-d64c, U+d64e-d653, U+d656-d657, U+d659-d65b, U+d65d-d666, U+d668, U+d66a-d678;
}

/* [4] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.4.woff2) format('woff2-variations');
	unicode-range: U+d507, U+d509-d50b, U+d50d-d513, U+d515-d53b, U+d53e-d53f, U+d541-d543, U+d545-d54c, U+d54e, U+d550, U+d552-d557, U+d55a-d55b, U+d55d-d55f, U+d561-d564, U+d566-d567, U+d56a, U+d56c, U+d56e-d573, U+d576-d577, U+d579-d583, U+d585-d586, U+d58a-d5a4, U+d5a6-d5bb;
}

/* [5] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.5.woff2) format('woff2-variations');
	unicode-range: U+d464-d477, U+d47a-d47b, U+d47d-d47f, U+d481-d487, U+d489-d48a, U+d48c, U+d48e-d4e7, U+d4e9-d503, U+d505-d506;
}

/* [6] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.6.woff2) format('woff2-variations');
	unicode-range: U+d3bf-d3c7, U+d3ca-d3cf, U+d3d1-d3eb, U+d3ee-d3ef, U+d3f1-d3f3, U+d3f5-d3fb, U+d3fd-d400, U+d402-d45b, U+d45d-d463;
}

/* [7] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.7.woff2) format('woff2-variations');
	unicode-range: U+d2ff, U+d302-d304, U+d306-d30b, U+d30f, U+d311-d313, U+d315-d31b, U+d31e, U+d322-d324, U+d326-d327, U+d32a-d32b, U+d32d-d32f, U+d331-d337, U+d339-d33c, U+d33e-d37b, U+d37e-d37f, U+d381-d383, U+d385-d38b, U+d38e-d390, U+d392-d397, U+d39a-d39b, U+d39d-d39f, U+d3a1-d3a7, U+d3a9-d3aa, U+d3ac, U+d3ae-d3b3, U+d3b5-d3b7, U+d3b9-d3bb, U+d3bd-d3be;
}

/* [8] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.8.woff2) format('woff2-variations');
	unicode-range: U+d257-d27f, U+d281-d29b, U+d29d-d29f, U+d2a1-d2ab, U+d2ad-d2b7, U+d2ba-d2bb, U+d2bd-d2bf, U+d2c1-d2c7, U+d2c9-d2ef, U+d2f2-d2f3, U+d2f5-d2f7, U+d2f9-d2fe;
}

/* [9] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.9.woff2) format('woff2-variations');
	unicode-range: U+d1b4, U+d1b6-d1f3, U+d1f5-d22b, U+d22e-d22f, U+d231-d233, U+d235-d23b, U+d23d-d240, U+d242-d256;
}

/* [10] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.10.woff2) format('woff2-variations');
	unicode-range: U+d105-d12f, U+d132-d133, U+d135-d137, U+d139-d13f, U+d141-d142, U+d144, U+d146-d14b, U+d14e-d14f, U+d151-d153, U+d155-d15b, U+d15e-d187, U+d189-d19f, U+d1a2-d1a3, U+d1a5-d1a7, U+d1a9-d1af, U+d1b2-d1b3;
}

/* [11] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.11.woff2) format('woff2-variations');
	unicode-range: U+d04b-d04f, U+d051-d057, U+d059-d06b, U+d06d-d06f, U+d071-d073, U+d075-d07b, U+d07e-d0a3, U+d0a6-d0a7, U+d0a9-d0ab, U+d0ad-d0b3, U+d0b6, U+d0b8, U+d0ba-d0bf, U+d0c2-d0c3, U+d0c5-d0c7, U+d0c9-d0cf, U+d0d2, U+d0d6-d0db, U+d0de-d0df, U+d0e1-d0e3, U+d0e5-d0eb, U+d0ee-d0f0, U+d0f2-d104;
}

/* [12] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.12.woff2) format('woff2-variations');
	unicode-range: U+cfa2-cfc3, U+cfc5-cfdf, U+cfe2-cfe3, U+cfe5-cfe7, U+cfe9-cff4, U+cff6-cffb, U+cffd-cfff, U+d001-d003, U+d005-d017, U+d019-d033, U+d036-d037, U+d039-d03b, U+d03d-d04a;
}

/* [13] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.13.woff2) format('woff2-variations');
	unicode-range: U+cef0-cef3, U+cef6, U+cef9-ceff, U+cf01-cf03, U+cf05-cf07, U+cf09-cf0f, U+cf11-cf12, U+cf14-cf1b, U+cf1d-cf1f, U+cf21-cf2f, U+cf31-cf53, U+cf56-cf57, U+cf59-cf5b, U+cf5d-cf63, U+cf66, U+cf68, U+cf6a-cf6f, U+cf71-cf84, U+cf86-cf8b, U+cf8d-cfa1;
}

/* [14] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.14.woff2) format('woff2-variations');
	unicode-range: U+ce3c-ce57, U+ce5a-ce5b, U+ce5d-ce5f, U+ce61-ce67, U+ce6a, U+ce6c, U+ce6e-ce73, U+ce76-ce77, U+ce79-ce7b, U+ce7d-ce83, U+ce85-ce88, U+ce8a-ce8f, U+ce91-ce93, U+ce95-ce97, U+ce99-ce9f, U+cea2, U+cea4-ceab, U+cead-cee3, U+cee6-cee7, U+cee9-ceeb, U+ceed-ceef;
}

/* [15] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.15.woff2) format('woff2-variations');
	unicode-range: U+cd92-cd93, U+cd96-cd97, U+cd99-cd9b, U+cd9d-cda3, U+cda6-cda8, U+cdaa-cdaf, U+cdb1-cdc3, U+cdc5-cdcb, U+cdcd-cde7, U+cde9-ce03, U+ce05-ce1f, U+ce22-ce34, U+ce36-ce3b;
}

/* [16] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.16.woff2) format('woff2-variations');
	unicode-range: U+ccef-cd07, U+cd0a-cd0b, U+cd0d-cd1a, U+cd1c, U+cd1e-cd2b, U+cd2d-cd5b, U+cd5d-cd77, U+cd79-cd91;
}

/* [17] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.17.woff2) format('woff2-variations');
	unicode-range: U+cc3f-cc43, U+cc46-cc47, U+cc49-cc4b, U+cc4d-cc53, U+cc55-cc58, U+cc5a-cc5f, U+cc61-cc97, U+cc9a-cc9b, U+cc9d-cc9f, U+cca1-cca7, U+ccaa, U+ccac, U+ccae-ccb3, U+ccb6-ccb7, U+ccb9-ccbb, U+ccbd-cccf, U+ccd1-cce3, U+cce5-ccee;
}

/* [18] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.18.woff2) format('woff2-variations');
	unicode-range: U+cb91-cbd3, U+cbd5-cbe3, U+cbe5-cc0b, U+cc0e-cc0f, U+cc11-cc13, U+cc15-cc1b, U+cc1d-cc20, U+cc23-cc27, U+cc2a-cc2b, U+cc2d, U+cc2f, U+cc31-cc37, U+cc3a, U+cc3c;
}

/* [19] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.19.woff2) format('woff2-variations');
	unicode-range: U+caf4-cb47, U+cb4a-cb90;
}

/* [20] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.20.woff2) format('woff2-variations');
	unicode-range: U+ca4a-ca4b, U+ca4e-ca4f, U+ca51-ca53, U+ca55-ca5b, U+ca5d-ca60, U+ca62-ca83, U+ca85-cabb, U+cabe-cabf, U+cac1-cac3, U+cac5-cacb, U+cacd-cad0, U+cad2, U+cad4-cad8, U+cada-caf3;
}

/* [21] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.21.woff2) format('woff2-variations');
	unicode-range: U+c996-c997, U+c99a-c99c, U+c99e-c9bf, U+c9c2-c9c3, U+c9c5-c9c7, U+c9c9-c9cf, U+c9d2, U+c9d4, U+c9d7-c9d8, U+c9db, U+c9de-c9df, U+c9e1-c9e3, U+c9e5-c9e6, U+c9e8-c9eb, U+c9ee-c9f0, U+c9f2-c9f7, U+c9f9-ca0b, U+ca0d-ca28, U+ca2a-ca49;
}

/* [22] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.22.woff2) format('woff2-variations');
	unicode-range: U+c8e9-c8f4, U+c8f6-c8fb, U+c8fe-c8ff, U+c901-c903, U+c905-c90b, U+c90e-c910, U+c912-c917, U+c919-c92b, U+c92d-c94f, U+c951-c953, U+c955-c96b, U+c96d-c973, U+c975-c987, U+c98a-c98b, U+c98d-c98f, U+c991-c995;
}

/* [23] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.23.woff2) format('woff2-variations');
	unicode-range: U+c841-c84b, U+c84d-c86f, U+c872-c873, U+c875-c877, U+c879-c87f, U+c882-c884, U+c887-c88a, U+c88d-c8c3, U+c8c5-c8df, U+c8e1-c8e8;
}

/* [24] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.24.woff2) format('woff2-variations');
	unicode-range: U+c779-c77b, U+c77e-c782, U+c786, U+c78b, U+c78d, U+c78f, U+c792-c793, U+c795, U+c797, U+c799-c79f, U+c7a2, U+c7a7-c7ab, U+c7ae-c7bb, U+c7bd-c7c0, U+c7c2-c7c7, U+c7c9-c7dc, U+c7de-c7ff, U+c802-c803, U+c805-c807, U+c809, U+c80b-c80f, U+c812, U+c814, U+c817-c81b, U+c81e-c81f, U+c821-c823, U+c825-c82e, U+c830-c837, U+c839-c83b, U+c83d-c840;
}

/* [25] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.25.woff2) format('woff2-variations');
	unicode-range: U+c6bb-c6bf, U+c6c2, U+c6c4, U+c6c6-c6cb, U+c6ce-c6cf, U+c6d1-c6d3, U+c6d5-c6db, U+c6dd-c6df, U+c6e1-c6e7, U+c6e9-c6eb, U+c6ed-c6ef, U+c6f1-c6f8, U+c6fa-c703, U+c705-c707, U+c709-c70b, U+c70d-c716, U+c718, U+c71a-c71f, U+c722-c723, U+c725-c727, U+c729-c734, U+c736-c73b, U+c73e-c73f, U+c741-c743, U+c745-c74b, U+c74e-c750, U+c752-c757, U+c759-c773, U+c776-c777;
}

/* [26] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.26.woff2) format('woff2-variations');
	unicode-range: U+c5f5-c5fb, U+c5fe, U+c602-c605, U+c607, U+c609-c60f, U+c611-c61a, U+c61c-c623, U+c626-c627, U+c629-c62b, U+c62d, U+c62f-c632, U+c636, U+c638, U+c63a-c63f, U+c642-c643, U+c645-c647, U+c649-c652, U+c656-c65b, U+c65d-c65f, U+c661-c663, U+c665-c677, U+c679-c67b, U+c67d-c693, U+c696-c697, U+c699-c69b, U+c69d-c6a3, U+c6a6, U+c6a8, U+c6aa-c6af, U+c6b2-c6b3, U+c6b5-c6b7, U+c6b9-c6ba;
}

/* [27] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.27.woff2) format('woff2-variations');
	unicode-range: U+c517-c527, U+c52a-c52b, U+c52d-c52f, U+c531-c538, U+c53a, U+c53c, U+c53e-c543, U+c546-c547, U+c54b, U+c54d-c552, U+c556, U+c55a-c55b, U+c55d, U+c55f, U+c562-c563, U+c565-c567, U+c569-c56f, U+c572, U+c574, U+c576-c57b, U+c57e-c57f, U+c581-c583, U+c585-c586, U+c588-c58b, U+c58e, U+c590, U+c592-c596, U+c599-c5b3, U+c5b6-c5b7, U+c5ba, U+c5be-c5c3, U+c5ca-c5cb, U+c5cd, U+c5cf, U+c5d2-c5d3, U+c5d5-c5d7, U+c5d9-c5df, U+c5e1-c5e2, U+c5e4, U+c5e6-c5eb, U+c5ef, U+c5f1-c5f3;
}

/* [28] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.28.woff2) format('woff2-variations');
	unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
}

/* [29] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.29.woff2) format('woff2-variations');
	unicode-range: U+c3d0-c3d7, U+c3da-c3db, U+c3dd-c3de, U+c3e1-c3ec, U+c3ee-c3f3, U+c3f5-c42b, U+c42d-c463, U+c466-c474;
}

/* [30] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.30.woff2) format('woff2-variations');
	unicode-range: U+c32b-c367, U+c36a-c36b, U+c36d-c36f, U+c371-c377, U+c37a-c37b, U+c37e-c383, U+c385-c387, U+c389-c3cf;
}

/* [31] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.31.woff2) format('woff2-variations');
	unicode-range: U+c26a-c26b, U+c26d-c26f, U+c271-c273, U+c275-c27b, U+c27e-c287, U+c289-c28f, U+c291-c297, U+c299-c29a, U+c29c-c2a3, U+c2a5-c2a7, U+c2a9-c2ab, U+c2ad-c2b3, U+c2b6, U+c2b8, U+c2ba-c2bb, U+c2bd-c2db, U+c2de-c2df, U+c2e1-c2e2, U+c2e5-c2ea, U+c2ee, U+c2f0, U+c2f2-c2f5, U+c2f7, U+c2fa-c2fb, U+c2fd-c2ff, U+c301-c307, U+c309-c30c, U+c30e-c312, U+c315-c323, U+c325-c328, U+c32a;
}

/* [32] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.32.woff2) format('woff2-variations');
	unicode-range: U+c1bc-c1c3, U+c1c5-c1df, U+c1e1-c1fb, U+c1fd-c203, U+c205-c20c, U+c20e, U+c210-c217, U+c21a-c21b, U+c21d-c21e, U+c221-c227, U+c229-c22a, U+c22c, U+c22e, U+c230, U+c233-c24f, U+c251-c257, U+c259-c269;
}

/* [33] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.33.woff2) format('woff2-variations');
	unicode-range: U+c101-c11b, U+c11f, U+c121-c123, U+c125-c12b, U+c12e, U+c132-c137, U+c13a-c13b, U+c13d-c13f, U+c141-c147, U+c14a, U+c14c-c153, U+c155-c157, U+c159-c15b, U+c15d-c166, U+c169-c16f, U+c171-c177, U+c179-c18b, U+c18e-c18f, U+c191-c193, U+c195-c19b, U+c19d-c19e, U+c1a0, U+c1a2-c1a4, U+c1a6-c1bb;
}

/* [34] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.34.woff2) format('woff2-variations');
	unicode-range: U+c049-c057, U+c059-c05b, U+c05d-c05f, U+c061-c067, U+c069-c08f, U+c091-c0ab, U+c0ae-c0af, U+c0b1-c0b3, U+c0b5, U+c0b7-c0bb, U+c0be, U+c0c2-c0c7, U+c0ca-c0cb, U+c0cd-c0cf, U+c0d1-c0d7, U+c0d9-c0da, U+c0dc, U+c0de-c0e3, U+c0e5-c0eb, U+c0ed-c0f3, U+c0f6, U+c0f8, U+c0fa-c0ff;
}

/* [35] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.35.woff2) format('woff2-variations');
	unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
}

/* [36] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.36.woff2) format('woff2-variations');
	unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
}

/* [37] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.37.woff2) format('woff2-variations');
	unicode-range: U+be56, U+be58, U+be5c-be5f, U+be62-be63, U+be65-be67, U+be69-be74, U+be76-be7b, U+be7e-be7f, U+be81-be8e, U+be90, U+be92-bea7, U+bea9-becf, U+bed2-bed3, U+bed5-bed6, U+bed9-bee3, U+bee6-bf06;
}

/* [38] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.38.woff2) format('woff2-variations');
	unicode-range: U+bdb0-bdd3, U+bdd5-bdef, U+bdf1-be0b, U+be0d-be0f, U+be11-be13, U+be15-be43, U+be46-be47, U+be49-be4b, U+be4d-be53;
}

/* [39] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.39.woff2) format('woff2-variations');
	unicode-range: U+bd03, U+bd06, U+bd08, U+bd0a-bd0f, U+bd11-bd22, U+bd25-bd47, U+bd49-bd58, U+bd5a-bd7f, U+bd82-bd83, U+bd85-bd87, U+bd8a-bd8f, U+bd91-bd92, U+bd94, U+bd96-bd98, U+bd9a-bdaf;
}

/* [40] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.40.woff2) format('woff2-variations');
	unicode-range: U+bc4e-bc83, U+bc86-bc87, U+bc89-bc8b, U+bc8d-bc93, U+bc96, U+bc98, U+bc9b-bc9f, U+bca2-bca3, U+bca5-bca7, U+bca9-bcb2, U+bcb4-bcbb, U+bcbe-bcbf, U+bcc1-bcc3, U+bcc5-bccc, U+bcce-bcd0, U+bcd2-bcd4, U+bcd6-bcf3, U+bcf7, U+bcf9-bcfb, U+bcfd-bd02;
}

/* [41] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.41.woff2) format('woff2-variations');
	unicode-range: U+bb90-bba3, U+bba5-bbab, U+bbad-bbbf, U+bbc1-bbf7, U+bbfa-bbfb, U+bbfd-bbfe, U+bc01-bc07, U+bc09-bc0a, U+bc0e, U+bc10, U+bc12-bc13, U+bc17, U+bc19-bc1a, U+bc1e, U+bc20-bc23, U+bc26, U+bc28, U+bc2a-bc2c, U+bc2e-bc2f, U+bc32-bc33, U+bc35-bc37, U+bc39-bc3f, U+bc41-bc42, U+bc44, U+bc46-bc48, U+bc4a-bc4d;
}

/* [42] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.42.woff2) format('woff2-variations');
	unicode-range: U+bae6-bafb, U+bafd-bb17, U+bb19-bb33, U+bb37, U+bb39-bb3a, U+bb3d-bb43, U+bb45-bb46, U+bb48, U+bb4a-bb4f, U+bb51-bb53, U+bb55-bb57, U+bb59-bb62, U+bb64-bb8f;
}

/* [43] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.43.woff2) format('woff2-variations');
	unicode-range: U+ba30-ba37, U+ba3a-ba3b, U+ba3d-ba3f, U+ba41-ba47, U+ba49-ba4a, U+ba4c, U+ba4e-ba53, U+ba56-ba57, U+ba59-ba5b, U+ba5d-ba63, U+ba65-ba66, U+ba68-ba6f, U+ba71-ba73, U+ba75-ba77, U+ba79-ba84, U+ba86, U+ba88-baa7, U+baaa, U+baad-baaf, U+bab1-bab7, U+baba, U+babc, U+babe-bae5;
}

/* [44] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.44.woff2) format('woff2-variations');
	unicode-range: U+b96e-b973, U+b976-b977, U+b979-b97b, U+b97d-b983, U+b986, U+b988, U+b98a-b98d, U+b98f-b9ab, U+b9ae-b9af, U+b9b1-b9b3, U+b9b5-b9bb, U+b9be, U+b9c0, U+b9c2-b9c7, U+b9ca-b9cb, U+b9cd, U+b9d2-b9d7, U+b9da, U+b9dc, U+b9df-b9e0, U+b9e2, U+b9e6-b9e7, U+b9e9-b9f3, U+b9f6, U+b9f8, U+b9fb-ba2f;
}

/* [45] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.45.woff2) format('woff2-variations');
	unicode-range: U+b8bf-b8cb, U+b8cd-b8e0, U+b8e2-b8e7, U+b8ea-b8eb, U+b8ed-b8ef, U+b8f1-b8f7, U+b8fa, U+b8fc, U+b8fe-b903, U+b905-b917, U+b919-b91f, U+b921-b93b, U+b93d-b957, U+b95a-b95b, U+b95d-b95f, U+b961-b967, U+b969-b96c;
}

/* [46] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.46.woff2) format('woff2-variations');
	unicode-range: U+b80d-b80f, U+b811-b817, U+b81a, U+b81c-b823, U+b826-b827, U+b829-b82b, U+b82d-b833, U+b836, U+b83a-b83f, U+b841-b85b, U+b85e-b85f, U+b861-b863, U+b865-b86b, U+b86e, U+b870, U+b872-b8af, U+b8b1-b8be;
}

/* [47] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.47.woff2) format('woff2-variations');
	unicode-range: U+b74d-b75f, U+b761-b763, U+b765-b774, U+b776-b77b, U+b77e-b77f, U+b781-b783, U+b785-b78b, U+b78e, U+b792-b796, U+b79a-b79b, U+b79d-b7a7, U+b7aa, U+b7ae-b7b3, U+b7b6-b7c8, U+b7ca-b7eb, U+b7ee-b7ef, U+b7f1-b7f3, U+b7f5-b7fb, U+b7fe, U+b802-b806, U+b80a-b80b;
}

/* [48] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.48.woff2) format('woff2-variations');
	unicode-range: U+b6a7-b6aa, U+b6ac-b6b0, U+b6b2-b6ef, U+b6f1-b727, U+b72a-b72b, U+b72d-b72e, U+b731-b737, U+b739-b73a, U+b73c-b743, U+b745-b74c;
}

/* [49] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.49.woff2) format('woff2-variations');
	unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6;
}

/* [50] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.50.woff2) format('woff2-variations');
	unicode-range: U+b55f, U+b562-b583, U+b585-b59f, U+b5a2-b5a3, U+b5a5-b5a7, U+b5a9-b5b2, U+b5b5-b5ba, U+b5bd-b604;
}

/* [51] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.51.woff2) format('woff2-variations');
	unicode-range: U+b4a5-b4b6, U+b4b8-b4bf, U+b4c1-b4c7, U+b4c9-b4db, U+b4de-b4df, U+b4e1-b4e2, U+b4e5-b4eb, U+b4ee, U+b4f0, U+b4f2-b513, U+b516-b517, U+b519-b51a, U+b51d-b523, U+b526, U+b528, U+b52b-b52f, U+b532-b533, U+b535-b537, U+b539-b53f, U+b541-b544, U+b546-b54b, U+b54d-b54f, U+b551-b55b, U+b55d-b55e;
}

/* [52] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.52.woff2) format('woff2-variations');
	unicode-range: U+b3f8-b3fb, U+b3fd-b40f, U+b411-b417, U+b419-b41b, U+b41d-b41f, U+b421-b427, U+b42a-b42b, U+b42d-b44f, U+b452-b453, U+b455-b457, U+b459-b45f, U+b462-b464, U+b466-b46b, U+b46d-b47f, U+b481-b4a3;
}

/* [53] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.53.woff2) format('woff2-variations');
	unicode-range: U+b342-b353, U+b356-b357, U+b359-b35b, U+b35d-b35e, U+b360-b363, U+b366, U+b368, U+b36a-b36d, U+b36f, U+b372-b373, U+b375-b377, U+b379-b37f, U+b381-b382, U+b384, U+b386-b38b, U+b38d-b3c3, U+b3c6-b3c7, U+b3c9-b3ca, U+b3cd-b3d3, U+b3d6, U+b3d8, U+b3da-b3f7;
}

/* [54] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.54.woff2) format('woff2-variations');
	unicode-range: U+b27c-b283, U+b285-b28f, U+b292-b293, U+b295-b297, U+b29a-b29f, U+b2a1-b2a4, U+b2a7-b2a9, U+b2ab, U+b2ad-b2c7, U+b2ca-b2cb, U+b2cd-b2cf, U+b2d1-b2d7, U+b2da, U+b2dc, U+b2de-b2e3, U+b2e7, U+b2e9-b2ea, U+b2ef-b2f3, U+b2f6, U+b2f8, U+b2fa-b2fb, U+b2fd-b2fe, U+b302-b303, U+b305-b307, U+b309-b30f, U+b312, U+b316-b31b, U+b31d-b341;
}

/* [55] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.55.woff2) format('woff2-variations');
	unicode-range: U+b1d6-b1e7, U+b1e9-b1fc, U+b1fe-b203, U+b206-b207, U+b209-b20b, U+b20d-b213, U+b216-b21f, U+b221-b257, U+b259-b273, U+b275-b27b;
}

/* [56] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.56.woff2) format('woff2-variations');
	unicode-range: U+b120-b122, U+b126-b127, U+b129-b12b, U+b12d-b133, U+b136, U+b138, U+b13a-b13f, U+b142-b143, U+b145-b14f, U+b151-b153, U+b156-b157, U+b159-b177, U+b17a-b17b, U+b17d-b17f, U+b181-b187, U+b189-b18c, U+b18e-b191, U+b195-b1a7, U+b1a9-b1cb, U+b1cd-b1d5;
}

/* [57] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.57.woff2) format('woff2-variations');
	unicode-range: U+b05f-b07b, U+b07e-b07f, U+b081-b083, U+b085-b08b, U+b08d-b097, U+b09b, U+b09d-b09f, U+b0a2-b0a7, U+b0aa, U+b0b0, U+b0b2, U+b0b6-b0b7, U+b0b9-b0bb, U+b0bd-b0c3, U+b0c6-b0c7, U+b0ca-b0cf, U+b0d1-b0df, U+b0e1-b0e4, U+b0e6-b107, U+b10a-b10b, U+b10d-b10f, U+b111-b112, U+b114-b117, U+b119-b11a, U+b11c-b11f;
}

/* [58] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.58.woff2) format('woff2-variations');
	unicode-range: U+afac-afb7, U+afba-afbb, U+afbd-afbf, U+afc1-afc6, U+afca-afcc, U+afce-afd3, U+afd5-afe7, U+afe9-afef, U+aff1-b00b, U+b00d-b00f, U+b011-b013, U+b015-b01b, U+b01d-b027, U+b029-b043, U+b045-b047, U+b049, U+b04b, U+b04d-b052, U+b055-b056, U+b058-b05c, U+b05e;
}

/* [59] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.59.woff2) format('woff2-variations');
	unicode-range: U+af03-af07, U+af09-af2b, U+af2e-af33, U+af35-af3b, U+af3e-af40, U+af44-af47, U+af4a-af5c, U+af5e-af63, U+af65-af7f, U+af81-afab;
}

/* [60] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.60.woff2) format('woff2-variations');
	unicode-range: U+ae56-ae5b, U+ae5e-ae60, U+ae62-ae64, U+ae66-ae67, U+ae69-ae6b, U+ae6d-ae83, U+ae85-aebb, U+aebf, U+aec1-aec3, U+aec5-aecb, U+aece, U+aed0, U+aed2-aed7, U+aed9-aef3, U+aef5-af02;
}

/* [61] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.61.woff2) format('woff2-variations');
	unicode-range: U+ad9c-ada3, U+ada5-adbf, U+adc1-adc3, U+adc5-adc7, U+adc9-add2, U+add4-addb, U+addd-addf, U+ade1-ade3, U+ade5-adf7, U+adfa-adfb, U+adfd-adff, U+ae02-ae07, U+ae0a, U+ae0c, U+ae0e-ae13, U+ae15-ae2f, U+ae31-ae33, U+ae35-ae37, U+ae39-ae3f, U+ae42, U+ae44, U+ae46-ae49, U+ae4b, U+ae4f, U+ae51-ae53, U+ae55;
}

/* [62] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.62.woff2) format('woff2-variations');
	unicode-range: U+ace2-ace3, U+ace5-ace6, U+ace9-acef, U+acf2, U+acf4, U+acf7-acfb, U+acfe-acff, U+ad01-ad03, U+ad05-ad0b, U+ad0d-ad10, U+ad12-ad1b, U+ad1d-ad33, U+ad35-ad48, U+ad4a-ad4f, U+ad51-ad6b, U+ad6e-ad6f, U+ad71-ad72, U+ad77-ad7c, U+ad7e, U+ad80, U+ad82-ad87, U+ad89-ad8b, U+ad8d-ad8f, U+ad91-ad9b;
}

/* [63] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.63.woff2) format('woff2-variations');
	unicode-range: U+ac25-ac2c, U+ac2e, U+ac30, U+ac32-ac37, U+ac39-ac3f, U+ac41-ac4c, U+ac4e-ac6f, U+ac72-ac73, U+ac75-ac76, U+ac79-ac7f, U+ac82, U+ac84-ac88, U+ac8a-ac8b, U+ac8d-ac8f, U+ac91-ac93, U+ac95-ac9b, U+ac9d-ac9e, U+aca1-aca7, U+acab, U+acad-acaf, U+acb1-acb7, U+acba-acbb, U+acbe-acc0, U+acc2-acc3, U+acc5-acdf;
}

/* [64] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.64.woff2) format('woff2-variations');
	unicode-range: U+99df, U+99ed, U+99f1, U+99ff, U+9a01, U+9a08, U+9a0e-9a0f, U+9a19, U+9a2b, U+9a30, U+9a36-9a37, U+9a40, U+9a43, U+9a45, U+9a4d, U+9a55, U+9a57, U+9a5a-9a5b, U+9a5f, U+9a62, U+9a65, U+9a69-9a6a, U+9aa8, U+9ab8, U+9ad3, U+9ae5, U+9aee, U+9b1a, U+9b27, U+9b2a, U+9b31, U+9b3c, U+9b41-9b45, U+9b4f, U+9b54, U+9b5a, U+9b6f, U+9b8e, U+9b91, U+9b9f, U+9bab, U+9bae, U+9bc9, U+9bd6, U+9be4, U+9be8, U+9c0d, U+9c10, U+9c12, U+9c15, U+9c25, U+9c32, U+9c3b, U+9c47, U+9c49, U+9c57, U+9ce5, U+9ce7, U+9ce9, U+9cf3-9cf4, U+9cf6, U+9d09, U+9d1b, U+9d26, U+9d28, U+9d3b, U+9d51, U+9d5d, U+9d60-9d61, U+9d6c, U+9d72, U+9da9, U+9daf, U+9db4, U+9dc4, U+9dd7, U+9df2, U+9df8-9dfa, U+9e1a, U+9e1e, U+9e75, U+9e79, U+9e7d, U+9e7f, U+9e92-9e93, U+9e97, U+9e9d, U+9e9f, U+9ea5, U+9eb4-9eb5, U+9ebb, U+9ebe, U+9ec3, U+9ecd-9ece, U+9ed4, U+9ed8, U+9edb-9edc, U+9ede, U+9ee8, U+9ef4, U+9f07-9f08, U+9f0e, U+9f13, U+9f20, U+9f3b, U+9f4a-9f4b, U+9f4e, U+9f52, U+9f5f, U+9f61, U+9f67, U+9f6a, U+9f6c, U+9f77, U+9f8d, U+9f90, U+9f95, U+9f9c, U+ac02-ac03, U+ac05-ac06, U+ac09-ac0f, U+ac17-ac18, U+ac1b, U+ac1e-ac1f, U+ac21-ac23;
}

/* [65] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.65.woff2) format('woff2-variations');
	unicode-range: U+338c-339c, U+339f-33a0, U+33a2-33cb, U+33cf-33d0, U+33d3, U+33d6, U+33d8, U+33db-33dd, U+4e01, U+4e03, U+4e07-4e08, U+4e11, U+4e14-4e15, U+4e18-4e19, U+4e1e, U+4e32, U+4e38-4e39, U+4e42-4e43, U+4e45, U+4e4d-4e4f, U+4e56, U+4e58-4e59, U+4e5d-4e5e, U+4e6b, U+4e6d, U+4e73, U+4e76-4e77, U+4e7e, U+4e82, U+4e86, U+4e88, U+4e8e, U+4e90-4e92, U+4e94-4e95, U+4e98, U+4e9b, U+4e9e, U+4ea1-4ea2, U+4ea4-4ea6, U+4ea8, U+4eab, U+4ead-4eae, U+4eb6, U+4ec0-4ec1, U+4ec4, U+4ec7, U+4ecb, U+4ecd, U+4ed4-4ed5, U+4ed7-4ed9, U+4edd, U+4edf, U+4ee4, U+4ef0, U+4ef2, U+4ef6-4ef7, U+4efb, U+4f01, U+4f09, U+4f0b, U+4f0d-4f11, U+4f2f, U+4f34, U+4f36, U+4f38, U+4f3a, U+4f3c-4f3d;
}

/* [66] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.66.woff2) format('woff2-variations');
	unicode-range: U+3136, U+3138, U+313a-3140, U+3143-3144, U+3150, U+3152, U+3154-3156, U+3158-315b, U+315d-315f, U+3162, U+3164-318c, U+318e, U+3200-321b, U+3231, U+3239, U+3251-325a, U+3260-327b, U+327e-327f, U+328a-3290, U+3294, U+329e, U+32a5, U+3380-3384, U+3388-338b;
}

/* [67] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.67.woff2) format('woff2-variations');
	unicode-range: U+2f7d, U+2f7f-2f8b, U+2f8e-2f90, U+2f92-2f97, U+2f99-2fa0, U+2fa2-2fa3, U+2fa5-2fa9, U+2fac-2fb1, U+2fb3-2fbc, U+2fc1-2fca, U+2fcd-2fd4, U+3003, U+3012-3019, U+301c, U+301e-3020, U+3036, U+3041, U+3043, U+3045, U+3047, U+3049, U+304e, U+3050, U+3052, U+3056, U+305a, U+305c, U+305e, U+3062, U+3065, U+306c, U+3070-307d, U+3080, U+3085, U+3087, U+308e, U+3090-3091, U+30a1, U+30a5, U+30a9, U+30ae, U+30b1-30b2, U+30b4, U+30b6, U+30bc-30be, U+30c2, U+30c5, U+30cc, U+30d2, U+30d4, U+30d8-30dd, U+30e4, U+30e6, U+30e8, U+30ee, U+30f0-30f2, U+30f4-30f6, U+3133, U+3135;
}

/* [68] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.68.woff2) format('woff2-variations');
	unicode-range: U+2541-254b, U+25a4-25a9, U+25b1, U+25b5, U+25b9, U+25bf, U+25c1, U+25c3, U+25c9-25ca, U+25cc, U+25ce, U+25d0-25d1, U+25e6, U+25ef, U+260f, U+261d, U+261f, U+262f, U+2660, U+2664, U+2667-2669, U+266d, U+266f, U+2716, U+271a, U+273d, U+2756, U+2776-277f, U+278a-2793, U+2963, U+2965, U+2ac5-2ac6, U+2acb-2acc, U+2f00, U+2f04, U+2f06, U+2f08, U+2f0a-2f0b, U+2f11-2f12, U+2f14, U+2f17-2f18, U+2f1c-2f1d, U+2f1f-2f20, U+2f23-2f26, U+2f28-2f29, U+2f2b, U+2f2d, U+2f2f-2f32, U+2f38, U+2f3c-2f40, U+2f42-2f4c, U+2f4f-2f52, U+2f54-2f58, U+2f5a-2f66, U+2f69-2f70, U+2f72-2f76, U+2f78, U+2f7a-2f7c;
}

/* [69] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.69.woff2) format('woff2-variations');
	unicode-range: U+2479-2487, U+249c-24d1, U+24d3-24d7, U+24d9-24e9, U+24eb-24f4, U+2500-2501, U+2503, U+250c-2513, U+2515-2516, U+2518-2540;
}

/* [70] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.70.woff2) format('woff2-variations');
	unicode-range: U+215b-215e, U+2162-2169, U+2170-2179, U+2195-2199, U+21b0-21b4, U+21bc, U+21c0, U+21c4-21c5, U+21cd, U+21cf-21d4, U+21e0-21e3, U+21e6-21e9, U+2200, U+2202-2203, U+2206-2209, U+220b-220c, U+220f, U+2211, U+2213, U+221a, U+221d-2220, U+2222, U+2225-2227, U+2229-222c, U+222e, U+2234-2237, U+223d, U+2243, U+2245, U+2248, U+2250-2253, U+225a, U+2260-2262, U+2264-2267, U+226a-226b, U+226e-2273, U+2276-2277, U+2279-227b, U+2280-2287, U+228a-228b, U+2295-2297, U+22a3-22a5, U+22bb-22bc, U+22ce-22cf, U+22da-22db, U+22ee-22ef, U+2306, U+2312, U+2314, U+2467-2478;
}

/* [71] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.71.woff2) format('woff2-variations');
	unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac, U+b1-b3, U+b6, U+b8-ba, U+bc-be, U+c0, U+c2, U+c6-cb, U+ce-d0, U+d4, U+d8-d9, U+db-dc, U+de-df, U+e6, U+eb, U+ee-f0, U+f4, U+f7-f9, U+fb, U+fe-ff, U+111, U+126-127, U+132-133, U+138, U+13f-142, U+149-14b, U+152-153, U+166-167, U+2bc, U+2c7, U+2d0, U+2d8-2d9, U+2db-2dd, U+391-394, U+396-3a1, U+3a3-3a9, U+3b2-3b6, U+3b8, U+3bc, U+3be-3c1, U+3c3-3c9, U+2010, U+2015-2016, U+2018-2019, U+201b, U+201f-2021, U+2025, U+2030, U+2033-2036, U+203c, U+203e, U+2042, U+2074, U+207a-207f, U+2081-2084, U+2109, U+2113, U+2116, U+2121, U+2126, U+212b, U+2153-2154;
}

/* [72] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.72.woff2) format('woff2-variations');
	unicode-range: U+e8, U+2da, U+2160, U+2194, U+3054, U+3058, U+306d, U+3086, U+308d, U+30ac, U+30bb, U+30c4, U+30cd-30ce, U+30e2, U+3132, U+3146, U+3149, U+339d, U+4e3b, U+4f0a, U+4fdd, U+4fe1, U+5409, U+540c, U+5834, U+592a-592b, U+5b9a, U+5dde, U+5e0c, U+5e73, U+5f0f, U+60f3, U+653f, U+661f, U+662f, U+667a, U+683c, U+6b4c, U+6c11, U+767c, U+76ee, U+76f4, U+77f3, U+79d1, U+7a7a, U+7b2c, U+7d22, U+8207, U+8a00, U+8a71, U+9280, U+9580, U+958b, U+96c6, U+9762, U+98df, U+9ed1, U+ac2d, U+adc8, U+add3, U+af48, U+b014, U+b134-b135, U+b158, U+b2aa, U+b35f, U+b6a4, U+b9cf, U+bb63, U+bd23, U+be91, U+c29b, U+c3f4, U+c42c, U+c55c, U+c573, U+c58f, U+c78c, U+c7dd, U+c8f5, U+cad1, U+cc48, U+cf10, U+cf20, U+d03c, U+d07d, U+d2a0, U+d30e, U+d38d, U+d3a8, U+d3c8, U+d5e5, U+d5f9, U+d6e4, U+f90a, U+ff02, U+ff1c;
}

/* [73] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.73.woff2) format('woff2-variations');
	unicode-range: U+3b1, U+2466, U+25a1, U+25a3, U+261c, U+3008-3009, U+305b, U+305d, U+3069, U+30a7, U+30ba, U+30cf, U+30ef, U+3151, U+3157, U+4e4b, U+4e5f, U+4e8c, U+4eca, U+4ed6, U+4f5b, U+50cf, U+5149, U+5165, U+5171, U+5229, U+529b, U+5316, U+539f, U+53f2, U+571f, U+5728, U+58eb, U+591c, U+5b78, U+5c11, U+5c55, U+5ddd, U+5e02, U+5fb7, U+60c5, U+610f, U+611f, U+6625, U+66f8, U+6797, U+679c, U+682a, U+6d2a, U+706b, U+7406, U+767b, U+76f8, U+77e5, U+7acb, U+898b, U+8a69, U+8def, U+8fd1, U+901a, U+90e8, U+91cd, U+975e, U+ae14, U+ae6c, U+aec0, U+afc7, U+afc9, U+b01c, U+b028, U+b308, U+b311, U+b314, U+b31c, U+b524, U+b560, U+b764, U+b920, U+b9e3, U+bd48, U+be7d, U+c0db, U+c231, U+c270, U+c2e3, U+c37d, U+c3ed, U+c530, U+c6a5, U+c6dc, U+c7a4, U+c954, U+c974, U+d000, U+d565, U+d667, U+d6c5, U+d79d, U+ff1e;
}

/* [74] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.74.woff2) format('woff2-variations');
	unicode-range: U+131, U+2032, U+2465, U+2642, U+3048, U+3051, U+3083-3084, U+308f, U+30c0, U+30d1, U+30d3, U+30d6, U+30df, U+30e7, U+3153, U+4e16, U+4e8b, U+4ee5, U+5206, U+52a0, U+52d5, U+53e4, U+53ef, U+54c1, U+57ce, U+597d, U+5b8c, U+5ea6, U+5f8c, U+5f97, U+6210, U+6240, U+624b, U+6728, U+6bd4, U+7236, U+7269, U+7279, U+738b, U+7528, U+7530, U+767e, U+798f, U+8005, U+8a18, U+90fd, U+91cc, U+9577, U+9593, U+98a8, U+ac20, U+acf6, U+ad90, U+af5d, U+af80, U+afcd, U+aff0, U+b0a1, U+b0b5, U+b1fd, U+b2fc, U+b380, U+b51b, U+b584, U+b5b3, U+b8fd, U+b93c, U+b9f4, U+bb44, U+bc08, U+bc27, U+bc49, U+be55, U+be64, U+bfb0, U+bfc5, U+c178, U+c21f, U+c314, U+c4f1, U+c58d, U+c664, U+c698, U+c6a7, U+c6c1, U+c9ed, U+cac0, U+cacc, U+cad9, U+ccb5, U+cdcc, U+d0e4, U+d143, U+d320, U+d330, U+d54d, U+ff06, U+ff1f, U+ff5e;
}

/* [75] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.75.woff2) format('woff2-variations');
	unicode-range: U+b4, U+20a9, U+20ac, U+2190, U+24d8, U+2502, U+2514, U+2592, U+25c7-25c8, U+2663, U+3060, U+3064, U+3081, U+3088, U+30a3, U+30a6, U+30aa, U+30b5, U+30c7, U+30ca-30cb, U+30d0, U+30e3, U+30e5, U+339e, U+4e09, U+4eac, U+4f5c, U+5167-5168, U+516c, U+51fa, U+5408, U+540d, U+591a, U+5b57, U+6211, U+65b9, U+660e, U+6642, U+6700, U+6b63, U+6e2f, U+7063, U+7532, U+793e, U+81ea, U+8272, U+82b1, U+897f, U+8eca, U+91ce, U+ac38, U+ad76, U+ae84, U+aecc, U+b07d, U+b0b1, U+b215, U+b2a0, U+b310, U+b3d7, U+b52a, U+b618, U+b775, U+b797, U+bcd5, U+bd59, U+be80, U+bea8, U+bed1, U+bee4-bee5, U+c060, U+c2ef, U+c329, U+c3dc, U+c597, U+c5bd, U+c5e5, U+c69c, U+c9d6, U+ca29, U+ca5c, U+ca84, U+cc39, U+cc3b, U+ce89, U+cee5, U+cf65, U+cf85, U+d058, U+d145, U+d22d, U+d325, U+d37d, U+d3ad, U+d769, U+ff0c;
}

/* [76] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.76.woff2) format('woff2-variations');
	unicode-range: U+2161, U+2228, U+2299, U+2464, U+2517, U+2640, U+3042, U+304a, U+3053, U+3061, U+307f, U+3082, U+308c, U+3092, U+30a8, U+30ab, U+30ad, U+30b0, U+30b3, U+30b7, U+30c1, U+30c6, U+30c9, U+30d5, U+30d7, U+30de, U+30e0-30e1, U+30ec-30ed, U+4e0b, U+4e0d, U+4ee3, U+53f0, U+548c, U+5b89, U+5bb6, U+5c0f, U+611b, U+6771, U+6aa2, U+6bcd, U+6c34, U+6cd5, U+6d77, U+767d, U+795e, U+8ecd, U+9999, U+9ad8, U+ac07, U+ac1a, U+ac40, U+ad0c, U+ad88, U+ada4, U+ae01, U+ae65, U+aebd, U+aec4, U+afe8, U+b139, U+b205, U+b383, U+b38c, U+b42c, U+b461, U+b55c, U+b78f, U+b8fb, U+b9f7, U+bafc, U+bc99, U+bed8, U+bfcd, U+c0bf, U+c0f9, U+c167, U+c204, U+c20f, U+c22f, U+c258, U+c298, U+c2bc, U+c388, U+c501, U+c50c, U+c5b9, U+c5ce, U+c641, U+c648, U+c73d, U+ca50, U+ca61, U+cc4c, U+ceac, U+d0d4, U+d5f7, U+d6d7, U+ff1a;
}

/* [77] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.77.woff2) format('woff2-variations');
	unicode-range: U+2103, U+2463, U+25c6, U+25cb, U+266c, U+3001, U+300a, U+3046, U+304c-304d, U+304f, U+3055, U+3059, U+3063, U+3066-3068, U+306f, U+3089, U+30b8, U+30bf, U+314f, U+4e0a, U+570b, U+5730, U+5916, U+5929, U+5c71, U+5e74, U+5fc3, U+601d, U+6027, U+63d0, U+6709, U+6734, U+751f, U+7684, U+82f1, U+9053, U+91d1, U+97f3, U+ac2f, U+ac4d, U+adc4, U+ade4, U+ae41, U+ae4d-ae4e, U+aed1, U+afb9, U+b0e0, U+b299, U+b365, U+b46c, U+b480, U+b4c8, U+b7b4, U+b819, U+b918, U+baab, U+bab9, U+be8f, U+bed7, U+c0ec, U+c19f, U+c1a5, U+c3d9, U+c464, U+c53d, U+c553, U+c570, U+c5cc, U+c633, U+c6a4, U+c7a3, U+c7a6, U+c886, U+c9d9-c9da, U+c9ec, U+ca0c, U+cc21, U+cd1b, U+cd78, U+cdc4, U+cef8, U+cfe4, U+d0a5, U+d0b5, U+d0ec, U+d15d, U+d188, U+d23c, U+d2ac, U+d729, U+d79b, U+ff01, U+ff08-ff09, U+ff5c;
}

/* [78] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.78.woff2) format('woff2-variations');
	unicode-range: U+2039-203a, U+223c, U+25b3, U+25b7, U+25bd, U+25cf, U+266a, U+3002, U+300b, U+304b, U+3057, U+305f, U+306a-306b, U+307e, U+308a-308b, U+3093, U+30a2, U+30af, U+30b9, U+30c3, U+30c8, U+30e9-30eb, U+33a1, U+4e00, U+524d, U+5357, U+5b50, U+7121, U+884c, U+9751, U+ac94, U+aebe, U+aecd, U+af08, U+af41, U+af49, U+b010, U+b053, U+b109, U+b11b, U+b128, U+b154, U+b291, U+b2e6, U+b301, U+b385, U+b525, U+b5b4, U+b729, U+b72f, U+b738, U+b7ff, U+b837, U+b975, U+ba67, U+bb47, U+bc1f, U+bd90, U+bfd4, U+c27c, U+c324, U+c379, U+c3e0, U+c465, U+c53b, U+c58c, U+c610, U+c653, U+c6cd, U+c813, U+c82f, U+c999, U+c9e0, U+cac4, U+cad3, U+cbd4, U+cc10, U+cc22, U+ccb8, U+ccbc, U+cda5, U+ce84, U+cea3, U+cf67, U+cfe1, U+d241, U+d30d, U+d31c, U+d391, U+d401, U+d479, U+d5c9, U+d5db, U+d649, U+d6d4;
}

/* [79] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.79.woff2) format('woff2-variations');
	unicode-range: U+b0, U+e9, U+2193, U+2462, U+260e, U+261e, U+300e-300f, U+3044, U+30a4, U+30fb-30fc, U+314d, U+5973, U+6545, U+6708, U+7537, U+ac89, U+ac9c, U+acc1, U+ad04, U+ad75, U+ad7d, U+ae45, U+ae61, U+af42, U+b0ab, U+b0af, U+b0b3, U+b12c, U+b194, U+b1a8, U+b220, U+b258, U+b284, U+b2ff, U+b315, U+b371, U+b3d4-b3d5, U+b460, U+b527, U+b534, U+b810, U+b818, U+b98e, U+ba55, U+bbac, U+bc0b, U+bc40, U+bca1, U+bccd, U+bd93, U+be54, U+be5a, U+bf08, U+bf50, U+bf55, U+bfdc, U+c0c0, U+c0d0, U+c0f4, U+c100, U+c11e, U+c170, U+c20d, U+c274, U+c290, U+c308, U+c369, U+c539, U+c587, U+c5ff, U+c6ec, U+c70c, U+c7ad, U+c7c8, U+c83c, U+c881, U+cb48, U+cc60, U+ce69, U+ce6b, U+ce75, U+cf04, U+cf08, U+cf55, U+cf70, U+cffc, U+d0b7, U+d1a8, U+d2c8, U+d384, U+d47c, U+d48b, U+d5dd, U+d5e8, U+d720, U+d759, U+f981;
}

/* [80] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.80.woff2) format('woff2-variations');
	unicode-range: U+e0, U+e2, U+395, U+3b7, U+3ba, U+2460-2461, U+25a0, U+3010-3011, U+306e, U+30f3, U+314a, U+314c, U+5927, U+65b0, U+7e41, U+97d3, U+9ad4, U+ad49, U+ae0b, U+ae0d, U+ae43, U+ae5d, U+aecf, U+af3c, U+af64, U+afd4, U+b080, U+b084, U+b0c5, U+b10c, U+b1e8, U+b2ac, U+b36e, U+b451, U+b515, U+b540, U+b561, U+b6ab, U+b6b1, U+b72c, U+b730, U+b744, U+b800, U+b8ec, U+b8f0, U+b904, U+b968, U+b96d, U+b987, U+b9d9, U+bb36, U+bb49, U+bc2d, U+bc43, U+bcf6, U+bd89, U+be57, U+be61, U+bed4, U+c090, U+c130, U+c148, U+c19c, U+c2f9, U+c36c, U+c37c, U+c384, U+c3df, U+c575, U+c584, U+c660, U+c719, U+c816, U+ca4d, U+ca54, U+cabc, U+cb49, U+cc14, U+cff5, U+d004, U+d038, U+d0b4, U+d0d3, U+d0e0, U+d0ed, U+d131, U+d1b0, U+d31f, U+d33d, U+d3a0, U+d3ab, U+d514, U+d584, U+d6a1, U+d6cc, U+d749, U+d760, U+d799;
}

/* [81] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.81.woff2) format('woff2-variations');
	unicode-range: U+24, U+60, U+3b9, U+3bb, U+3bd, U+2191, U+2606, U+300c-300d, U+3131, U+3134, U+3139, U+3141-3142, U+3148, U+3161, U+3163, U+321c, U+4eba, U+5317, U+ac31, U+ac77, U+ac9f, U+acb9, U+acf0-acf1, U+acfd, U+ad73, U+af3d, U+b00c, U+b04a, U+b057, U+b0c4, U+b188, U+b1cc, U+b214, U+b2db, U+b2ee, U+b304, U+b4ed, U+b518, U+b5bc, U+b625, U+b69c-b69d, U+b7ac, U+b801, U+b86c, U+b959, U+b95c, U+b985, U+ba48, U+bb58, U+bc0c, U+bc38, U+bc85, U+bc9a, U+bf40, U+c068, U+c0bd, U+c0cc, U+c12f, U+c149, U+c1e0, U+c22b, U+c22d, U+c250, U+c2fc, U+c300, U+c313, U+c370, U+c3d8, U+c557, U+c580, U+c5e3, U+c62e, U+c634, U+c6f0, U+c74d, U+c783, U+c78e, U+c796, U+c7bc, U+c92c, U+ca4c, U+cc1c, U+cc54, U+cc59, U+ce04, U+cf30, U+cfc4, U+d140, U+d321, U+d38c, U+d399, U+d54f, U+d587, U+d5d0, U+d6e8, U+d770;
}

/* [82] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.82.woff2) format('woff2-variations');
	unicode-range: U+d7, U+ea, U+fc, U+2192, U+25bc, U+3000, U+3137, U+3145, U+315c, U+7f8e, U+ac13, U+ac71, U+ac90, U+acb8, U+ace7, U+ad7f, U+ae50, U+aef4, U+af34, U+afbc, U+b048, U+b09a, U+b0ad, U+b0bc, U+b113, U+b125, U+b141, U+b20c, U+b2d9, U+b2ed, U+b367, U+b369, U+b374, U+b3cb, U+b4ec, U+b611, U+b760, U+b81b, U+b834, U+b8b0, U+b8e1, U+b989, U+b9d1, U+b9e1, U+b9fa, U+ba4d, U+ba78, U+bb35, U+bb54, U+bbf9, U+bc11, U+bcb3, U+bd05, U+bd95, U+bdd4, U+be10, U+bed0, U+bf51, U+c0d8, U+c232, U+c2b7, U+c2eb, U+c378, U+c500, U+c52c, U+c549, U+c568, U+c598, U+c5c9, U+c61b, U+c639, U+c67c, U+c717, U+c78a, U+c80a, U+c90c-c90d, U+c950, U+c9e7, U+cbe4, U+cca9, U+cce4, U+cdb0, U+ce78, U+ce94, U+ce98, U+cf8c, U+d018, U+d034, U+d0f1, U+d1b1, U+d280, U+d2f8, U+d338, U+d380, U+d3b4, U+d610, U+d69f, U+d6fc, U+d758;
}

/* [83] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.83.woff2) format('woff2-variations');
	unicode-range: U+e7, U+2022, U+203b, U+25c0, U+2605, U+2661, U+3147, U+318d, U+672c, U+8a9e, U+acaa, U+acbc, U+ad1c, U+ae4a, U+ae5c, U+b044, U+b054, U+b0c8-b0c9, U+b2a6, U+b2d0, U+b35c, U+b364, U+b428, U+b454, U+b465, U+b4b7, U+b4e3, U+b51c, U+b5a1, U+b784, U+b790, U+b7ab, U+b7f4, U+b82c, U+b835, U+b8e9, U+b8f8, U+b9d8, U+b9f9, U+ba5c, U+ba64, U+babd, U+bb18, U+bb3b, U+bbff, U+bc0d, U+bc45, U+bc97, U+bcbc, U+be45, U+be75, U+be7c, U+bfcc, U+c0b6, U+c0f7, U+c14b, U+c2b4, U+c30d, U+c4f8, U+c5bb, U+c5d1, U+c5e0, U+c5ee, U+c5fd, U+c606, U+c6c5, U+c6e0, U+c708, U+c81d, U+c820, U+c824, U+c878, U+c918, U+c96c, U+c9e4, U+c9f1, U+cc2e, U+cd09, U+cea1, U+cef5, U+cef7, U+cf64, U+cf69, U+cfe8, U+d035, U+d0ac, U+d230, U+d234, U+d2f4, U+d31d, U+d575, U+d578, U+d608, U+d614, U+d718, U+d751, U+d761, U+d78c, U+d790;
}

/* [84] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.84.woff2) format('woff2-variations');
	unicode-range: U+2665, U+3160, U+4e2d, U+6587, U+65e5, U+ac12, U+ac14, U+ac16, U+ac81, U+ad34, U+ade0, U+ae54, U+aebc, U+af2c, U+afc0, U+afc8, U+b04c, U+b08c, U+b099, U+b0a9, U+b0ac, U+b0ae, U+b0b8, U+b123, U+b179, U+b2e5, U+b2f7, U+b4c0, U+b531, U+b538, U+b545, U+b550, U+b5a8, U+b6f0, U+b728, U+b73b, U+b7ad, U+b7ed, U+b809, U+b864, U+b86d, U+b871, U+b9bf, U+b9f5, U+ba40, U+ba4b, U+ba58, U+ba87, U+baac, U+bbc0, U+bc16, U+bc34, U+bd07, U+bd99, U+be59, U+bfd0, U+c058, U+c0e4, U+c0f5, U+c12d, U+c139, U+c228, U+c529, U+c5c7, U+c635, U+c637, U+c735, U+c77d, U+c787, U+c789, U+c8c4, U+c989, U+c98c, U+c9d0, U+c9d3, U+cc0c, U+cc99, U+cd0c, U+cd2c, U+cd98, U+cda4, U+ce59, U+ce60, U+ce6d, U+cea0, U+d0d0-d0d1, U+d0d5, U+d14d, U+d1a4, U+d29c, U+d2f1, U+d301, U+d39c, U+d3bc, U+d4e8, U+d540, U+d5ec, U+d640, U+d750;
}

/* [85] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.85.woff2) format('woff2-variations');
	unicode-range: U+5e, U+25b2, U+25b6, U+314e, U+ac24, U+ace1, U+ace4, U+ae68, U+af2d, U+b0d0, U+b0e5, U+b150, U+b155, U+b193, U+b2c9, U+b2dd, U+b3c8, U+b3fc, U+b410, U+b458, U+b4dd, U+b5a0, U+b5a4, U+b5bb, U+b7b5, U+b838, U+b840, U+b86f, U+b8f9, U+b960, U+b9e5, U+bab8, U+bb50, U+bc1d, U+bc24-bc25, U+bca8, U+bcbd, U+bd04, U+bd10, U+bd24, U+be48, U+be5b, U+be68, U+c05c, U+c12c, U+c140, U+c15c, U+c168, U+c194, U+c219, U+c27d, U+c2a8, U+c2f1, U+c2f8, U+c368, U+c554-c555, U+c559, U+c564, U+c5d8, U+c5fc, U+c625, U+c65c, U+c6b1, U+c728, U+c794, U+c84c, U+c88c, U+c8e0, U+c8fd, U+c998, U+c9dd, U+cc0d, U+cc30, U+ceec, U+cf13, U+cf1c, U+cf5c, U+d050, U+d07c, U+d0a8, U+d134, U+d138, U+d154, U+d1f4, U+d2bc, U+d329, U+d32c, U+d3d0, U+d3f4, U+d3fc, U+d56b, U+d5cc, U+d600-d601, U+d639, U+d6c8, U+d754, U+d765;
}

/* [86] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.86.woff2) format('woff2-variations');
	unicode-range: U+3c-3d, U+2026, U+24d2, U+314b, U+ac11, U+acf3, U+ad74, U+ad81, U+adf9, U+ae34, U+af43, U+afb8, U+b05d, U+b07c, U+b110, U+b118, U+b17c, U+b180, U+b18d, U+b192, U+b2cc, U+b355, U+b378, U+b4a4, U+b4ef, U+b78d, U+b799, U+b7a9, U+b7fd, U+b807, U+b80c, U+b839, U+b9b4, U+b9db, U+ba3c, U+bab0, U+bba4, U+bc94, U+be4c, U+c154, U+c1c4, U+c26c, U+c2ac, U+c2ed, U+c4f4, U+c55e, U+c561, U+c571, U+c5b5, U+c5c4, U+c654-c655, U+c695, U+c6e8, U+c6f9, U+c724, U+c751, U+c775, U+c7a0, U+c7c1, U+c874, U+c880, U+c9d5, U+c9f8, U+cabd, U+cc29, U+cc2c, U+cca8, U+ccab, U+ccd0, U+ce21, U+ce35, U+ce7c, U+ce90, U+cee8, U+cef4, U+cfe0, U+d070, U+d0b9, U+d0c1, U+d0c4, U+d0c8, U+d15c, U+d1a1, U+d2c0, U+d300, U+d314, U+d3ed, U+d478, U+d480, U+d48d, U+d508, U+d53d, U+d5e4, U+d611, U+d61c, U+d68d, U+d6a8, U+d798;
}

/* [87] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.87.woff2) format('woff2-variations');
	unicode-range: U+23, U+25, U+5f, U+a9, U+ac08, U+ac78, U+aca8, U+acac, U+ace8, U+ad70, U+adc0, U+addc, U+b137, U+b140, U+b208, U+b290, U+b2f5, U+b3c5, U+b3cc, U+b420, U+b429, U+b529, U+b530, U+b77d, U+b79c, U+b7a8, U+b7c9, U+b7f0, U+b7fc, U+b828, U+b860, U+b9ad, U+b9c1, U+b9c9, U+b9dd-b9de, U+b9e8, U+ba38-ba39, U+babb, U+bc00, U+bc8c, U+bca0, U+bca4, U+bcd1, U+bcfc, U+bd09, U+bdf0, U+be60, U+c0ad, U+c0b4, U+c0bc, U+c190, U+c1fc, U+c220, U+c288, U+c2b9, U+c2f6, U+c528, U+c545, U+c558, U+c5bc, U+c5d4, U+c600, U+c644, U+c6c0, U+c6c3, U+c721, U+c798, U+c7a1, U+c811, U+c838, U+c871, U+c904, U+c990, U+c9dc, U+cc38, U+cc44, U+cca0, U+cd1d, U+cd95, U+cda9, U+ce5c, U+cf00, U+cf58, U+d150, U+d22c, U+d305, U+d328, U+d37c, U+d3f0, U+d551, U+d5a5, U+d5c8, U+d5d8, U+d63c, U+d64d, U+d669, U+d734, U+d76c;
}

/* [88] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.88.woff2) format('woff2-variations');
	unicode-range: U+26, U+2b, U+3e, U+40, U+7e, U+ac01, U+ac19, U+ac1d, U+aca0, U+aca9, U+acb0, U+ad8c, U+ae09, U+ae38, U+ae40, U+aed8, U+b09c, U+b0a0, U+b108, U+b204, U+b298, U+b2d8, U+b2eb-b2ec, U+b2f4, U+b313, U+b358, U+b450, U+b4e0, U+b54c, U+b610, U+b780, U+b78c, U+b791, U+b8e8, U+b958, U+b974, U+b984, U+b9b0, U+b9bc-b9bd, U+b9ce, U+ba70, U+bbfc, U+bc0f, U+bc15, U+bc1b, U+bc31, U+bc95, U+bcc0, U+bcc4, U+bd81, U+bd88, U+c0c8, U+c11d, U+c13c, U+c158, U+c18d, U+c1a1, U+c21c, U+c4f0, U+c54a, U+c560, U+c5b8, U+c5c8, U+c5f4, U+c628, U+c62c, U+c678, U+c6cc, U+c808, U+c810, U+c885, U+c88b, U+c900, U+c988, U+c99d, U+c9c8, U+cc3d-cc3e, U+cc45, U+cd08, U+ce20, U+cee4, U+d074, U+d0a4, U+d0dd, U+d2b9, U+d3b8, U+d3c9, U+d488, U+d544, U+d559, U+d56d, U+d588, U+d615, U+d648, U+d655, U+d658, U+d65c;
}

/* [89] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.89.woff2) format('woff2-variations');
	unicode-range: U+d, U+7c, U+ac10, U+ac15, U+ac74, U+ac80, U+ac83, U+acc4, U+ad11, U+ad50, U+ad6d, U+adfc, U+ae00, U+ae08, U+ae4c, U+b0a8, U+b124, U+b144, U+b178, U+b274, U+b2a5, U+b2e8, U+b2f9, U+b354, U+b370, U+b418, U+b41c, U+b4f1, U+b514, U+b798, U+b808, U+b824-b825, U+b8cc, U+b978, U+b9d0, U+b9e4, U+baa9, U+bb3c, U+bc18, U+bc1c, U+bc30, U+bc84, U+bcf5, U+bcf8, U+bd84, U+be0c, U+be14, U+c0b0, U+c0c9, U+c0dd, U+c124, U+c2dd, U+c2e4, U+c2ec, U+c54c, U+c57c-c57d, U+c591, U+c5c5-c5c6, U+c5ed, U+c608, U+c640, U+c6b8, U+c6d4, U+c784, U+c7ac, U+c800-c801, U+c9c1, U+c9d1, U+cc28, U+cc98, U+cc9c, U+ccad, U+cd5c, U+cd94, U+cd9c, U+cde8, U+ce68, U+cf54, U+d0dc, U+d14c, U+d1a0, U+d1b5, U+d2f0, U+d30c, U+d310, U+d398, U+d45c, U+d50c, U+d53c, U+d560, U+d568, U+d589, U+d604, U+d6c4, U+d788;
}

/* [90] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.90.woff2) format('woff2-variations');
	unicode-range: U+ac04, U+ac1c, U+ac70, U+ac8c, U+acbd, U+acf5, U+acfc, U+ad00, U+ad6c, U+adf8, U+b098, U+b0b4, U+b294, U+b2c8, U+b300, U+b3c4, U+b3d9, U+b4dc, U+b4e4, U+b77c, U+b7ec, U+b85d, U+b97c, U+b9c8, U+b9cc, U+ba54, U+ba74, U+ba85, U+baa8, U+bb34, U+bb38, U+bbf8, U+bc14, U+bc29, U+bc88, U+bcf4, U+bd80, U+be44, U+c0c1, U+c11c, U+c120, U+c131, U+c138, U+c18c, U+c218, U+c2b5, U+c2e0, U+c544, U+c548, U+c5b4, U+c5d0, U+c5ec, U+c5f0, U+c601, U+c624, U+c694, U+c6a9, U+c6b0, U+c6b4, U+c6d0, U+c704, U+c720, U+c73c, U+c740, U+c744, U+c74c, U+c758, U+c77c, U+c785, U+c788, U+c790-c791, U+c7a5, U+c804, U+c815, U+c81c, U+c870, U+c8fc, U+c911, U+c9c4, U+ccb4, U+ce58, U+ce74, U+d06c, U+d0c0, U+d130, U+d2b8, U+d3ec, U+d504, U+d55c, U+d569, U+d574, U+d638, U+d654, U+d68c;
}

/* [91] */
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-display: swap;
	font-weight: 45 920;
	src: url(/assets/fonts/pretendard/PretendardVariable.subset.91.woff2) format('woff2-variations');
	unicode-range: U+20-22, U+27-2a, U+2c-39, U+3a-3b, U+3f, U+41-4e, U+4f-5d, U+61-7b, U+7d, U+a0-a1, U+ab, U+ad-ae, U+b7, U+bb, U+bf, U+2013-2014, U+201c-201d, U+2122, U+ac00, U+ace0, U+ae30, U+b2e4, U+b85c, U+b9ac, U+c0ac, U+c2a4, U+c2dc, U+c774, U+c778, U+c9c0, U+d558;
}


/* 크루딧(CREWDIT) 공통 스타일 · 2026-08-16
   ㈜매스티지 · 이 파일 하나만 각 페이지에서 불러옵니다.
   컬러는 :root 변수만 고치면 전체가 바뀝니다. */
.allonly{display:none}

/* ══════════ 디자인 토큰 (스타일가이드 확정 시 여기만 교체) ══════════ */
:root{
  --brand:#7C5CFC;            /* 브랜드 퍼플 — 근사값 */
  --brand-dk:#6247E0;
  --brand-lt:#F2EFFE;
  --brand-lt2:#E7E1FD;
  --ink:#16171D;
  --body:#3A3C46;
  --mute:#8A8D9A;
  --line:#EBECF0;
  --line-2:#E1E2E8;
  --bg:#FFFFFF;
  --bg-soft:#F8F8FC;
  --field:#F4F4F8;
  --dark:#1A1A20;
  --dark-2:#2A2A32;
  --rail:92px;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --yellow:#FEE500;           /* 카카오 */
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Pretendard','Noto Sans KR','Apple SD Gothic Neo',-apple-system,sans-serif;
     background:var(--bg);color:var(--body);-webkit-font-smoothing:antialiased;word-break:keep-all;line-height:1.6}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none}
svg{display:block}
.frame{width:1440px;max-width:100%;background:var(--bg);border-radius:var(--r-lg);overflow:hidden;
       box-shadow:0 10px 40px rgba(16,17,25,.14);position:relative}

/* ══════════ 앱 셸 — 좌측 레일 + 본문 ══════════ */
.app{display:flex;min-height:900px}

.rail{width:var(--rail);flex:none;border-right:1px solid var(--line);background:#fff;
      display:flex;flex-direction:column;align-items:center;padding:20px 0 24px;gap:2px}
.rail .logo{width:38px;height:38px;display:grid;place-items:center;margin-bottom:18px}
.rail .logo svg{width:26px;height:26px;color:var(--brand)}
.rail .it{width:76px;min-height:58px;border-radius:var(--r-md);display:flex;flex-direction:column;
          align-items:center;justify-content:center;gap:5px;padding:9px 2px 8px;
          color:#9497A6;position:relative;transition:.12s;text-decoration:none}
.rail .it:hover{background:var(--bg-soft);color:var(--body)}
.rail .it svg{width:22px;height:22px}
.rail .it:hover{background:var(--bg-soft);color:var(--body)}
.rail .it.on{color:var(--brand);background:var(--brand-lt)}
.rail .it .tip{position:static;transform:none;background:none;color:inherit;
          font-size:10.5px;font-weight:700;letter-spacing:-.02em;line-height:1;
          padding:0;border-radius:0;white-space:nowrap;opacity:1;pointer-events:none}
.rail .it.on .tip{color:var(--brand)}

.main{flex:1;min-width:0;display:flex;flex-direction:column}

/* 상단바 */
.topbar{display:flex;align-items:center;gap:16px;padding:16px 32px;border-bottom:1px solid var(--line)}
.search{flex:1;position:relative;max-width:640px}
.search input{width:100%;height:46px;border-radius:var(--r-pill);border:1px solid transparent;
       background:var(--field);padding:0 54px 0 20px;font-size:13.5px;color:var(--ink);outline:none}
.search input::placeholder{color:#A8ABB8}
.search input:focus{border-color:var(--brand-lt2);background:#fff;box-shadow:0 0 0 3px var(--brand-lt)}
.search .go{position:absolute;right:5px;top:5px;width:36px;height:36px;border-radius:50%;
       background:var(--brand);display:grid;place-items:center;color:#fff}
.search .go svg{width:16px;height:16px}
.topbar .util{margin-left:auto;display:flex;align-items:center;gap:10px}
.iconbtn{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#9CA0AE}
.iconbtn:hover{background:var(--bg-soft);color:var(--body)}
.iconbtn svg{width:19px;height:19px}
.btn{height:38px;padding:0 18px;border-radius:var(--r-pill);font-size:13px;font-weight:600;
     display:inline-flex;align-items:center;gap:6px;transition:.12s}
.btn.ghost{border:1px solid var(--line-2);color:var(--body)}
.btn.ghost:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.btn.solid{background:var(--brand);color:#fff}
.btn.solid:hover{background:var(--brand-dk)}
.btn.sm{height:32px;padding:0 13px;font-size:12.5px}
.btn.lg{height:46px;padding:0 24px;font-size:14px}
.btn svg{width:15px;height:15px}

.content{flex:1;min-width:0;padding:30px 32px 56px}
/* 넓은 모니터에서 콘텐츠가 과하게 퍼지지 않게 — 실제 사이트 기준 최대 폭 */
.content > *{max-width:1440px;margin-left:auto;margin-right:auto}
.app{max-width:2200px;margin:0 auto}
.content.wide{padding:0 0 56px}

/* 공통 조각 */
.crumb{font-size:12.5px;color:var(--mute);margin-bottom:10px}
.crumb b{color:var(--body);font-weight:600}
.h1{font-size:27px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.32}
.h2{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.h3{font-size:14.5px;font-weight:700;color:var(--ink)}
.lead{font-size:14px;color:var(--mute)}
.sec{margin-top:34px}
.sec .head{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.sec .head .cnt{font-size:13px;color:var(--mute);font-weight:600}
.sec .head .more{margin-left:auto;font-size:12.5px;color:var(--mute);font-weight:600}

.chip{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 13px;border-radius:var(--r-pill);
      border:1px solid var(--line-2);font-size:12.5px;font-weight:600;color:var(--body);background:#fff;transition:.12s}
.chip:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.chip svg{width:13px;height:13px}
.chiprow{display:flex;gap:7px;flex-wrap:wrap;align-items:center}

.badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:5px;
       font-size:11px;font-weight:700;letter-spacing:-.01em}
.badge.way-full{background:#EFEAFE;color:#5B45C8}
.badge.way-part{background:#E8F3FF;color:#2A6BB8}
.badge.way-human{background:#EAF6EE;color:#2A7A4B}
.badge.fact{background:var(--bg-soft);color:#6E7180;border:1px solid var(--line)}
.badge.priv{background:#F2F2F5;color:#7A7D8A}

/* 이미지 자리 */
.ph{background:linear-gradient(135deg,#EEF0F6 0%,#E4E7F1 48%,#EDEAF8 100%);position:relative;overflow:hidden}
.ph::after{content:attr(data-l);position:absolute;left:0;right:0;bottom:9px;text-align:center;
       font-size:10.5px;color:#9EA2B3;font-weight:600;letter-spacing:.02em}
.ph.dk{background:linear-gradient(135deg,#2C2E3C 0%,#1E2030 60%,#3A3350 100%)}
.ph.dk::after{color:#6E7386}

/* 프로젝트 카드 */
.grid{display:grid;gap:20px}
.grid.c5{grid-template-columns:repeat(5,1fr)}
.grid.c4{grid-template-columns:repeat(4,1fr)}
.grid.c3{grid-template-columns:repeat(3,1fr)}
.grid.c2{grid-template-columns:repeat(2,1fr)}

.card{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff;transition:.14s}
.card:hover{border-color:var(--line-2);box-shadow:0 6px 20px rgba(22,23,29,.07);transform:translateY(-2px)}
.card .thumb{aspect-ratio:16/10;position:relative}
.card .thumb .ways{position:absolute;left:9px;top:9px;display:flex;gap:5px}
.card .body{padding:12px 13px 13px}
.card .cat{font-size:11.5px;color:var(--mute);font-weight:600;margin-bottom:3px}
.card .tt{display:flex;align-items:flex-start;gap:6px}
.card .tt h4{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.4;flex:1}
.card .tt svg{width:15px;height:15px;color:#B9BCC8;flex:none;margin-top:2px}
.card .facts{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}
.card .by{display:flex;align-items:center;gap:7px;margin-top:11px;padding-top:11px;border-top:1px solid var(--line)}
.card .by .lg{width:26px;height:26px;border-radius:6px;flex:none}
.card .by .nm{font-size:12px;font-weight:600;color:var(--body);line-height:1.35}
.card .by .nm small{display:block;font-size:10.5px;color:var(--mute);font-weight:500}
.card .by .stat{margin-left:auto;display:flex;gap:9px;font-size:11px;color:var(--mute);font-weight:600}
.card .by .stat span{display:inline-flex;align-items:center;gap:3px}
.card .by .stat svg{width:12px;height:12px}

/* ══════════ 화면 1 · 공개 프로필 (레퍼런스 이력서) ══════════ */
.pf-hero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:34px 32px 0}
.pf-top{display:flex;gap:24px;align-items:flex-start}
.pf-av{width:96px;height:96px;border-radius:24px;flex:none;border:1px solid var(--line)}
.pf-id{flex:1;min-width:0;padding-top:3px}
.pf-id .nmrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.pf-id h1{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.pf-id .handle{font-size:13px;color:var(--mute);font-family:'SF Mono',Consolas,monospace}
.pf-jobs{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}
.pf-job{flex:none;height:26px;padding:0 10px;border-radius:6px;background:#fff;border:1px solid var(--line-2);
        font-size:12px;font-weight:700;color:var(--body);display:inline-flex;align-items:center}
.pf-job.main{background:var(--brand);border-color:var(--brand);color:#fff}
.pf-bio{margin-top:12px;font-size:14px;color:var(--body);max-width:640px;line-height:1.65}
.pf-act{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.pf-open{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:var(--r-pill);
        background:#EAF6EE;color:#2A7A4B;font-size:12px;font-weight:700}
.pf-open i{width:6px;height:6px;border-radius:50%;background:#2A7A4B;display:block}
.pf-stats{display:flex;gap:28px;margin:24px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.pf-stat b{display:block;font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.pf-stat span{font-size:12px;color:var(--mute);font-weight:600}
.pf-tabs{display:flex;gap:24px;margin-top:20px}
.pf-tab{padding:0 0 13px;font-size:14px;font-weight:700;color:var(--mute);border-bottom:2px solid transparent}
.pf-tab.on{color:var(--ink);border-bottom-color:var(--brand)}

/* 레퍼런스 이력 항목 */
.ref{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}
.ref:first-of-type{padding-top:6px}
.ref .shot{width:220px;flex:none;aspect-ratio:16/10;border-radius:var(--r-sm);border:1px solid var(--line)}
.ref .info{flex:1;min-width:0}
.ref .rtop{display:flex;align-items:flex-start;gap:10px}
.ref .rtop h3{font-size:16.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ref .rtop .pin{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:11px;
      font-weight:700;color:var(--brand);background:var(--brand-lt);height:22px;padding:0 8px;border-radius:5px}
.ref .rmeta{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px;align-items:center}
.ref .rmeta .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.ref .rmeta .txt{font-size:12.5px;color:var(--mute);font-weight:600}
.ref .roles{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}
.ref .role{height:24px;padding:0 9px;border-radius:5px;background:var(--brand-lt);color:#5B45C8;
      font-size:11.5px;font-weight:700;display:inline-flex;align-items:center}
.ref .desc{margin-top:11px;font-size:13.5px;color:var(--body);line-height:1.72}
.ref .desc b{color:var(--ink)}
.ref .tools{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}
.ref .tool{height:24px;padding:0 9px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--line);
      font-size:11.5px;font-weight:600;color:#6E7180;display:inline-flex;align-items:center}
.ref.privref .shot{display:grid;place-items:center;background:repeating-linear-gradient(135deg,#F4F4F8 0 8px,#EFEFF4 8px 16px)}
.ref.privref .shot span{font-size:11.5px;color:#9EA2B3;font-weight:700}

/* 링크 패널 */
.linkbox{border:1px solid var(--brand-lt2);background:var(--brand-lt);border-radius:var(--r-md);padding:18px 20px;margin-top:8px}
.linkbox .lh{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.linkbox .lh svg{width:16px;height:16px;color:var(--brand)}
.linkbox .lh b{font-size:13.5px;font-weight:800;color:#4A38B0}
.linkbox p{font-size:12.5px;color:#5D53A0;margin-bottom:12px}
.linkfield{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--brand-lt2);
      border-radius:var(--r-sm);padding:9px 10px 9px 13px}
.linkfield code{flex:1;font-family:'SF Mono',Consolas,monospace;font-size:12.5px;color:var(--ink)}

/* 사이드 */
.two{display:grid;grid-template-columns:1fr 296px;gap:32px;align-items:start}
.side{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.panel{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 17px;background:#fff}
.panel h4{font-size:12.5px;font-weight:800;color:var(--mute);letter-spacing:.04em;margin-bottom:11px}
.kv{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:13px;border-bottom:1px solid var(--line)}
.kv:last-child{border-bottom:none}
.kv .k{color:var(--mute);font-weight:600}
.kv .v{color:var(--ink);font-weight:700;text-align:right}
.bar{height:6px;border-radius:3px;background:var(--line);overflow:hidden;margin-top:5px}
.bar i{display:block;height:100%;background:var(--brand);border-radius:3px}

/* ══════════ 화면 2 · 사람 디렉토리 ══════════ */
.pcard{border:1px solid var(--line);border-radius:var(--r-md);padding:18px;background:#fff;transition:.14s}
.pcard:hover{border-color:var(--line-2);box-shadow:0 6px 20px rgba(22,23,29,.07);transform:translateY(-2px)}
.pcard .ptop{display:flex;gap:12px;align-items:center}
.pcard .pav{width:48px;height:48px;border-radius:14px;flex:none}
.pcard .pnm{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.pcard .phd{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:1px}
.pcard .pjobs{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}
.pcard .pj{height:23px;padding:0 8px;border-radius:5px;background:var(--brand-lt);color:#5B45C8;
      font-size:11px;font-weight:700;display:inline-flex;align-items:center}
.pcard .pbio{font-size:12.5px;color:var(--body);margin-top:11px;line-height:1.6;
      display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard .pworks{display:flex;gap:5px;margin-top:13px}
.pcard .pworks .w{flex:1;aspect-ratio:4/3;border-radius:6px}
.pcard .pfoot{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}
.pcard .pfoot .n{font-size:11.5px;color:var(--mute);font-weight:600}

/* ══════════ 화면 3 · 아카이브 목록 ══════════ */
.filterbar{display:flex;flex-direction:column;gap:12px;padding:18px 0 22px;border-bottom:1px solid var(--line)}
.frow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.frow .lbl{font-size:12px;font-weight:800;color:var(--mute);letter-spacing:.02em;width:62px;flex:none}
.sortrow{display:flex;align-items:center;gap:14px;margin:20px 0 16px}
.sortrow .n{font-size:13px;color:var(--mute);font-weight:600}
.sortrow .n b{color:var(--ink);font-weight:800}
.sortrow .sorts{margin-left:auto;display:flex;gap:4px}
.sortrow .sorts button{height:32px;padding:0 12px;border-radius:var(--r-pill);font-size:12.5px;
      font-weight:600;color:var(--mute)}
.sortrow .sorts button.on{background:var(--ink);color:#fff}

/* 푸터 */
.foot{background:var(--dark);color:#9A9DAC;padding:34px 32px 28px;margin-top:auto}
.foot .frow1{display:flex;align-items:flex-start;gap:30px}
.foot .flogo{display:flex;align-items:center;gap:9px;color:#fff;font-weight:800;font-size:15px;letter-spacing:-.02em}
.foot .flogo svg{width:20px;height:20px;color:#A896FF}
.foot .fmenu{display:flex;gap:18px;font-size:12.5px;font-weight:600;color:#B7BAC8}
.foot .fsoc{margin-left:auto;display:flex;gap:8px}
.foot .fsoc i{width:32px;height:32px;border-radius:50%;background:var(--dark-2);display:grid;place-items:center}
.foot .fsoc i svg{width:15px;height:15px;color:#8B8FA0}
.foot .finfo{margin-top:20px;padding-top:18px;border-top:1px solid #2C2C36;font-size:11.5px;line-height:1.85;color:#767A8C}
.foot .finfo .tbd{color:#B79BFF}

/* ══════════ 커뮤니티 ══════════ */
.lnb{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-top:18px}
.lnb button{padding:0 0 13px;font-size:14.5px;font-weight:700;color:var(--mute);border-bottom:2px solid transparent;display:flex;align-items:center;gap:6px}
.lnb button.on{color:var(--ink);border-bottom-color:var(--brand)}
.lnb button .c{font-size:11.5px;font-weight:700;color:#B0B3BF}
.lnb button.on .c{color:var(--brand)}

.wbar{display:flex;align-items:center;gap:12px;margin:20px 0 4px}
.wbar .n{font-size:13px;color:var(--mute);font-weight:600}
.wbar .n b{color:var(--ink);font-weight:800}
.wbar .rt{margin-left:auto;display:flex;gap:6px;align-items:center}

.plist{border-top:1px solid var(--line);margin-top:14px}
.prow{display:flex;gap:16px;padding:17px 4px;border-bottom:1px solid var(--line);transition:.12s}
.prow:hover{background:var(--bg-soft)}
.prow .pbody{flex:1;min-width:0}
.ptag{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:5px;
     background:var(--brand-lt);color:#5B45C8;font-size:11px;font-weight:700;margin-right:7px}
.prow h4{font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;display:inline}
.prow .ex{font-size:13px;color:var(--mute);margin-top:6px;line-height:1.6;
     display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.prow .pmeta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--mute);font-weight:600}
.prow .pmeta .av{width:20px;height:20px;border-radius:6px;flex:none}
.prow .pmeta .who{color:var(--body);font-weight:700}
.jb{height:19px;padding:0 6px;border-radius:4px;background:var(--bg-soft);border:1px solid var(--line);
     font-size:10.5px;font-weight:700;color:#6E7180;display:inline-flex;align-items:center}
.prow .pmeta .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.quote{display:flex;align-items:center;gap:8px;margin-top:11px;padding:8px 10px;border:1px solid var(--line);
     border-radius:var(--r-sm);background:var(--bg-soft);max-width:420px}
.quote .qt{width:36px;height:26px;border-radius:4px;flex:none}
.quote .qn{font-size:11.5px;font-weight:700;color:var(--body);line-height:1.3}
.quote .qn small{display:block;font-size:10px;color:var(--mute);font-weight:600}
.prow .side2{width:56px;flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;padding-top:2px}
.prow .side2 b{font-size:16px;font-weight:800;color:var(--ink)}
.prow .side2 span{font-size:10.5px;color:var(--mute);font-weight:600}

/* 로그인 게이트 */
.gate{border:1px solid var(--brand-lt2);background:linear-gradient(180deg,rgba(255,255,255,0) 0%,var(--brand-lt) 34%);
      border-radius:var(--r-md);padding:26px 24px;text-align:center;margin-top:-46px;position:relative;z-index:2}
.gate .gi{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--brand-lt2);
      display:grid;place-items:center;margin:0 auto 12px;color:var(--brand)}
.gate .gi svg{width:20px;height:20px}
.gate h4{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.gate p{font-size:13px;color:#5D53A0;margin:7px 0 15px}
.gate .gbtns{display:flex;gap:8px;justify-content:center}
.fade{position:relative}
.fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;
      background:linear-gradient(180deg,rgba(255,255,255,0),#fff)}

.article{font-size:14.5px;line-height:1.85;color:var(--body)}
.article p{margin-bottom:15px}
.article h3{font-size:16.5px;font-weight:800;color:var(--ink);margin:26px 0 10px;letter-spacing:-.02em}
.article code{font-family:'SF Mono',Consolas,monospace;font-size:12.5px;background:var(--bg-soft);
      border:1px solid var(--line);border-radius:4px;padding:1.5px 6px;color:#5B45C8}
.artmeta{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:24px}
.artmeta .av{width:38px;height:38px;border-radius:11px;flex:none}
.artmeta .nm{font-size:14px;font-weight:800;color:var(--ink)}
.artmeta .sub{font-size:12px;color:var(--mute);font-weight:600}
.artmeta .rt{margin-left:auto;display:flex;gap:6px}

.cmt{border-top:1px solid var(--line);margin-top:30px;padding-top:22px}
.cmt .ch{display:flex;align-items:center;gap:8px;margin-bottom:16px}
.cmt .ch h4{font-size:15px;font-weight:800;color:var(--ink)}
.cmt .ch .c{font-size:13px;color:var(--brand);font-weight:800}
.cbox{border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px;background:var(--bg-soft);
      display:flex;align-items:center;gap:12px}
.cbox .lockmsg{flex:1;font-size:13px;color:var(--mute);font-weight:600}
.cbox .lockmsg b{color:var(--body)}

/* 로그인 정책 토글 */
.listgate{display:none;border:1px solid var(--brand-lt2);background:var(--brand-lt);border-radius:var(--r-md);
     padding:44px 24px;text-align:center;margin-top:26px}

/* ══════════ 메인 ══════════ */
.hero{padding:34px 0 6px}
.hero h1{font-size:34px;font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.3}
.hero p{font-size:15px;color:var(--mute);margin-top:9px}
.waycards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
.waycard{border:1px solid var(--line);border-radius:var(--r-md);padding:18px 19px;background:#fff;transition:.14s}
.waycard:hover{border-color:var(--brand-lt2);background:var(--brand-lt);transform:translateY(-2px)}
.waycard .wt{display:flex;align-items:center;gap:8px}
.waycard h4{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.waycard .n{margin-left:auto;font-size:12.5px;font-weight:800;color:var(--mute)}
.waycard p{font-size:12.5px;color:var(--mute);margin-top:8px;line-height:1.6}
.cta{border-radius:var(--r-lg);background:linear-gradient(120deg,#6247E0 0%,#7C5CFC 55%,#9B8AFB 100%);
     color:#fff;padding:32px 34px;display:flex;align-items:center;gap:26px;margin-top:34px}
.cta h3{font-size:21px;font-weight:800;letter-spacing:-.03em;line-height:1.35}
.cta p{font-size:13.5px;opacity:.9;margin-top:8px;max-width:520px}
.cta .btns{margin-left:auto;display:flex;gap:8px;flex:none}
.cta .btns .w{background:#fff;color:#5B45C8}
.cta .btns .o{border:1px solid rgba(255,255,255,.5);color:#fff}
.minilist{border-top:1px solid var(--line)}
.minirow{display:flex;align-items:center;gap:10px;padding:13px 4px;border-bottom:1px solid var(--line)}
.minirow .t{font-size:14px;font-weight:600;color:var(--ink);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.minirow .m{font-size:11.5px;color:var(--mute);font-weight:600;flex:none}

/* ══════════ 프로젝트 상세 ══════════ */
.pjhead{display:flex;align-items:flex-start;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pjhead .l{flex:1;min-width:0}
.pjhead h1{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.pjhead .u{font-size:13px;color:var(--mute);font-weight:600;margin-top:6px;font-family:'SF Mono',Consolas,monospace}
.pjbody{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start;margin-top:24px}
.longshot{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.longshot .seg{height:190px}
.member{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.member:last-child{border-bottom:none}
.member .av{width:32px;height:32px;border-radius:9px;flex:none}
.member .nm{font-size:13px;font-weight:700;color:var(--ink);line-height:1.35}
.member .nm small{display:block;font-size:11px;color:var(--mute);font-weight:600}
.member .go{margin-left:auto;color:#C0C3CE}
.member .go svg{width:15px;height:15px}
.topicbox{border:1px solid var(--line);border-radius:var(--r-md);padding:18px 20px;margin-top:26px;background:var(--bg-soft)}
.topicbox .th{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.topicbox .th h4{font-size:15px;font-weight:800;color:var(--ink)}
.topicbox .th .c{font-size:13px;font-weight:800;color:var(--brand)}
.topicbox .th .btn{margin-left:auto}

/* ══════════ 이력 관리 ══════════ */
.mrow{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);
     border-radius:var(--r-md);background:#fff;margin-bottom:9px;transition:.12s}
.mrow:hover{border-color:var(--line-2);box-shadow:0 3px 12px rgba(22,23,29,.05)}
.mrow .drag{color:#C6C9D4;cursor:grab;flex:none}
.mrow .drag svg{width:17px;height:17px}
.mrow .th2{width:74px;height:48px;border-radius:6px;flex:none;border:1px solid var(--line)}
.mrow .mi{flex:1;min-width:0}
.mrow .mi h4{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.mrow .mi .sub{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:4px;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.mrow .rt2{display:flex;align-items:center;gap:9px;flex:none}
.sw{width:40px;height:23px;border-radius:999px;background:var(--brand);position:relative;flex:none;cursor:pointer;transition:.14s}
.sw::after{content:"";position:absolute;top:3px;left:20px;width:17px;height:17px;border-radius:50%;background:#fff;transition:.14s}
.sw.off{background:#D7D9E2}
.sw.off::after{left:3px}
.swlabel{font-size:11.5px;font-weight:700;color:var(--body);width:34px;text-align:right}
.linkrow{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--line);border-radius:var(--r-md);
      background:#fff;margin-bottom:8px}
.linkrow .li{flex:1;min-width:0}
.linkrow .li .nm{font-size:13.5px;font-weight:700;color:var(--ink)}
.linkrow .li code{display:block;font-family:'SF Mono',Consolas,monospace;font-size:11.5px;color:var(--mute);margin-top:3px}
.linkrow .tags{display:flex;gap:5px;flex:none}
.tagmini{height:21px;padding:0 8px;border-radius:5px;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center}
.tagmini.pub{background:var(--brand-lt);color:#5B45C8}
.tagmini.hid{background:#F1F2F6;color:#6E7180}
.picker{border:1px solid var(--line);border-radius:var(--r-md);padding:16px;background:var(--bg-soft)}
.pk{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);background:#fff;
    border:1px solid var(--line);margin-bottom:7px;font-size:13px}
.pk.on{border-color:var(--brand);background:var(--brand-lt)}
.cb{width:18px;height:18px;border-radius:5px;border:1.5px solid #CBCEDA;flex:none;display:grid;place-items:center;background:#fff}
.cb.on{background:var(--brand);border-color:var(--brand);color:#fff}
.cb svg{width:11px;height:11px}


/* ══════════ CSS-ADD-MERGED (신규 5화면) ══════════ */
/* ─── _d09.html ─── */
/* 스텝 인디케이터 */
.steps{display:flex;list-style:none;margin-top:24px;border-top:2px solid var(--line)}
.steps .st{flex:1;padding:15px 22px 0 0;border-top:2px solid transparent;margin-top:-2px}
.steps .st .no{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
     font-size:11.5px;font-weight:800;background:var(--field);color:var(--mute);margin-bottom:9px}
.steps .st .no svg{width:12px;height:12px}
.steps .st b{display:block;font-size:14px;font-weight:700;color:var(--mute);letter-spacing:-.02em}
.steps .st p{font-size:12px;color:#A8ABB8;font-weight:600;margin-top:4px;line-height:1.55}
.steps .st.done .no{background:#EAF6EE;color:#2A7A4B}
.steps .st.done b{color:var(--body)}
.steps .st.now{border-top-color:var(--brand)}
.steps .st.now .no{background:var(--brand);color:#fff}
.steps .st.now b{color:var(--ink);font-weight:800}
.steps .st.now p{color:var(--brand)}

/* 라디오 원형 마커 */
.rd{width:20px;height:20px;border-radius:50%;border:2px solid #CBCEDA;background:#fff;
    flex:none;display:grid;place-items:center;transition:.12s}
.rd.on{border-color:var(--brand);background:var(--brand)}
.rd.on::after{content:"";width:7px;height:7px;border-radius:50%;background:#fff}

/* 제작방식 선택 카드 (기존 .waycard 확장) */
.waycard.opt{display:flex;flex-direction:column;min-height:206px;padding:20px;cursor:pointer;text-align:left}
.waycard.opt .def{font-size:13px;color:var(--body);line-height:1.72;margin-top:12px}
.waycard.opt .note{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);
     font-size:11.5px;color:var(--mute);font-weight:600;display:flex;align-items:center;gap:6px}
.waycard.sel{border-color:var(--brand);background:var(--brand-lt);box-shadow:0 0 0 3px rgba(124,92,252,.12)}
.waycard.sel:hover{border-color:var(--brand);transform:none}
.waycard.sel .note{border-top-color:var(--brand-lt2)}

/* 공통 입력 필드 */
.fld{display:flex;align-items:center;gap:10px;height:50px;border:1px solid var(--line-2);
     border-radius:var(--r-md);background:#fff;padding:0 8px 0 14px}
.fld:focus-within{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
.fld > svg{width:17px;height:17px;color:#A8ABB8;flex:none}
.fld input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;font-size:13.5px;color:var(--ink)}
.fld input::placeholder{color:#A8ABB8}
.fld .txt{flex:1;font-size:13.5px;color:#A8ABB8}

/* 폼 라벨 · 필수 표기 · 힌트 */
.flab{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}
.flab .cnt{margin-left:auto;font-size:11.5px;color:var(--mute);font-weight:600}
.req{font-size:11.5px;font-weight:700;color:var(--brand)}
.fhint{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:7px}

/* 안내 고지 박스 */
.notice{display:flex;gap:9px;align-items:flex-start;padding:13px 15px;border-radius:var(--r-md);
     background:var(--bg-soft);border:1px solid var(--line);font-size:12.5px;color:var(--mute);line-height:1.65}
.notice svg{width:15px;height:15px;color:var(--brand);flex:none;margin-top:2px}
.notice b{color:var(--body);font-weight:700}
.notice.hi{background:var(--brand-lt);border-color:var(--brand-lt2);color:#5D53A0}
.notice.hi b{color:#4A38B0}

/* 이전 / 다음 액션 밴드 */
.actband{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding-top:20px;margin-top:32px}
.actband .rt{margin-left:auto;display:flex;gap:8px}

/* ─── _d10.html ─── */
/* 좌 안내 / 우 폼 2단 (기존 .two 반전) */
.two.guide{grid-template-columns:300px 1fr}

/* 좌측 안내 타임라인 */
.gsteps{border-left:2px solid var(--line);padding-left:17px;display:flex;flex-direction:column;gap:15px;margin-top:2px}
.gsteps .g{position:relative}
.gsteps .g::before{content:"";position:absolute;left:-24px;top:4px;width:10px;height:10px;border-radius:50%;
     background:#fff;border:2px solid var(--line-2)}
.gsteps .g.key::before{background:var(--brand);border-color:var(--brand)}
.gsteps .g b{display:block;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.gsteps .g b em{font-style:normal;font-size:10.5px;font-weight:700;color:var(--brand);margin-left:5px}
.gsteps .g p{font-size:12px;color:var(--mute);line-height:1.6;margin-top:4px}

/* 서술 입력 */
.ta{display:block;width:100%;border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;
    padding:14px 15px;font:inherit;font-size:13.5px;line-height:1.78;color:var(--ink);resize:vertical;outline:none}
.ta::placeholder{color:#A8ABB8}
.ta:focus{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
.ta.big{min-height:224px}
.ta.sm{min-height:96px;background:var(--bg-soft)}
.ta.sm:focus{background:#fff}

/* 폼 블록 구분 */
.fgrp{padding:22px 0;border-top:1px solid var(--line)}
.fgrp:first-child{padding-top:0;border-top:none}
.fgrp .ftit{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.fgrp .fdesc{font-size:13px;color:var(--mute);line-height:1.65;margin-bottom:14px}

/* 선택된 프로젝트 카드 (기존 .mrow 확장) */
.mrow.sel{border-color:var(--brand);background:var(--brand-lt);box-shadow:0 0 0 3px rgba(124,92,252,.10)}
.mrow.sel .mi h4{color:#3A2A9E}

/* 기간 3열 */
.fcols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.fcols .fc .lb{font-size:11.5px;font-weight:700;color:var(--mute);display:block;margin-bottom:7px}

/* 비공개 전환 패널 */
.swbox{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line-2);
     border-radius:var(--r-md);background:var(--bg-soft)}
.swbox .st{flex:1}
.swbox .st b{display:block;font-size:13.5px;font-weight:800;color:var(--ink)}
.swbox .st span{font-size:11.5px;color:var(--mute);font-weight:600}
.difflist{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;margin-top:12px}
.difflist .d{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:12.5px;color:var(--body)}
.difflist .d:last-child{border-bottom:none}
.difflist .d .k{width:74px;flex:none;font-weight:800;color:var(--mute);font-size:11.5px}

/* ─── _d11.html ─── */
/* 상단 고정(프리미엄) 공고 카드 */
.jobpin{border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);background:linear-gradient(180deg,var(--brand-lt) 0%,#fff 42%);
     padding:20px;display:flex;flex-direction:column;transition:.14s}
.jobpin:hover{border-color:var(--brand);box-shadow:0 6px 22px rgba(124,92,252,.14);transform:translateY(-2px)}
.jobpin .co{display:flex;align-items:center;gap:11px}
.jobpin .co .lg{width:46px;height:46px;border-radius:13px;flex:none;border:1px solid var(--line)}
.jobpin .co .nm{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.jobpin .co .sub{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:2px}
.jobpin .co .fix{margin-left:auto}
.jobpin h3{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.4;margin-top:14px}
.jobpin .ex{font-size:13px;color:var(--body);line-height:1.7;margin-top:9px}
.jobpin .cond{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px;
     font-size:12px;color:var(--mute);font-weight:600}
.jobpin .cond svg{width:13px;height:13px}
.jobpin .cond .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.jobpin .jfoot{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:15px;border-top:1px solid var(--brand-lt2)}
.badge.fixed{background:var(--brand);color:#fff}
.toolchip{height:24px;padding:0 9px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--line);
     font-size:11.5px;font-weight:600;color:#6E7180;display:inline-flex;align-items:center}

/* 일반 공고 행 */
.jlist{border-top:1px solid var(--line-2);margin-top:14px}
.jrow{display:flex;align-items:center;gap:16px;padding:16px 4px;border-bottom:1px solid var(--line);transition:.12s}
.jrow:hover{background:var(--bg-soft)}
.jrow .lg{width:52px;height:52px;border-radius:13px;flex:none;border:1px solid var(--line)}
.jrow .ji{flex:1;min-width:0}
.jrow .ji .co{font-size:11.5px;color:var(--mute);font-weight:600}
.jrow .ji h4{font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:3px 0 5px}
.jrow .ji .cond{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:var(--mute);font-weight:600}
.jrow .ji .cond svg{width:13px;height:13px}
.jrow .ji .cond .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.jrow .dday{width:78px;flex:none;text-align:right;font-size:13px;font-weight:800;color:var(--body)}
.jrow .dday.soon{color:var(--brand)}

/* 페이지네이션 */
.pager{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:26px}
.pager button{min-width:34px;height:34px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--line);
     font-size:12.5px;font-weight:700;color:var(--mute);display:inline-flex;align-items:center;justify-content:center}
.pager button:hover{border-color:var(--line-2);background:var(--bg-soft);color:var(--body)}
.pager button.on{background:var(--ink);border-color:var(--ink);color:#fff}
.pager button svg{width:14px;height:14px}
.pager .gap{font-size:12.5px;color:var(--mute);font-weight:700;padding:0 4px}

/* 공고 등록 안내 밴드 (기존 .cta 확장) */
.cta.band{align-items:stretch;gap:32px}
.cta.band .l{flex:1;min-width:0}
.cta .steps3{display:flex;flex-direction:column;gap:9px;margin-top:18px}
.cta .steps3 li{list-style:none;display:flex;align-items:flex-start;gap:9px;font-size:13px;line-height:1.6}
.cta .steps3 li i{width:20px;height:20px;border-radius:50%;flex:none;background:rgba(255,255,255,.22);
     display:grid;place-items:center;font-size:11px;font-weight:800;font-style:normal;margin-top:1px}
.ctapanel{width:340px;flex:none;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.3);
     border-radius:var(--r-md);padding:18px 20px;display:flex;flex-direction:column}
.ctapanel h4{font-size:13px;font-weight:800;letter-spacing:.02em;margin-bottom:10px}
.ctapanel .kv2{display:flex;justify-content:space-between;gap:12px;padding:8px 0;
     border-bottom:1px solid rgba(255,255,255,.2);font-size:12.5px}
.ctapanel .kv2 span{opacity:.88}
.ctapanel .kv2 b{font-weight:700}
.ctapanel .free{margin-top:12px;font-size:11.5px;line-height:1.65;opacity:.86}
.ctapanel .pbtns{margin-top:auto;padding-top:16px;display:flex;gap:8px}
.ctapanel .pbtns .w{background:#fff;color:#5B45C8}
.ctapanel .pbtns .o{border:1px solid rgba(255,255,255,.5);color:#fff}

/* ─── _d12.html ─── */
.mob-stage{display:flex;justify-content:center;align-items:flex-start;padding:46px 20px 60px;background:#EEF0F6;min-height:100vh}
.mob{width:375px;flex:none;background:#fff;border:1px solid var(--line-2);border-radius:26px;
     box-shadow:0 14px 44px rgba(16,17,25,.16);position:relative;overflow:hidden}

/* 상단 GNB (햄버거) */
.mob-gnb{display:flex;align-items:center;gap:2px;height:56px;padding:0 8px 0 14px;
     border-bottom:1px solid var(--line);background:#fff}
.mob-gnb .wm{display:flex;align-items:center;gap:7px;font-size:14.5px;font-weight:800;
     color:var(--ink);letter-spacing:-.02em;margin-right:auto}
.mob-gnb .wm svg{width:19px;height:19px;color:var(--brand)}

/* 검색바 줄 */
.mob-searchwrap{padding:12px 16px;border-bottom:1px solid var(--line)}
.mob-searchwrap .search{max-width:none}
.mob-searchwrap .search input{height:44px;font-size:13px;padding-right:50px}

/* 본문 패딩 · 히어로 */
.mob-body{padding:4px 16px 30px}
.hero.mob-hero{padding:24px 0 4px}
.mob-hero h1{font-size:27px;letter-spacing:-.035em}
.mob-hero p{font-size:13.5px;margin-top:8px}
.mob-note{display:flex;gap:6px;align-items:flex-start;margin-top:14px;font-size:11.5px;
     line-height:1.6;color:var(--mute);font-weight:500}
.mob-note svg{width:13px;height:13px;flex:none;margin-top:3px;color:#B6B9C6}

/* 가로 스와이프 (사람 카드) */
.mob-swipe{display:flex;gap:11px;overflow-x:auto;scroll-snap-type:x mandatory;
     margin:0 -16px;padding:2px 16px 6px;-webkit-overflow-scrolling:touch}
.mob-swipe::-webkit-scrollbar{height:0}
.mob-swipe>.pcard{width:228px;flex:none;scroll-snap-align:start;padding:15px}
.mob-swipe>.pcard:hover{transform:none;box-shadow:none;border-color:var(--line)}

/* 커뮤니티 최신 리스트 (제목 2줄 허용) */
.mob-mini .minirow{flex-direction:column;align-items:flex-start;gap:6px;padding:13px 0}
.mob-mini .minirow .t{white-space:normal;overflow:visible;font-size:13.5px;line-height:1.5;width:100%}
.mob-mini .minirow .top{display:flex;align-items:center;gap:7px;width:100%}

/* 등록 CTA (세로 스택) */
.cta.mob-ctablock{flex-direction:column;align-items:stretch;gap:18px;padding:26px 20px;
     margin-top:30px;border-radius:var(--r-md)}
.mob-ctablock h3{font-size:19px}
.mob-ctablock p{font-size:13px;margin-top:8px}
.mob-ctablock .btns{margin-left:0;flex-direction:column;gap:8px}
.mob-ctablock .btns .btn{width:100%;justify-content:center}

/* 다크 푸터 (모바일 축약) */
.foot.mob-foot{padding:26px 18px 30px}
.mob-foot .frow1{flex-direction:column;gap:14px}
.mob-foot .fmenu{flex-wrap:wrap;gap:8px 14px;font-size:12px}
.mob-foot .fsoc{margin-left:0}
.mob-foot .finfo{margin-top:16px;padding-top:14px;font-size:11px;line-height:1.8}
.mob-foot.pad-tab{padding-bottom:88px}
.mob-foot.pad-bar{padding-bottom:82px}

/* 하단 고정 탭바 5항목 */
.mob-tabbar{position:sticky;bottom:0;z-index:6;display:flex;background:rgba(255,255,255,.96);
     border-top:1px solid var(--line);padding:7px 4px 11px;backdrop-filter:blur(8px)}
.mob-tabbar .tb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
     padding:4px 0;font-size:10.5px;font-weight:600;color:#9CA0AE}
.mob-tabbar .tb svg{width:21px;height:21px}
.mob-tabbar .tb.on{color:var(--brand);font-weight:800}

/* 하단 고정 CTA 바 */
.mob-bar{position:sticky;bottom:0;z-index:6;display:flex;gap:8px;background:rgba(255,255,255,.97);
     border-top:1px solid var(--line);padding:10px 14px 14px;backdrop-filter:blur(8px)}
.mob-bar .btn{height:46px;justify-content:center;white-space:nowrap}
.mob-bar .btn.mob-b1{flex:2}
.mob-bar .btn.mob-b2{flex:1}

/* ══════════ 모바일 공개 프로필 ══════════ */
.mob-pf{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:16px 16px 20px}
.mob-pf .top{display:flex;gap:14px;align-items:flex-start;margin-top:10px}
.mob-pf .av{width:88px;height:104px;border-radius:18px;flex:none;border:1px solid var(--line)}
.mob-pf .id{flex:1;min-width:0}
.mob-pf .id h1{font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.3}
.mob-pf .id .handle{display:block;font-size:12px;color:var(--mute);margin-top:4px;
     font-family:'SF Mono',Consolas,monospace}
.mob-pf .id .tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.mob-pf .bio{margin-top:14px;font-size:13.5px;color:var(--body);line-height:1.7}

/* 활동 수치 2×2 */
.mob-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.mob-stat{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:14px 15px}
.mob-stat b{display:block;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.25}
.mob-stat span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:3px}

/* 프로필 탭 (모바일) */
.mob-pftabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-top:26px}
.mob-pftabs .pf-tab{font-size:13.5px;padding-bottom:11px}

/* 레퍼런스 이력 1열 */
.mob-refs .ref{flex-direction:column;gap:0;padding:20px 0}
.mob-refs .ref:first-of-type{padding-top:14px}
.mob-refs .ref .shot{width:100%;margin-bottom:13px}
.mob-refs .ref .rtop h3{font-size:16px}
.mob-refs .ref .desc{font-size:13px;line-height:1.75;
     display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mob-refs .ref .more{display:inline-block;margin-top:7px;font-size:12.5px;font-weight:700;color:var(--brand)}

/* ═══ _css_admin.css ═══ */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT ADMIN — 관리자 화면 6종(s14~s19) 공통 스타일
   기존 crewdit-design-v2.html 의 :root 토큰(--brand --ink --line --r-md …)을
   그대로 상속한다. 신규 클래스는 전부 adm- 접두어.
   ══════════════════════════════════════════════════════════════════ */

/* ─── 관리자 전용 시맨틱 토큰 (셸 스코프 · :root 미오염) ─── */
.adm{
  --adm-dk:#1B1C24;
  --adm-dk2:#23252F;
  --adm-dk3:#2E3040;
  --adm-dkline:#33353F;
  --adm-dkmute:#8A8DA0;
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;   --ok-line:#CFE6D9;
  --danger:#C2334D;  --danger-lt:#FDEDF1; --danger-line:#F3CBD5;
  --warn:#A96A00;    --warn-lt:#FFF4E2;  --warn-line:#F2DFBE;
  --info:#2A6BB8;    --info-lt:#E8F3FF;  --info-line:#CFE2F7;
  --adm-side:200px;
}

/* ══════════ 셸 ══════════ */
.adm{display:flex;flex-direction:column;min-height:900px;background:var(--bg)}

/* 상단 다크 바 — 일반 서비스와의 확실한 구분선 */
.adm-top{display:flex;align-items:center;gap:14px;height:56px;padding:0 22px;
  background:var(--adm-dk);border-bottom:1px solid #000;flex:none}
.adm-mark{display:flex;align-items:center;gap:9px;color:#fff;font-size:14.5px;
  font-weight:800;letter-spacing:-.01em}
.adm-mark svg{width:20px;height:20px;color:#A896FF}
.adm-mark em{font-style:normal;color:#A896FF;font-weight:800}
.adm-env{height:22px;padding:0 9px;border-radius:5px;background:var(--adm-dk3);
  color:#B9BCCB;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;
  letter-spacing:.03em}
.adm-env.live{background:#3B2233;color:#F09BB0}
.adm-topsep{width:1px;height:22px;background:var(--adm-dkline)}
.adm-topnote{font-size:11.5px;color:var(--adm-dkmute);font-weight:600}
.adm-user{margin-left:auto;display:flex;align-items:center;gap:10px}
.adm-user .adm-av{width:28px;height:28px;border-radius:9px;flex:none;border:1px solid var(--adm-dkline)}
.adm-user .adm-who{font-size:12.5px;color:#E4E5EC;font-weight:700;line-height:1.3}
.adm-user .adm-who small{display:block;font-size:10.5px;color:var(--adm-dkmute);font-weight:600}
.adm-out{height:30px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--adm-dkline);
  color:#B9BCCB;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.adm-out:hover{border-color:#4A4C5C;color:#fff}
.adm-out svg{width:13px;height:13px}

/* 본체 = 사이드바 + 메인 */
.adm-body{flex:1;display:flex;min-height:0}

/* ══════════ 관리자 사이드바 200px ══════════ */
.adm-side{width:var(--adm-side);flex:none;background:var(--adm-dk2);
  display:flex;flex-direction:column;padding:16px 0 20px}
.adm-side-tit{font-size:10.5px;font-weight:800;color:#63667A;letter-spacing:.08em;
  padding:0 18px;margin:0 0 9px}
.adm-side-tit + .adm-side-tit{margin-top:20px}
.adm-nav{display:flex;flex-direction:column;padding:0 10px}
.adm-nav-it{display:flex;align-items:center;gap:9px;height:38px;padding:0 10px;border-radius:var(--r-sm);
  font-size:13px;font-weight:600;color:#A9ACBE;transition:.12s}
.adm-nav-it svg{width:16px;height:16px;flex:none;opacity:.9}
.adm-nav-it:hover{background:var(--adm-dk3);color:#fff}
.adm-nav-it.on{background:var(--brand);color:#fff;font-weight:700}
.adm-nav-it.on svg{opacity:1}
.adm-nav-cnt{margin-left:auto;min-width:20px;height:19px;padding:0 6px;border-radius:var(--r-pill);
  background:var(--adm-dk3);color:#C7C9D6;font-size:10.5px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center}
.adm-nav-it.on .adm-nav-cnt{background:rgba(255,255,255,.24);color:#fff}
.adm-nav-cnt.hot{background:var(--danger);color:#fff}
.adm-side-foot{margin-top:auto;padding:14px 18px 0;border-top:1px solid var(--adm-dkline);
  margin-left:10px;margin-right:10px;font-size:10.5px;line-height:1.7;color:#63667A}
.adm-side-foot b{display:block;color:#9295A8;font-weight:700;margin-bottom:3px}

/* ══════════ 메인 ══════════ */
.adm-main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}

/* 페이지 헤더 */
.adm-head{display:flex;align-items:flex-end;gap:12px;padding:24px 30px 18px;border-bottom:1px solid var(--line)}
.adm-head .adm-hl{min-width:0}
.adm-head h1{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.3;
  display:flex;align-items:center;gap:9px}
.adm-head p{font-size:12.5px;color:var(--mute);margin-top:6px;line-height:1.6}
.adm-head .adm-hr{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none}
.adm-fid{height:21px;padding:0 8px;border-radius:5px;background:var(--brand-lt);color:#5B45C8;
  font-size:10.5px;font-weight:800;letter-spacing:.02em;display:inline-flex;align-items:center;
  font-family:'SF Mono',Consolas,monospace}

/* ══════════ 오늘 처리할 일 카드 ══════════ */
.adm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.adm-card{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:17px 18px;
  display:flex;flex-direction:column;transition:.14s}
.adm-card:hover{border-color:var(--line-2);box-shadow:0 5px 18px rgba(22,23,29,.07);transform:translateY(-2px)}
.adm-card .adm-card-l{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--mute)}
.adm-card .adm-card-l svg{width:15px;height:15px}
.adm-card .adm-card-n{font-size:32px;font-weight:800;color:var(--ink);letter-spacing:-.04em;
  line-height:1.15;margin-top:11px;display:flex;align-items:baseline;gap:4px}
.adm-card .adm-card-n em{font-style:normal;font-size:14px;font-weight:700;color:var(--mute)}
.adm-card .adm-card-d{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:7px;line-height:1.6}
.adm-card .adm-card-go{margin-top:auto;padding-top:13px;font-size:12px;font-weight:700;color:var(--brand);
  display:inline-flex;align-items:center;gap:4px}
.adm-card .adm-card-go svg{width:13px;height:13px}
.adm-card.risk{border-color:var(--danger-line);background:var(--danger-lt)}
.adm-card.risk .adm-card-l{color:var(--danger)}
.adm-card.risk .adm-card-n{color:#8E2038}
.adm-card.risk .adm-card-go{color:var(--danger)}
.adm-card.warn{border-color:var(--warn-line);background:var(--warn-lt)}
.adm-card.warn .adm-card-l{color:var(--warn)}
.adm-card.warn .adm-card-go{color:var(--warn)}

/* ══════════ 섹션 ══════════ */
.adm-sec{margin-top:28px}
.adm-sec-h{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.adm-sec-h h3{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.adm-sec-h .adm-sub{font-size:12px;color:var(--mute);font-weight:600}
.adm-sec-h .adm-more{margin-left:auto;font-size:12px;color:var(--mute);font-weight:700}

/* 2단 (좌 목록 / 우 상세) */
.adm-split{display:grid;grid-template-columns:1fr 372px;gap:22px;align-items:start}
.adm-split.narrow{grid-template-columns:1fr 320px}
.adm-cols2{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.adm-cols2.side{grid-template-columns:1.25fr 1fr}

/* ══════════ 테이블 ══════════ */
.adm-tblwrap{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.adm-tbl{width:100%;border-collapse:collapse}
.adm-tbl th{background:var(--bg-soft);border-bottom:1px solid var(--line);text-align:left;
  padding:11px 13px;font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.01em;white-space:nowrap}
.adm-tbl td{border-bottom:1px solid var(--line);padding:12px 13px;font-size:12.5px;color:var(--body);
  vertical-align:middle;line-height:1.55}
.adm-tbl tr:last-child td{border-bottom:none}
.adm-tbl tbody tr{transition:.12s;cursor:pointer}
.adm-tbl tbody tr:hover{background:var(--bg-soft)}
.adm-tbl tbody tr.on{background:var(--brand-lt)}
.adm-tbl tbody tr.on td{border-bottom-color:var(--brand-lt2)}
.adm-tbl tbody tr.dim td{color:var(--mute)}
.adm-tbl .c{text-align:center}
.adm-tbl .r{text-align:right}
.adm-tbl .adm-tt{display:block;font-size:13px;font-weight:700;color:var(--ink);
  letter-spacing:-.02em;line-height:1.45}
.adm-tbl .adm-tsub{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:3px;
  font-family:'SF Mono',Consolas,monospace}
.adm-tbl tbody tr.dim .adm-tt{color:var(--mute);font-weight:600}
.adm-tbl .adm-mono{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;color:var(--mute)}
.adm-tbl .adm-w-chk{width:36px}
.adm-tbl .adm-w-act{width:190px}
.adm-tbl .adm-w-date{width:96px}
.adm-tbl .adm-w-num{width:70px}
.adm-thumb{width:64px;height:42px;border-radius:6px;border:1px solid var(--line);flex:none}
.adm-cellrow{display:flex;align-items:center;gap:10px}
.adm-avs{width:28px;height:28px;border-radius:9px;border:1px solid var(--line);flex:none}

/* 목록 상단 바 (건수 · 일괄처리 · 정렬) */
.adm-listbar{display:flex;align-items:center;gap:10px;margin-bottom:11px;flex-wrap:wrap}
.adm-listbar .adm-cnt{font-size:12.5px;color:var(--mute);font-weight:600}
.adm-listbar .adm-cnt b{color:var(--ink);font-weight:800}
.adm-listbar .adm-rt{margin-left:auto;display:flex;align-items:center;gap:7px}

/* ══════════ 필터 · 검색 ══════════ */
.adm-filter{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);
  padding:14px 16px;display:flex;flex-direction:column;gap:11px}
.adm-frow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.adm-frow .adm-lb{font-size:11.5px;font-weight:800;color:var(--mute);width:56px;flex:none;letter-spacing:.01em}
.adm-search{flex:1;min-width:220px;max-width:360px;display:flex;align-items:center;gap:8px;height:36px;
  background:#fff;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:0 12px}
.adm-search svg{width:15px;height:15px;color:#A8ABB8;flex:none}
.adm-search input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
  font-size:12.5px;color:var(--ink)}
.adm-search input::placeholder{color:#A8ABB8}
.adm-sel{height:36px;padding:0 30px 0 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);
  background:#fff;font-size:12.5px;font-weight:600;color:var(--body);display:inline-flex;
  align-items:center;position:relative}
.adm-sel::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;
  border-right:1.6px solid #9CA0AE;border-bottom:1.6px solid #9CA0AE;transform:translateY(-70%) rotate(45deg)}
.adm-chipbar{display:flex;gap:6px;flex-wrap:wrap;align-items:center}

/* ══════════ 상태 태그 ══════════ */
.adm-tag{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:5px;
  font-size:10.5px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.adm-tag i{width:5px;height:5px;border-radius:50%;background:currentColor;display:block;flex:none}
.adm-tag.wait{background:var(--warn-lt);color:var(--warn)}
.adm-tag.doing{background:var(--info-lt);color:var(--info)}
.adm-tag.done{background:var(--ok-lt);color:var(--ok)}
.adm-tag.rej{background:#F1F2F6;color:#6E7180}
.adm-tag.risk{background:var(--danger-lt);color:var(--danger)}
.adm-tag.hide{background:var(--dark);color:#D6D8E2}
.adm-tag.norm{background:var(--bg-soft);color:#6E7180;border:1px solid var(--line)}
.adm-tag.stop{background:var(--danger);color:#fff}
.adm-tag.auto{background:#2E2A40;color:#C6B8FF}

/* 대상 유형 배지 (프로젝트 / 글 / 댓글 / 프로필) */
.adm-typ{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:5px;
  font-size:10.5px;font-weight:800;white-space:nowrap}
.adm-typ.pj{background:#EFEAFE;color:#5B45C8}
.adm-typ.po{background:#E8F3FF;color:#2A6BB8}
.adm-typ.cm{background:#EAF6EE;color:#2A7A4B}
.adm-typ.pf{background:#FFF0E6;color:#A9581C}

/* ══════════ 처리 버튼 ══════════ */
.adm-act{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.adm-act.end{justify-content:flex-end}
.btn.adm-ok{background:var(--ok);color:#fff}
.btn.adm-ok:hover{background:#22673F}
.btn.adm-danger{background:var(--danger);color:#fff}
.btn.adm-danger:hover{background:#A82B41}
.btn.adm-dangerline{border:1px solid var(--danger-line);background:var(--danger-lt);color:var(--danger)}
.btn.adm-dangerline:hover{border-color:var(--danger);background:#FBE0E7}
.btn.adm-warnline{border:1px solid var(--warn-line);background:var(--warn-lt);color:var(--warn)}
.btn.adm-warnline:hover{border-color:var(--warn)}
.btn.adm-dark{background:var(--adm-dk);color:#fff}
.btn.adm-dark:hover{background:#2C2E3A}
.adm-mini-btn{height:27px;padding:0 10px;border-radius:var(--r-sm);border:1px solid var(--line-2);
  background:#fff;font-size:11.5px;font-weight:700;color:var(--body);display:inline-flex;
  align-items:center;gap:4px;transition:.12s}
.adm-mini-btn:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.adm-mini-btn svg{width:12px;height:12px}
.adm-mini-btn.ok{border-color:var(--ok-line);background:var(--ok-lt);color:var(--ok)}
.adm-mini-btn.ok:hover{border-color:var(--ok)}
.adm-mini-btn.danger{border-color:var(--danger-line);background:var(--danger-lt);color:var(--danger)}
.adm-mini-btn.danger:hover{border-color:var(--danger)}

/* 위험 처리 강조 박스 (즉시 비공개 등) */
.adm-danger-box{border:1.5px solid var(--danger-line);background:var(--danger-lt);
  border-radius:var(--r-md);padding:16px 17px}
.adm-danger-box .adm-dh{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.adm-danger-box .adm-dh svg{width:16px;height:16px;color:var(--danger);flex:none}
.adm-danger-box .adm-dh b{font-size:13.5px;font-weight:800;color:#8E2038;letter-spacing:-.02em}
.adm-danger-box p{font-size:12px;color:#A34156;line-height:1.7;margin-bottom:13px}

/* AD-12 · 운영 로그 기록 고지 — 모든 처리 버튼 옆 필수 */
.adm-logline{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--mute);
  font-weight:600;line-height:1.5;white-space:nowrap}
.adm-logline svg{width:12px;height:12px;color:#B0B3BF;flex:none}
.adm-logline b{color:var(--body);font-weight:700}
.adm-logline.block{display:flex;white-space:normal;margin-top:9px}

/* ══════════ 우측 상세 패널 ══════════ */
.adm-detail{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  position:sticky;top:18px;overflow:hidden}
.adm-detail-h{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--line);
  background:var(--bg-soft)}
.adm-detail-h h4{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;
  flex:1;min-width:0}
.adm-detail-b{padding:16px}
.adm-detail-shot{width:100%;aspect-ratio:16/9;border-radius:var(--r-sm);border:1px solid var(--line);
  margin-bottom:14px}
.adm-detail-nm{display:block;font-size:16px;font-weight:800;color:var(--ink);
  letter-spacing:-.025em;line-height:1.4}
.adm-detail-url{display:block;font-family:'SF Mono',Consolas,monospace;font-size:11.5px;
  color:var(--mute);margin-top:5px}
.adm-detail-f{padding:14px 16px;border-top:1px solid var(--line);background:var(--bg-soft)}

/* 권리확인 체크 표시 */
.adm-chks{display:flex;flex-direction:column;gap:8px}
.adm-chk{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:var(--r-sm);
  border:1px solid var(--ok-line);background:var(--ok-lt)}
.adm-chk .adm-mk{width:18px;height:18px;border-radius:5px;background:var(--ok);color:#fff;flex:none;
  display:grid;place-items:center;margin-top:1px}
.adm-chk .adm-mk svg{width:11px;height:11px}
.adm-chk .adm-ct{font-size:12px;font-weight:700;color:#1F6440;line-height:1.5}
.adm-chk .adm-ct small{display:block;font-size:10.5px;font-weight:600;color:#4A8464;margin-top:3px}
.adm-chk.no{border-color:var(--warn-line);background:var(--warn-lt)}
.adm-chk.no .adm-mk{background:var(--warn)}
.adm-chk.no .adm-ct{color:#7E5000}
.adm-chk.no .adm-ct small{color:#9A6B1E}

/* 반려 · 정지 사유 입력 */
.adm-reason{margin-top:14px}
.adm-reason .adm-rl{font-size:11.5px;font-weight:800;color:var(--mute);display:block;margin-bottom:7px}
.adm-reason .adm-preset{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:8px}

/* ══════════ 처리 단계 표시 (게시 중단) ══════════ */
.adm-flow{display:flex;flex-direction:column;gap:0;border-left:2px solid var(--line);
  padding-left:16px;margin-left:5px}
.adm-flow-st{position:relative;padding:0 0 16px}
.adm-flow-st:last-child{padding-bottom:0}
.adm-flow-st::before{content:"";position:absolute;left:-23px;top:2px;width:12px;height:12px;
  border-radius:50%;background:#fff;border:2px solid var(--line-2)}
.adm-flow-st b{display:block;font-size:12.5px;font-weight:800;color:var(--mute);letter-spacing:-.02em}
.adm-flow-st p{font-size:11.5px;color:#A8ABB8;line-height:1.6;margin-top:3px}
.adm-flow-st .adm-ft{font-size:10.5px;font-family:'SF Mono',Consolas,monospace;color:#B0B3BF;margin-top:4px;display:block}
.adm-flow-st.done::before{background:var(--ok);border-color:var(--ok)}
.adm-flow-st.done b{color:var(--body)}
.adm-flow-st.done p{color:var(--mute)}
.adm-flow-st.now::before{background:var(--danger);border-color:var(--danger);
  box-shadow:0 0 0 4px var(--danger-lt)}
.adm-flow-st.now b{color:#8E2038;font-weight:800}
.adm-flow-st.now p{color:var(--danger)}

/* 가로형 단계 바 (목록 행 안 축약 표기) */
.adm-flowbar{display:flex;align-items:center;gap:3px}
.adm-flowbar i{width:16px;height:4px;border-radius:2px;background:var(--line);display:block}
.adm-flowbar i.done{background:var(--ok)}
.adm-flowbar i.now{background:var(--danger)}
.adm-flowbar span{font-size:10.5px;font-weight:700;color:var(--mute);margin-left:5px}

/* ══════════ 최근 등록 추이 간단 표 ══════════ */
.adm-trend{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.adm-trend table{width:100%;border-collapse:collapse}
.adm-trend th{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:10px 13px;
  font-size:11px;font-weight:800;color:var(--mute);text-align:right}
.adm-trend th:first-child{text-align:left}
.adm-trend td{border-bottom:1px solid var(--line);padding:10px 13px;font-size:12.5px;
  color:var(--body);text-align:right;font-weight:600}
.adm-trend td:first-child{text-align:left;font-weight:700;color:var(--ink);
  font-family:'SF Mono',Consolas,monospace;font-size:11.5px}
.adm-trend tr:last-child td{border-bottom:none}
.adm-trend tr.sum td{background:var(--bg-soft);font-weight:800;color:var(--ink)}
.adm-trend .adm-spark{display:inline-flex;align-items:flex-end;gap:2px;height:16px;vertical-align:middle}
.adm-trend .adm-spark i{width:5px;background:var(--brand-lt2);border-radius:1px;display:block}
.adm-trend .adm-spark i.hi{background:var(--brand)}

/* ══════════ 최근 활동 로그 ══════════ */
.adm-feed{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.adm-feed-it{display:flex;gap:11px;padding:12px 15px;border-bottom:1px solid var(--line)}
.adm-feed-it:last-child{border-bottom:none}
.adm-feed-ic{width:26px;height:26px;border-radius:8px;flex:none;display:grid;place-items:center;
  background:var(--bg-soft);color:#8A8D9A}
.adm-feed-ic svg{width:13px;height:13px}
.adm-feed-ic.ok{background:var(--ok-lt);color:var(--ok)}
.adm-feed-ic.danger{background:var(--danger-lt);color:var(--danger)}
.adm-feed-ic.warn{background:var(--warn-lt);color:var(--warn)}
.adm-feed-ic.info{background:var(--info-lt);color:var(--info)}
.adm-feed-tx{flex:1;min-width:0;font-size:12.5px;color:var(--body);line-height:1.6}
.adm-feed-tx b{color:var(--ink);font-weight:700}
.adm-feed-tx .adm-who2{font-weight:700;color:var(--brand)}
.adm-feed-t{flex:none;font-size:10.5px;color:#A8ABB8;font-weight:600;
  font-family:'SF Mono',Consolas,monospace;padding-top:2px}

/* ══════════ 정보 고지 ══════════ */
.adm-note{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);
  background:var(--bg-soft);border:1px solid var(--line);font-size:12px;color:var(--mute);line-height:1.7}
.adm-note svg{width:14px;height:14px;color:#A8ABB8;flex:none;margin-top:3px}
.adm-note b{color:var(--body);font-weight:700}
.adm-note.law{background:var(--info-lt);border-color:var(--info-line);color:#2A5B93}
.adm-note.law svg{color:var(--info)}
.adm-note.law b{color:#1F4C7D}
.adm-note.hot{background:var(--danger-lt);border-color:var(--danger-line);color:#A34156}
.adm-note.hot svg{color:var(--danger)}
.adm-note.hot b{color:#8E2038}

/* 요약 수치 줄 */
.adm-stats{display:flex;gap:0;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;overflow:hidden}
.adm-stat{flex:1;padding:13px 16px;border-right:1px solid var(--line)}
.adm-stat:last-child{border-right:none}
.adm-stat b{display:block;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.adm-stat span{font-size:11.5px;color:var(--mute);font-weight:600}
.adm-stat.hot b{color:var(--danger)}

/* 신고 사유 목록 */
.adm-rp{display:flex;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}
.adm-rp:last-child{border-bottom:none}
.adm-rp .adm-rpw{font-size:11.5px;font-weight:700;color:var(--body);flex:none;width:74px}
.adm-rp .adm-rpc{flex:1;min-width:0;font-size:12px;color:var(--mute);line-height:1.6}
.adm-rp .adm-rpt{flex:none;font-size:10.5px;color:#B0B3BF;font-weight:600;
  font-family:'SF Mono',Consolas,monospace}

/* 회원 · 게시물 요약 라인 */
.adm-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;
  color:var(--mute);font-weight:600}
.adm-inline .adm-dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC;flex:none}

/* 정지 기간 선택 */
.adm-radios{display:flex;gap:6px;flex-wrap:wrap}
.adm-radio{height:30px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line-2);
  background:#fff;font-size:12px;font-weight:700;color:var(--body);display:inline-flex;align-items:center}
.adm-radio.on{background:var(--danger);border-color:var(--danger);color:#fff}

/* 하단 고정 처리 밴드 */
.adm-band{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);
  padding:16px 30px;background:var(--bg-soft)}
.adm-band .adm-bl{font-size:12.5px;color:var(--mute);font-weight:600}
.adm-band .adm-bl b{color:var(--ink);font-weight:800}
.adm-band .adm-br{margin-left:auto;display:flex;align-items:center;gap:9px}

@media (max-width:1200px){
  .adm-cards{grid-template-columns:repeat(2,1fr)}
  .adm-split,.adm-split.narrow,.adm-cols2,.adm-cols2.side{grid-template-columns:1fr}
  .adm-detail{position:static}
}

/* ═══ _css_form.css ═══ */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT FORM — 등록·작성 흐름 5종(s20~s24) 공통 스타일
   기존 crewdit-design-v2.html 의 :root 토큰(--brand --ink --line --r-md …)과
   공통 클래스(.steps .waycard.opt .fld .notice .actband .fgrp .two .card …)를
   그대로 상속·재사용한다. 신규 클래스는 전부 fm- 접두어.
   ══════════════════════════════════════════════════════════════════ */

/* ══════════ s20 · 등록 STEP1 유형 선택 ══════════ */

/* 유형 카드 헤더 (기존 .waycard.opt 안에 얹는 아이콘 + 라디오 행) */
.fm-optrow{display:flex;align-items:center;gap:11px}
.fm-optrow .rd{margin-left:auto}
.fm-tico{width:42px;height:42px;border-radius:12px;background:var(--bg-soft);
  border:1px solid var(--line);display:grid;place-items:center;color:var(--brand);flex:none}
.fm-tico svg{width:20px;height:20px}
.waycard.sel .fm-tico{background:#fff;border-color:var(--brand-lt2)}

/* 카드 내 사양 리스트 */
.fm-spec{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.fm-spec li{list-style:none;display:flex;gap:8px;font-size:12px;color:var(--mute);line-height:1.6}
.fm-spec li::before{content:"";width:4px;height:4px;border-radius:50%;background:#CBCEDA;flex:none;margin-top:7px}
.waycard.sel .fm-spec li{color:#5D53A0}
.waycard.sel .fm-spec li::before{background:var(--brand)}

/* 유형 선택 카드는 사양 리스트가 들어가 조금 더 높다 */
.waycard.opt.fm-type{min-height:250px}

/* ══════════ s21 · 등록 STEP3 기본 정보 · 제작 정보 ══════════ */

/* 셀렉트 필드 (.fld 와 같은 골격, 값 + 셰브론) */
.fm-sel{display:flex;align-items:center;gap:10px;height:50px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;padding:0 14px;cursor:pointer;transition:.12s}
.fm-sel:hover{border-color:#CFD1DA}
.fm-sel > svg{width:17px;height:17px;color:#A8ABB8;flex:none}
.fm-sel .val{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink)}
.fm-sel .val.empty{color:#A8ABB8;font-weight:400}
.fm-sel .cv{margin-left:auto}

/* URL 중복검사 결과 */
.fm-dupe{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:10px 13px;
  border-radius:var(--r-sm);font-size:12.5px;font-weight:700;line-height:1.6}
.fm-dupe svg{width:14px;height:14px;flex:none;margin-top:2px}
.fm-dupe .dt{flex:1;min-width:0}
.fm-dupe span{font-weight:600}
.fm-dupe.ok{background:#EAF6EE;color:#2A7A4B}
.fm-dupe.ng{background:#FDEDF1;color:#C2334D}
.fm-dupe.wait{background:var(--bg-soft);color:var(--mute);border:1px solid var(--line)}

/* 업로드 드롭존 */
.fm-up{display:flex;align-items:center;gap:14px;padding:20px 22px;cursor:pointer;transition:.14s;
  border:1.5px dashed var(--line-2);border-radius:var(--r-md);background:var(--bg-soft)}
.fm-up:hover{border-color:var(--brand-lt2);background:var(--brand-lt)}
.fm-up .fm-upi{width:44px;height:44px;border-radius:13px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--brand);flex:none}
.fm-up .fm-upi svg{width:19px;height:19px}
.fm-up .fm-upt{flex:1;min-width:0}
.fm-up .fm-upt b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.fm-up .fm-upt span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:5px;line-height:1.65}
.fm-up.tall{flex-direction:column;text-align:center;padding:26px 22px}
.fm-up.done{border-style:solid;border-color:var(--brand-lt2);background:#fff;cursor:default}
.fm-up.done .fm-upi{background:var(--brand-lt);border-color:var(--brand-lt2)}

/* 업로드된 파일 행 */
.fm-files{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.fm-file{display:flex;align-items:center;gap:11px;padding:10px 12px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
.fm-file .fth{width:64px;height:41px;border-radius:5px;flex:none;border:1px solid var(--line)}
.fm-file .fi{flex:1;min-width:0}
.fm-file .fi b{display:block;font-size:12.5px;font-weight:700;color:var(--ink);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fm-file .fi span{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:3px}
.fm-file .del{color:#B9BCC8;flex:none;background:none;border:none;cursor:pointer}
.fm-file .del:hover{color:#C2334D}
.fm-file .del svg{width:15px;height:15px}

/* 용량·규격 안내 줄 */
.fm-limit{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}
.fm-limit .l{height:22px;padding:0 9px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--line);
  font-size:11px;font-weight:700;color:#6E7180;display:inline-flex;align-items:center;gap:4px}
.fm-limit .l b{color:var(--body);font-weight:800}

/* 제작 기간 년월 ~ 년월 */
.fm-range{display:flex;align-items:center;gap:10px}
.fm-range .fld{flex:1;min-width:0}
.fm-range .tilde{flex:none;font-size:15px;font-weight:800;color:#C0C3CE;line-height:1}

/* 투입 인원 스테퍼 */
.fm-step{display:flex;align-items:center;gap:9px;height:50px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;padding:0 8px 0 14px}
.fm-step > svg{width:17px;height:17px;color:#A8ABB8;flex:none}
.fm-step input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
  font-size:14px;font-weight:800;color:var(--ink)}
.fm-step .unit{flex:none;font-size:12.5px;color:var(--mute);font-weight:600}
.fm-step .pm{display:flex;gap:4px;flex:none}
.fm-step .pm button{width:30px;height:30px;border-radius:8px;border:1px solid var(--line-2);
  background:#fff;color:var(--body);display:grid;place-items:center;cursor:pointer}
.fm-step .pm button:hover{background:var(--bg-soft);border-color:#CFD1DA}
.fm-step .pm button svg{width:13px;height:13px}

/* 인원 내역 (직군별 배분) */
.fm-heads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}
.fm-head{border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;padding:10px 11px}
.fm-head .hn{font-size:11px;font-weight:700;color:var(--mute)}
.fm-head .hv{display:flex;align-items:baseline;gap:3px;margin-top:5px}
.fm-head .hv b{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.fm-head .hv span{font-size:11px;color:var(--mute);font-weight:600}

/* 권리 확인 체크박스 (필수) */
.fm-agree{display:flex;align-items:flex-start;gap:12px;padding:17px 19px;
  border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);background:var(--brand-lt)}
.fm-agree .cb{margin-top:1px}
.fm-agree .at{flex:1;min-width:0}
.fm-agree .at b{display:block;font-size:13.5px;font-weight:800;color:#3A2A9E;letter-spacing:-.02em;line-height:1.5}
.fm-agree .at p{font-size:12px;color:#5D53A0;line-height:1.7;margin-top:6px}
.fm-agree .at .req{color:#4A38B0}

/* 미리보기 열 헤더 (.side 안에서 사용) */
.fm-prevh{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;
  color:var(--mute);letter-spacing:.04em}
.fm-prevh svg{width:14px;height:14px;color:var(--brand);flex:none}
.fm-prevh .tag{margin-left:auto;height:20px;padding:0 7px;border-radius:5px;background:var(--brand-lt);
  color:#5B45C8;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;letter-spacing:0}

/* 미리보기 롱샷 (전체 캡처 축소 프리뷰) */
.fm-longprev{border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;
  display:flex;flex-direction:column;gap:2px;background:var(--line)}
.fm-longprev .sg{height:54px}

/* ══════════ s22 · 등록 완료 · 승인 대기 ══════════ */

.fm-hero{max-width:680px;margin:26px auto 0;text-align:center}
.fm-done{width:76px;height:76px;border-radius:50%;margin:0 auto 22px;display:grid;place-items:center;
  background:#EAF6EE;color:#2A7A4B;box-shadow:0 0 0 8px #F3FAF6}
.fm-done svg{width:33px;height:33px}
.fm-hero h1{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.032em;line-height:1.34}
.fm-hero .subt{font-size:14px;color:var(--mute);line-height:1.75;margin-top:12px}
.fm-hero .subt b{color:var(--body);font-weight:700}

.fm-hero .actband .btn{white-space:nowrap}

/* 등록한 프로젝트 요약 줄 */
.fm-sumrow{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:10px 15px 10px 11px;
  border:1px solid var(--line);border-radius:var(--r-pill);background:#fff}
.fm-sumrow .sth{width:44px;height:29px;border-radius:5px;flex:none;border:1px solid var(--line)}
.fm-sumrow .snm{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.fm-sumrow .sme{font-size:11.5px;color:var(--mute);font-weight:600}

/* 승인 진행 상태 스트립 */
.fm-stat{display:flex;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;overflow:hidden;margin-top:26px;text-align:center}
.fm-stat .s{flex:1;padding:16px 12px;border-right:1px solid var(--line)}
.fm-stat .s:last-child{border-right:none}
.fm-stat .s i{width:27px;height:27px;border-radius:50%;margin:0 auto 9px;display:grid;place-items:center;
  background:var(--field);color:var(--mute);font-style:normal;font-size:11.5px;font-weight:800}
.fm-stat .s i svg{width:13px;height:13px}
.fm-stat .s b{display:block;font-size:13px;font-weight:800;color:var(--mute);letter-spacing:-.02em}
.fm-stat .s span{display:block;font-size:11.5px;color:#A8ABB8;font-weight:600;margin-top:5px;line-height:1.55}
.fm-stat .s.done i{background:#EAF6EE;color:#2A7A4B}
.fm-stat .s.done b{color:var(--body)}
.fm-stat .s.now{background:var(--brand-lt)}
.fm-stat .s.now i{background:var(--brand);color:#fff}
.fm-stat .s.now b{color:#3A2A9E}
.fm-stat .s.now span{color:#5D53A0}

/* 승인 대기 배지 */
.fm-wait{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 14px;border-radius:var(--r-pill);
  background:#FFF4E2;color:#A96A00;font-size:12.5px;font-weight:800;letter-spacing:-.01em;margin-top:18px}
.fm-wait i{width:7px;height:7px;border-radius:50%;background:#D18B15;flex:none;display:block}

/* 「내 이력에 추가?」 핵심 CTA 카드 */
.fm-ask{margin-top:30px;padding:26px 28px;text-align:left;border:1.5px solid var(--brand);
  border-radius:var(--r-lg);background:linear-gradient(180deg,var(--brand-lt) 0%,#fff 56%);
  box-shadow:0 10px 30px rgba(124,92,252,.14)}
.fm-ask .askh{display:flex;align-items:center;gap:11px}
.fm-ask .askh .ai{width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff;
  display:grid;place-items:center;flex:none}
.fm-ask .askh .ai svg{width:18px;height:18px}
.fm-ask .askh h3{font-size:18.5px;font-weight:800;color:var(--ink);letter-spacing:-.028em;line-height:1.35}
.fm-ask .askh .kb{margin-left:auto;flex:none}
.fm-ask .why{font-size:13px;color:var(--body);line-height:1.75;margin-top:13px}
.fm-ask .why b{color:var(--ink);font-weight:700}
.fm-ask .askbtns{display:flex;align-items:center;gap:8px;margin-top:19px}
.fm-ask .askbtns .lt{margin-left:auto;font-size:11.5px;color:var(--mute);font-weight:600}

/* CTA 안 이력 미리보기 카드 */
.fm-askcard{display:flex;align-items:center;gap:13px;margin-top:16px;padding:13px;
  border:1px solid var(--brand-lt2);border-radius:var(--r-md);background:#fff}
.fm-askcard .ath{width:78px;height:50px;border-radius:6px;flex:none;border:1px solid var(--line)}
.fm-askcard .ac{flex:1;min-width:0}
.fm-askcard .ac b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.fm-askcard .ac .am{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;
  font-size:11.5px;color:var(--mute);font-weight:600}
.fm-askcard .ac .am .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC;flex:none}

/* 완료 화면 하단 다음 행동 */
.fm-next{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px;text-align:left}
.fm-nx{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:16px 17px;transition:.14s}
.fm-nx:hover{border-color:var(--line-2);box-shadow:0 6px 20px rgba(22,23,29,.07);transform:translateY(-2px)}
.fm-nx svg{width:17px;height:17px;color:var(--brand)}
.fm-nx b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-top:11px}
.fm-nx p{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:6px}

/* ══════════ s23 · 커뮤니티 글쓰기 ══════════ */

/* 게시판 선택 */
.fm-boards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.fm-board{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:14px 15px;
  text-align:left;cursor:pointer;transition:.14s}
.fm-board:hover{border-color:var(--brand-lt2);background:var(--brand-lt)}
.fm-board .bh{display:flex;align-items:center;gap:8px}
.fm-board .bh b{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.fm-board .bh .rd{margin-left:auto;width:17px;height:17px;border-width:2px}
.fm-board .bh .rd.on::after{width:6px;height:6px}
.fm-board p{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:9px}
.fm-board .bn{display:block;font-size:10.5px;color:#A8ABB8;font-weight:700;margin-top:9px}
.fm-board.sel{border-color:var(--brand);background:var(--brand-lt);box-shadow:0 0 0 3px rgba(124,92,252,.12)}
.fm-board.sel .bh b{color:#3A2A9E}
.fm-board.sel p{color:#5D53A0}

/* 제목 입력 (.fld 대비 크게) */
.fm-title{display:flex;align-items:center;gap:12px;height:58px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;padding:0 16px}
.fm-title:focus-within{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
.fm-title input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
  font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.025em}
.fm-title input::placeholder{color:#A8ABB8;font-weight:600}
.fm-title .cnt2{flex:none;font-size:11.5px;color:var(--mute);font-weight:600}

/* 에디터 */
.fm-ed{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;overflow:hidden}
.fm-ed:focus-within{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
.fm-edbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:8px 10px;
  border-bottom:1px solid var(--line);background:var(--bg-soft)}
.fm-edb{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex:none;cursor:pointer;
  background:transparent;border:none;color:var(--body);font-size:12.5px;font-weight:800;transition:.12s}
.fm-edb:hover{background:#fff;box-shadow:inset 0 0 0 1px var(--line-2)}
.fm-edb.on{background:var(--brand);color:#fff}
.fm-edb svg{width:15px;height:15px}
.fm-edb.wide{width:auto;padding:0 11px;gap:5px;font-size:12px;display:inline-flex;align-items:center}
.fm-edsep{width:1px;height:18px;background:var(--line-2);margin:0 6px;flex:none}
.fm-edbody{padding:20px 20px 26px;min-height:300px;font-size:14.5px;line-height:1.85;color:var(--body)}
.fm-edbody p{margin-bottom:15px}
.fm-edbody h3{font-size:16.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin:22px 0 10px}
.fm-edbody .cue{color:#A8ABB8}
.fm-edbody code{font-family:'SF Mono',Consolas,monospace;font-size:12.5px;background:var(--bg-soft);
  border:1px solid var(--line);border-radius:4px;padding:1.5px 6px;color:#5B45C8}
.fm-edfoot{display:flex;align-items:center;gap:12px;padding:10px 15px;border-top:1px solid var(--line);
  background:var(--bg-soft);font-size:11.5px;color:var(--mute);font-weight:600}
.fm-edfoot .rt3{margin-left:auto;display:flex;align-items:center;gap:10px}

/* 프로젝트 인용 첨부 영역 */
.fm-quote{border:1.5px dashed var(--brand-lt2);border-radius:var(--r-md);background:var(--brand-lt);padding:17px 19px}
.fm-quote .qh{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.fm-quote .qh svg{width:16px;height:16px;color:var(--brand);flex:none}
.fm-quote .qh b{font-size:13.5px;font-weight:800;color:#4A38B0;letter-spacing:-.02em}
.fm-quote .qh .n2{margin-left:auto;font-size:11.5px;font-weight:700;color:#5D53A0}
.fm-quote .qd{font-size:12px;color:#5D53A0;line-height:1.7;margin-bottom:13px}
.fm-quote .fld{border-color:var(--brand-lt2)}
.fm-qres{display:flex;flex-direction:column;gap:7px;margin-top:12px}
.fm-qrow{display:flex;align-items:center;gap:12px;padding:10px 12px;
  border:1px solid var(--brand-lt2);border-radius:var(--r-sm);background:#fff}
.fm-qrow .qth{width:58px;height:37px;border-radius:5px;flex:none;border:1px solid var(--line)}
.fm-qrow .qi{flex:1;min-width:0}
.fm-qrow .qi b{display:block;font-size:12.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.fm-qrow .qi span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;
  font-size:11px;color:var(--mute);font-weight:600;margin-top:4px}
.fm-qrow .qi span .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC;flex:none}
.fm-qrow.att{border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,92,252,.10)}
.fm-qrow.att .qi b{color:#3A2A9E}
.fm-qcap{font-size:11.5px;font-weight:700;color:#5D53A0;margin:14px 0 8px}

/* 임시저장 / 등록 밴드 좌측 상태 */
.fm-saved{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mute);font-weight:600}
.fm-saved svg{width:13px;height:13px;color:#2A7A4B}

/* ══════════ s24 · 검색 결과 ══════════ */

/* 상단 큰 검색바 */
.fm-bigsearch{display:flex;align-items:center;gap:12px;height:58px;padding:0 12px 0 18px;
  border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);background:#fff;
  box-shadow:0 0 0 3px var(--brand-lt)}
.fm-bigsearch > svg{width:19px;height:19px;color:var(--brand);flex:none}
.fm-bigsearch input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
  font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.025em}
.fm-bigsearch input::placeholder{color:#A8ABB8;font-weight:600}
.fm-bigsearch .clr{width:26px;height:26px;border-radius:50%;background:var(--field);color:var(--mute);
  display:grid;place-items:center;flex:none;border:none;cursor:pointer}
.fm-bigsearch .clr:hover{background:var(--line-2);color:var(--body)}
.fm-bigsearch .clr svg{width:12px;height:12px}

/* 검색어 하이라이트 */
.fm-hl{background:#FFF3BF;color:var(--ink);font-weight:800;border-radius:3px;padding:0 2px}

/* 결과 요약 줄 */
.fm-sum{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px;
  font-size:13px;color:var(--mute);font-weight:600}
.fm-sum b{color:var(--ink);font-weight:800}
.fm-sum .rt4{margin-left:auto;display:flex;gap:6px;align-items:center}

/* 최근 검색어 · 추천 검색어 */
.fm-recent{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}
.fm-recent .rl{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.02em;flex:none}

/* 결과 묶음 헤더 */
.fm-gh{display:flex;align-items:baseline;gap:9px;margin-bottom:14px}
.fm-gh h2{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.fm-gh .c2{font-size:13px;font-weight:800;color:var(--brand)}
.fm-gh .all{margin-left:auto;display:inline-flex;align-items:center;gap:4px;
  font-size:12.5px;color:var(--mute);font-weight:700;background:none;border:none;cursor:pointer}
.fm-gh .all svg{width:13px;height:13px}
.fm-gh .all:hover{color:var(--brand)}

/* 결과 묶음 구분 */
.fm-group{padding-top:30px;margin-top:30px;border-top:1px solid var(--line)}
.fm-group:first-of-type{padding-top:24px;margin-top:0;border-top:none}

/* 결과 없음 */
.fm-empty{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);
  padding:42px 24px;text-align:center}
.fm-empty .ei{width:48px;height:48px;border-radius:15px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:#B9BCC8;margin:0 auto 14px}
.fm-empty .ei svg{width:21px;height:21px}
.fm-empty b{display:block;font-size:15.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.fm-empty p{max-width:440px;margin:9px auto 0;font-size:12.5px;color:var(--mute);line-height:1.72}
.fm-empty .ebtns{display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin-top:17px}

/* 더보기 */
.fm-more{display:flex;justify-content:center;margin-top:20px}

/* ══════════ 반응형 ══════════ */
@media (max-width:1200px){
  .waycards{grid-template-columns:1fr}
  .fm-boards{grid-template-columns:repeat(2,1fr)}
  .fm-heads{grid-template-columns:repeat(2,1fr)}
  .fm-next{grid-template-columns:1fr}
  .fm-stat{flex-direction:column}
  .fm-stat .s{border-right:none;border-bottom:1px solid var(--line)}
  .fm-stat .s:last-child{border-bottom:none}
}

/* ═══ _css_auth.css ═══ */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT AUTH — 계정 화면 5종(s25~s29) 공통 스타일
   기존 crewdit-design-v2.html 의 :root 토큰(--brand --field --line --yellow
   --r-md …)과 공통 클래스(.btn .fld .cb .notice .ph .chip .steps)를 그대로
   상속·재사용한다. 신규 클래스는 전부 au- 접두어.
   ══════════════════════════════════════════════════════════════════ */

/* ─── 계정 화면 전용 시맨틱 토큰 (스테이지 스코프 · :root 미오염) ─── */
.au-stage{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --danger:#C2334D;  --danger-lt:#FDEDF1; --danger-line:#F3CBD5;
  --warn:#A96A00;    --warn-lt:#FFF4E2;   --warn-line:#F2DFBE;
  --kakao:var(--yellow);
  --kakao-ink:#1C1A0B;
}

/* ══════════ 셸 — 비활성 톤 레일 (로그인 전) ══════════ */
.rail.au-off .logo{opacity:.45}
.rail.au-off .it{color:#D5D7E0}
.rail.au-off .it:hover{background:var(--bg-soft);color:#B6B9C6}
.rail.au-off .it.on{color:#D5D7E0;background:none}
.rail.au-off .au-lockmark{margin-top:auto;width:30px;height:30px;border-radius:50%;
  background:var(--field);display:grid;place-items:center;color:#B6B9C6}
.rail.au-off .au-lockmark svg{width:14px;height:14px}

/* ══════════ 스테이지 — 가운데 카드 배치 ══════════ */
.au-stage{display:flex;flex-direction:column;align-items:center;
  background:var(--bg-soft);padding:54px 32px 64px}
.au-stage.au-triple{padding:40px 28px 56px}

/* 제목 · 안내 */
.au-head{width:100%;max-width:520px;text-align:center;margin-bottom:26px}
.au-stage.au-triple .au-head{max-width:760px;margin-bottom:24px}
.au-head .au-mark{width:52px;height:52px;border-radius:16px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--brand);margin:0 auto 16px}
.au-head .au-mark svg{width:26px;height:26px}
.au-head h1{font-size:25px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.35}
.au-head p{font-size:13.5px;color:var(--mute);line-height:1.7;margin-top:9px}
.au-head p b{color:var(--body);font-weight:700}

/* ══════════ 카드 ══════════ */
.au-card{width:100%;max-width:420px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px 26px;box-shadow:0 4px 18px rgba(22,23,29,.05)}
.au-card.au-flat{box-shadow:none}
.au-cardhead{text-align:center;margin-bottom:20px}
.au-cardhead h2{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.4}
.au-cardhead p{font-size:12.5px;color:var(--mute);line-height:1.65;margin-top:7px}
.au-cardhead p code{font-family:'SF Mono',Consolas,monospace;font-size:12px;color:var(--ink);
  background:var(--field);border-radius:4px;padding:1.5px 5px}

/* 카드 상단 원형 아이콘 */
.au-ico{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px}
.au-ico svg{width:24px;height:24px}
.au-ico.ok{background:var(--ok-lt);color:var(--ok)}
.au-ico.ng{background:var(--danger-lt);color:var(--danger)}
.au-ico.lock{background:var(--warn-lt);color:var(--warn)}
.au-ico.mail{background:var(--brand-lt);color:var(--brand)}

/* 3카드 가로 배치 + 상태 라벨 */
.au-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start;width:100%}
.au-col{display:flex;flex-direction:column;gap:11px;min-width:0}
.au-col > .au-card{max-width:none}
.au-slabel{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;
  color:var(--mute);letter-spacing:-.01em}
.au-slabel i{width:20px;height:20px;border-radius:6px;background:var(--field);color:#8A8D9A;
  display:grid;place-items:center;font-size:10.5px;font-weight:800;font-style:normal;flex:none}
.au-slabel.ok{color:var(--ok)}          .au-slabel.ok i{background:var(--ok-lt);color:var(--ok)}
.au-slabel.ng{color:var(--danger)}      .au-slabel.ng i{background:var(--danger-lt);color:var(--danger)}
.au-slabel.lock{color:var(--warn)}      .au-slabel.lock i{background:var(--warn-lt);color:var(--warn)}
.au-slabel.on{color:var(--brand)}       .au-slabel.on i{background:var(--brand-lt);color:var(--brand)}
.au-slabel small{margin-left:auto;font-size:11px;font-weight:600;color:#A8ABB8;letter-spacing:0}

/* ══════════ 버튼 ══════════ */
.btn.au-full{width:100%;height:50px;justify-content:center;font-size:14px;font-weight:700}
.btn.au-full svg{width:17px;height:17px}
.btn.au-kakao{background:var(--kakao);color:var(--kakao-ink)}
.btn.au-kakao:hover{background:#F2DA00}
.btn.au-kakao svg{color:var(--kakao-ink)}
.btn.au-off{background:var(--field);color:#B0B3BF;cursor:not-allowed;box-shadow:none}
.btn.au-off:hover{background:var(--field)}

/* 소셜 채널 안내 */
.au-social-note{font-size:11.5px;color:var(--mute);text-align:center;line-height:1.7;margin-top:11px}
.au-social-note .tbd{color:var(--brand);font-weight:700}

/* 구분선 (또는) */
.au-or{display:flex;align-items:center;gap:12px;margin:18px 0;color:#B0B3BF;font-size:11.5px;font-weight:700}
.au-or::before,.au-or::after{content:"";flex:1;height:1px;background:var(--line)}

/* ══════════ 폼 블록 ══════════ */
.au-f{margin-bottom:16px}
.au-f:last-of-type{margin-bottom:0}
.au-f .flab{margin-bottom:7px}
.au-f .flab b{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.au-f .flab .ok{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--ok)}

/* 필드 안 보조 버튼 (인증 발송 · 중복확인) */
.fld .au-inbtn{height:34px;padding:0 12px;border-radius:var(--r-sm);background:var(--field);
  color:var(--body);font-size:12px;font-weight:700;flex:none;white-space:nowrap;transition:.12s}
.fld .au-inbtn:hover{background:var(--brand-lt);color:#5B45C8}
.fld .au-inbtn.on{background:var(--brand);color:#fff}
.fld .au-eye{color:#B0B3BF;flex:none;padding:0 6px}
.fld .au-eye svg{width:17px;height:17px}
.fld .au-timerin{font-size:12px;font-weight:700;color:var(--danger);flex:none;
  font-family:'SF Mono',Consolas,monospace;padding-right:4px}

/* 필드 상태 */
.fld.au-ng{border-color:var(--danger-line);background:#FFFCFD}
.fld.au-ng:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px rgba(194,51,77,.10)}
.fld.au-ok{border-color:var(--ok-line)}
.fld.au-ok:focus-within{box-shadow:0 0 0 3px rgba(42,122,75,.10)}
.fld.au-dis{background:var(--field);border-color:var(--line)}
.fld.au-dis .txt,.fld.au-dis input{color:#A8ABB8}

/* 인라인 메시지 */
.au-msg{display:flex;gap:6px;align-items:flex-start;font-size:11.5px;line-height:1.6;
  font-weight:600;margin-top:7px}
.au-msg svg{width:13px;height:13px;flex:none;margin-top:2px}
.au-msg.ng{color:var(--danger)}
.au-msg.ok{color:var(--ok)}
.au-msg.mute{color:var(--mute);font-weight:500}

/* 비밀번호 규칙 */
.au-rules{display:flex;flex-direction:column;gap:5px;margin-top:9px}
.au-rules li{list-style:none;display:flex;gap:7px;align-items:flex-start;
  font-size:11.5px;color:var(--mute);line-height:1.6}
.au-rules li i{width:13px;height:13px;border-radius:50%;border:1.5px solid #D5D7E0;flex:none;margin-top:2px;
  display:grid;place-items:center;color:#fff}
.au-rules li i svg{width:8px;height:8px}
.au-rules li.ok{color:var(--ok)}
.au-rules li.ok i{background:var(--ok);border-color:var(--ok)}

/* 로그인 옵션 줄 (상태 유지 · 찾기) */
.au-opts{display:flex;align-items:center;gap:8px;margin:15px 0 18px}
.au-opts label{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--body);
  font-weight:600;cursor:pointer}
.au-opts .au-find{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;
  color:var(--mute);font-weight:600}
.au-opts .au-find .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.au-opts .au-find a:hover{color:var(--brand)}

/* 카드 하단 전환 링크 */
.au-switch{text-align:center;font-size:12.5px;color:var(--mute);font-weight:600;margin-top:20px;
  padding-top:18px;border-top:1px solid var(--line)}
.au-switch a{color:var(--brand);font-weight:800;margin-left:6px}
.au-switch a:hover{text-decoration:underline}
.au-under{width:100%;max-width:420px;text-align:center;font-size:11.5px;color:#A8ABB8;
  line-height:1.75;margin-top:18px}
.au-under a{font-weight:700;color:var(--mute)}
.au-under a:hover{color:var(--brand)}

/* ══════════ 잠금 상태 ══════════ */
.au-lock{border:1px solid var(--warn-line);background:var(--warn-lt);border-radius:var(--r-md);
  padding:15px 16px;text-align:center}
.au-lock .au-count{font-size:27px;font-weight:800;color:var(--warn);letter-spacing:-.02em;
  font-family:'SF Mono',Consolas,monospace;line-height:1.2}
.au-lock .au-count span{font-size:12px;font-weight:700;margin-left:5px;letter-spacing:0}
.au-lock p{font-size:11.5px;color:#8A6417;font-weight:600;margin-top:5px;line-height:1.6}
.au-why{margin-top:16px;border-top:1px solid var(--line);padding-top:15px}
.au-why h4{font-size:12px;font-weight:800;color:var(--ink);margin-bottom:9px}
.au-why li{list-style:none;position:relative;padding-left:12px;font-size:12px;color:var(--body);
  line-height:1.65;margin-bottom:6px}
.au-why li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;
  border-radius:50%;background:var(--brand)}
.au-why li:last-child{margin-bottom:0}

/* 실패 카운터 */
.au-tries{display:flex;align-items:center;gap:5px;margin-top:9px}
.au-tries i{flex:1;height:4px;border-radius:2px;background:var(--line)}
.au-tries i.hit{background:var(--danger)}
.au-tries b{font-size:11px;font-weight:800;color:var(--danger);flex:none;margin-left:3px}

/* ══════════ 가입 스텝 (컴팩트) ══════════ */
.au-steps{display:flex;align-items:center;gap:0;width:100%;max-width:420px;margin-bottom:20px}
.au-steps .s{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative}
.au-steps .s::after{content:"";position:absolute;top:13px;left:calc(50% + 18px);right:calc(-50% + 18px);
  height:2px;background:var(--line)}
.au-steps .s:last-child::after{display:none}
.au-steps .s .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  font-size:11.5px;font-weight:800;background:#fff;border:1.5px solid var(--line-2);color:#B0B3BF;z-index:1}
.au-steps .s .n svg{width:12px;height:12px}
.au-steps .s span{font-size:11.5px;font-weight:700;color:#A8ABB8;letter-spacing:-.01em}
.au-steps .s.done .n{background:var(--ok-lt);border-color:var(--ok-line);color:var(--ok)}
.au-steps .s.done span{color:var(--body)}
.au-steps .s.done::after{background:var(--ok-line)}
.au-steps .s.now .n{background:var(--brand);border-color:var(--brand);color:#fff}
.au-steps .s.now span{color:var(--ink);font-weight:800}

/* ══════════ 약관 동의 ══════════ */
.au-allbox{display:flex;align-items:center;gap:11px;padding:15px 15px;border:1.5px solid var(--brand);
  background:var(--brand-lt);border-radius:var(--r-md);cursor:pointer}
.au-allbox .t{flex:1;min-width:0}
.au-allbox .t b{display:block;font-size:14px;font-weight:800;color:#3A2A9E;letter-spacing:-.02em}
.au-allbox .t span{font-size:11.5px;color:#5D53A0;font-weight:600}
.au-terms{margin-top:6px}
.au-term{display:flex;align-items:center;gap:11px;padding:13px 4px;border-bottom:1px solid var(--line)}
.au-term:last-child{border-bottom:none}
.au-term .t{flex:1;min-width:0;font-size:13px;color:var(--body);font-weight:600;line-height:1.5}
.au-term .t em{font-style:normal;font-weight:800;color:var(--ink)}
.au-term .au-view{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:11.5px;
  font-weight:700;color:var(--mute)}
.au-term .au-view svg{width:12px;height:12px}
.au-term .au-view:hover{color:var(--brand)}
.au-tag{height:19px;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:800;
  display:inline-flex;align-items:center;margin-right:6px;flex:none}
.au-tag.req{background:var(--brand-lt);color:#5B45C8}
.au-tag.opt{background:var(--field);color:#8A8D9A}
.au-sub-term{margin:2px 0 0 29px;font-size:11.5px;color:var(--mute);line-height:1.65}

/* ══════════ 직군 칩 ══════════ */
.au-jobs{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}
.au-jobs .chip{height:36px;padding:0 15px;font-size:13px}
.au-why-job{display:flex;gap:7px;align-items:flex-start;font-size:11.5px;color:var(--mute);
  line-height:1.7;margin-top:10px}
.au-why-job svg{width:13px;height:13px;color:var(--brand);flex:none;margin-top:3px}

/* ══════════ 결과 표시 (마스킹 · 발송 완료) ══════════ */
.au-mask{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);
  padding:16px;text-align:center}
.au-mask b{display:block;font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.01em;
  font-family:'SF Mono',Consolas,monospace}
.au-mask span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:6px}
.au-kv{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.au-kv .r{display:flex;gap:12px;padding:10px 13px;border-bottom:1px solid var(--line);font-size:12.5px}
.au-kv .r:last-child{border-bottom:none}
.au-kv .r .k{width:78px;flex:none;font-size:11.5px;font-weight:800;color:var(--mute)}
.au-kv .r .v{flex:1;color:var(--ink);font-weight:600;text-align:right}

/* ══════════ 가입 완료 · 다음 행동 ══════════ */
.au-next{display:flex;flex-direction:column;gap:9px;margin-top:4px}
.au-nx{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;transition:.12s;text-align:left}
.au-nx:hover{border-color:var(--brand-lt2);background:var(--brand-lt);transform:translateY(-1px)}
.au-nx .ic{width:38px;height:38px;border-radius:12px;background:var(--brand-lt);color:var(--brand);
  display:grid;place-items:center;flex:none}
.au-nx .ic svg{width:18px;height:18px}
.au-nx .tx{flex:1;min-width:0}
.au-nx .tx b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.au-nx .tx span{font-size:11.5px;color:var(--mute);font-weight:600;line-height:1.55}
.au-nx .go{color:#C6C9D4;flex:none}
.au-nx .go svg{width:15px;height:15px}
.au-nx.au-key{border-color:var(--brand);background:var(--brand-lt)}
.au-nx.au-key .ic{background:var(--brand);color:#fff}

/* 가입 완료 인사 */
.au-hello{text-align:center}
.au-hello .av{width:60px;height:60px;border-radius:18px;margin:0 auto 12px;border:1px solid var(--line)}
.au-hello b{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.au-hello span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:4px}

/* ══════════ 반응형 ══════════ */
@media (max-width:1200px){
  .au-row{grid-template-columns:1fr;justify-items:center}
  .au-col{width:100%;max-width:420px}
  .au-stage{padding:36px 20px 48px}
}

/* ═══ _css_my.css ═══ */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT MY / JD / ABOUT — 화면 4종(s30~s33) 공통 스타일
   기존 crewdit-design-v2.html 의 :root 토큰(--brand --brand-lt --line
   --field --r-md --r-pill …)과 공통 클래스(.btn .chip .badge .ph .fld
   .ta .rd .cb .sw .panel .kv .notice .two .ref .mrow .linkbox .linkrow)를
   그대로 상속·재사용한다. 신규 클래스는 전부 my- 접두어.
   ※ 점수·등급·순위·별점·품질배지·제작비 표기는 일절 두지 않는다.
   ══════════════════════════════════════════════════════════════════ */

/* ─── 화면 전용 시맨틱 토큰 (스코프 한정 · :root 미오염) ─── */
.my-scope{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --wait:#A96A00;    --wait-lt:#FFF4E2;   --wait-line:#F2DFBE;
  --rej:#C2334D;     --rej-lt:#FDEDF1;    --rej-line:#F3CBD5;
}

/* ══════════════════════════════════════════════════════════════════
   1. 마이페이지 셸 — 좌측 사이드 메뉴 + 본문
   ══════════════════════════════════════════════════════════════════ */
.my-shell{display:grid;grid-template-columns:206px 1fr;gap:30px;align-items:start}
.my-shell.wide3{grid-template-columns:206px 1fr 306px}

.my-nav{position:sticky;top:20px;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;padding:14px 12px}
.my-nav .my-who{display:flex;align-items:center;gap:10px;padding:2px 4px 14px;
  border-bottom:1px solid var(--line);margin-bottom:10px}
.my-nav .my-who .av{width:38px;height:38px;border-radius:12px;flex:none;border:1px solid var(--line)}
.my-nav .my-who .nm{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.35}
.my-nav .my-who .nm small{display:block;font-size:11px;color:var(--mute);font-weight:600;
  font-family:'SF Mono',Consolas,monospace;letter-spacing:0}

.my-nav-h{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.05em;
  padding:10px 8px 6px}
.my-nav-it{display:flex;align-items:center;gap:9px;height:38px;padding:0 10px;border-radius:var(--r-sm);
  font-size:13px;font-weight:600;color:var(--body);transition:.12s;width:100%;text-align:left}
.my-nav-it svg{width:16px;height:16px;color:#AFB2C0;flex:none}
.my-nav-it:hover{background:var(--bg-soft)}
.my-nav-it.on{background:var(--brand-lt);color:#4A38B0;font-weight:800}
.my-nav-it.on svg{color:var(--brand)}
.my-nav-it .c{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--mute)}
.my-nav-it.on .c{color:var(--brand)}
.my-nav-sep{height:1px;background:var(--line);margin:10px 4px}

/* ══════════════════════════════════════════════════════════════════
   2. 상태 탭 (전체 / 승인 대기 / 공개 / 반려)
   ══════════════════════════════════════════════════════════════════ */
.my-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);
  padding-bottom:0;margin-top:4px}
.my-tab{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;
  font-size:13.5px;font-weight:700;color:var(--mute);border-bottom:2px solid transparent;
  margin-bottom:-1px;transition:.12s}
.my-tab:hover{color:var(--body)}
.my-tab.on{color:var(--ink);font-weight:800;border-bottom-color:var(--brand)}
.my-tab .c{font-size:11.5px;font-weight:800;color:#B0B3BF}
.my-tab.on .c{color:var(--brand)}
.my-tab.alert .c{color:var(--rej)}

.my-listbar{display:flex;align-items:center;gap:10px;margin:18px 0 12px}
.my-listbar .n{font-size:13px;color:var(--mute);font-weight:600}
.my-listbar .n b{color:var(--ink);font-weight:800}
.my-listbar .rt{margin-left:auto;display:flex;gap:6px;align-items:center}

/* ══════════════════════════════════════════════════════════════════
   3. 내 프로젝트 행 (.mrow 계열 확장)
   ══════════════════════════════════════════════════════════════════ */
.my-prow{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  margin-bottom:10px;transition:.12s;overflow:hidden}
.my-prow:hover{border-color:var(--line-2);box-shadow:0 3px 12px rgba(22,23,29,.05)}
.my-prow.rejrow{border-color:var(--rej-line)}
.my-prow.waitrow{border-color:var(--wait-line)}

.my-pmain{display:flex;align-items:center;gap:14px;padding:14px}
.my-pth{width:104px;height:66px;border-radius:var(--r-sm);flex:none;border:1px solid var(--line)}
.my-pth.hold{background:repeating-linear-gradient(135deg,#F4F4F8 0 8px,#EFEFF4 8px 16px);
  display:grid;place-items:center;font-size:10px;color:#9EA2B3;font-weight:700}
.my-pi{flex:1;min-width:0}
.my-pi h4{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
.my-pi .url{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:3px;
  font-family:'SF Mono',Consolas,monospace}
.my-pmeta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:9px;
  font-size:11.5px;color:var(--mute);font-weight:600}
.my-pmeta .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.my-pact{display:flex;align-items:center;gap:7px;flex:none}

/* 상태 배지 */
.my-st{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;
  font-size:11.5px;font-weight:800;letter-spacing:-.01em;flex:none}
.my-st i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}
.my-st.pub{background:var(--ok-lt);color:var(--ok)}
.my-st.wait{background:var(--wait-lt);color:var(--wait)}
.my-st.rej{background:var(--rej-lt);color:var(--rej)}
.my-st.draft{background:var(--field);color:#6E7180}

/* 이력 추가 상태 */
.my-inref{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;
  background:var(--brand-lt);color:#5B45C8;font-size:11px;font-weight:700}
.my-inref svg{width:12px;height:12px}
.my-addref{height:32px;padding:0 12px;border-radius:var(--r-pill);border:1px dashed var(--brand-lt2);
  background:var(--brand-lt);color:#5B45C8;font-size:12.5px;font-weight:700;
  display:inline-flex;align-items:center;gap:5px;transition:.12s}
.my-addref:hover{border-style:solid;border-color:var(--brand);background:var(--brand-lt2)}
.my-addref svg{width:13px;height:13px}

/* 아이콘 전용 미니 버튼 (수정·삭제) */
.my-ib{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--line-2);
  display:grid;place-items:center;color:#9CA0AE;background:#fff;transition:.12s}
.my-ib:hover{border-color:#CFD1DA;background:var(--bg-soft);color:var(--body)}
.my-ib.danger:hover{border-color:var(--rej-line);background:var(--rej-lt);color:var(--rej)}
.my-ib svg{width:15px;height:15px}

/* 반려 사유 박스 */
.my-reject{border-top:1px solid var(--rej-line);background:var(--rej-lt);padding:15px 16px 16px}
.my-reject .rh{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.my-reject .rh svg{width:15px;height:15px;color:var(--rej)}
.my-reject .rh b{font-size:12.5px;font-weight:800;color:var(--rej)}
.my-reject .rh .when{margin-left:auto;font-size:11px;color:#A8798A;font-weight:600}
.my-reject p{font-size:12.5px;color:#8C4257;line-height:1.72}
.my-reject p b{color:#7A2C42;font-weight:700}
.my-reject .rfoot{display:flex;align-items:center;gap:8px;margin-top:13px}
.my-reject .rfoot .hint{font-size:11.5px;color:#A8798A;font-weight:600}
.my-btn-rej{height:34px;padding:0 15px;border-radius:var(--r-pill);background:var(--rej);color:#fff;
  font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:.12s}
.my-btn-rej:hover{background:#A72B41}
.my-btn-rej svg{width:14px;height:14px}

/* 승인 대기 안내 줄 */
.my-waitbar{border-top:1px solid var(--wait-line);background:var(--wait-lt);padding:11px 16px;
  display:flex;align-items:center;gap:8px;font-size:12px;color:#8A5A0C;font-weight:600}
.my-waitbar svg{width:14px;height:14px;color:var(--wait);flex:none}

/* ══════════════════════════════════════════════════════════════════
   4. 프로필 설정 폼
   ══════════════════════════════════════════════════════════════════ */
.my-form{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:0 22px}
.my-fsec{padding:22px 0;border-bottom:1px solid var(--line)}
.my-fsec:last-child{border-bottom:none}
.my-fsec > .h3{margin-bottom:14px}
.my-frow{display:grid;grid-template-columns:132px 1fr;gap:18px;align-items:start;margin-bottom:18px}
.my-frow:last-child{margin-bottom:0}
.my-flab{padding-top:14px;font-size:13px;font-weight:700;color:var(--body);
  display:flex;align-items:center;gap:6px}
.my-flab .req{font-size:11.5px;font-weight:700;color:var(--brand)}
.my-fbody{min-width:0}
.my-fbody .fhint{margin-top:8px}

/* 프로필 이미지 업로드 */
.my-avup{display:flex;align-items:center;gap:16px}
.my-avup .av{width:88px;height:88px;border-radius:26px;flex:none;border:1px solid var(--line)}
.my-avup .col{display:flex;flex-direction:column;gap:8px}
.my-avup .btns{display:flex;gap:7px}
.my-avup .note{font-size:11.5px;color:var(--mute);line-height:1.6}

/* 핸들 입력 — crewdit.kr/u/____ */
.my-handle{display:flex;align-items:center;gap:0;height:50px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;overflow:hidden}
.my-handle:focus-within{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
.my-handle .pre{height:100%;display:flex;align-items:center;padding:0 12px 0 14px;
  background:var(--field);border-right:1px solid var(--line);color:var(--mute);
  font-family:'SF Mono',Consolas,monospace;font-size:12.5px;flex:none}
.my-handle input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
  font-family:'SF Mono',Consolas,monospace;font-size:13.5px;color:var(--ink);padding:0 12px}
.my-handle .btn{margin-right:7px;flex:none}
.my-hprev{display:flex;align-items:center;gap:8px;margin-top:9px;padding:9px 12px;
  border:1px solid var(--brand-lt2);background:var(--brand-lt);border-radius:var(--r-sm)}
.my-hprev .lb{font-size:11px;font-weight:800;color:#7A6BC4;letter-spacing:.02em;flex:none}
.my-hprev code{flex:1;font-family:'SF Mono',Consolas,monospace;font-size:12.5px;color:#4A38B0;font-weight:600}
.my-hmsg{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:700}
.my-hmsg svg{width:14px;height:14px}
.my-hmsg.ok{color:var(--ok)}
.my-hmsg.no{color:var(--rej)}

/* 년월 · 링크 입력 조합 */
.my-ym{display:flex;align-items:center;gap:8px}
.my-ym .fld{width:126px}
.my-ym .sep{font-size:13px;color:var(--mute);font-weight:600}
.my-linkin{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.my-linkin .kind{width:120px;flex:none}
.my-linkin .fld{flex:1}
.my-linkin .my-ib{flex:none;height:50px;width:44px}

/* 공개 범위 라디오 */
.my-radios{display:flex;flex-direction:column;gap:8px}
.my-radio{display:flex;align-items:flex-start;gap:11px;padding:13px 15px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;cursor:pointer;transition:.12s}
.my-radio:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.my-radio.on{border-color:var(--brand);background:var(--brand-lt);box-shadow:0 0 0 3px rgba(124,92,252,.1)}
.my-radio .rd{margin-top:1px}
.my-radio .rt{flex:1;min-width:0}
.my-radio b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.my-radio p{font-size:12px;color:var(--mute);line-height:1.65;margin-top:4px}
.my-radio.on p{color:#5D53A0}

/* 구직 의사 토글 */
.my-tgl{display:flex;align-items:center;gap:13px;padding:15px 17px;border:1px solid var(--brand-lt2);
  background:var(--brand-lt);border-radius:var(--r-md)}
.my-tgl .ti{flex:1;min-width:0}
.my-tgl .ti b{display:block;font-size:13.5px;font-weight:800;color:#4A38B0;letter-spacing:-.02em}
.my-tgl .ti p{font-size:12px;color:#5D53A0;line-height:1.65;margin-top:4px}
.my-tgl.off{border-color:var(--line-2);background:var(--bg-soft)}
.my-tgl.off .ti b{color:var(--body)}
.my-tgl.off .ti p{color:var(--mute)}
.my-subagree{display:flex;align-items:flex-start;gap:9px;margin-top:9px;padding:12px 15px;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.my-subagree .tt{flex:1;font-size:12px;color:var(--mute);line-height:1.65}
.my-subagree .tt b{color:var(--body);font-weight:700}

/* 저장 밴드 */
.my-saveband{display:flex;align-items:center;gap:14px;margin-top:20px;padding:16px 18px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.my-saveband .msg{font-size:12.5px;color:var(--mute);font-weight:600}
.my-saveband .rt{margin-left:auto;display:flex;gap:8px}

/* 실시간 미리보기 카드 */
.my-prev{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px}
.my-prevhead{display:flex;align-items:center;gap:7px}
.my-prevhead b{font-size:12.5px;font-weight:800;color:var(--mute);letter-spacing:.04em}
.my-prevhead .live{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;
  border-radius:var(--r-pill);background:var(--ok-lt);color:var(--ok);font-size:10.5px;font-weight:800}
.my-prevhead .live i{width:5px;height:5px;border-radius:50%;background:var(--ok);display:block}
.my-prevcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.my-prevcard .top{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:18px 17px 15px;text-align:center}
.my-prevcard .top .av{width:64px;height:64px;border-radius:20px;margin:0 auto 11px;border:1px solid var(--line)}
.my-prevcard .top h4{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.my-prevcard .top .hd{font-size:11.5px;color:var(--mute);font-family:'SF Mono',Consolas,monospace;margin-top:3px}
.my-prevcard .top .jobs{display:flex;gap:5px;justify-content:center;flex-wrap:wrap;margin-top:10px}
.my-prevcard .bd{padding:15px 17px 17px}
.my-prevcard .bio{font-size:12.5px;color:var(--body);line-height:1.7}
.my-prevcard .lk{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:12px;
  border-top:1px solid var(--line);font-size:11.5px;color:var(--mute);font-weight:600}
.my-prevcard .lk svg{width:13px;height:13px;color:#AFB2C0}
.my-prevnote{font-size:11.5px;color:var(--mute);line-height:1.7}
.my-prevnote b{color:var(--body);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   5. 채용 공고 상세
   ══════════════════════════════════════════════════════════════════ */
.my-jdhead{padding-bottom:22px;border-bottom:1px solid var(--line)}
.my-jdco{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.my-jdco .lg{width:44px;height:44px;border-radius:13px;flex:none;border:1px solid var(--line)}
.my-jdco .nm{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em;
  display:flex;align-items:center;gap:7px}
.my-jdco .sub{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:3px}
.my-verify{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:5px;
  background:var(--brand-lt);color:#5B45C8;font-size:10.5px;font-weight:800;letter-spacing:-.01em}
.my-verify svg{width:11px;height:11px}
.my-jdhead h1{font-size:27px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.35}
.my-jdtop{display:flex;align-items:flex-start;gap:20px}
.my-jdtop .l{flex:1;min-width:0}
.my-jdtop .r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:9px}
.my-dday{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--r-pill);
  background:var(--wait-lt);color:var(--wait);font-size:13px;font-weight:800;letter-spacing:-.01em}
.my-dday svg{width:14px;height:14px}
.my-dday.soon{background:var(--rej-lt);color:var(--rej)}
.my-jdsave{display:flex;gap:7px}

/* 요약 표 */
.my-sum{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;margin-top:22px;background:#fff}
.my-sum .c{padding:15px 16px;border-right:1px solid var(--line)}
.my-sum .c:last-child{border-right:none}
.my-sum .c .k{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--mute)}
.my-sum .c .k svg{width:13px;height:13px;color:#AFB2C0}
.my-sum .c .v{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-top:7px;line-height:1.45}
.my-sum .c .v small{display:block;font-size:11.5px;font-weight:600;color:var(--mute);margin-top:3px;letter-spacing:0}

/* 본문 섹션 */
.my-jdsec{margin-top:30px}
.my-jdsec h3{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
  padding-bottom:11px;border-bottom:1px solid var(--line);margin-bottom:14px}
.my-jdlist{list-style:none;display:flex;flex-direction:column;gap:10px}
.my-jdlist li{display:flex;gap:10px;font-size:13.5px;color:var(--body);line-height:1.75}
.my-jdlist li::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand);
  flex:none;margin-top:9px}
.my-jdlist li b{color:var(--ink);font-weight:700}
.my-jdlist.plain li::before{background:#CFD2DC}
.my-jdtxt{font-size:13.5px;color:var(--body);line-height:1.85}

/* 근무 조건 표 */
.my-cond{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.my-cond .r{display:flex;border-bottom:1px solid var(--line)}
.my-cond .r:last-child{border-bottom:none}
.my-cond .r .k{width:132px;flex:none;padding:12px 15px;background:var(--bg-soft);
  border-right:1px solid var(--line);font-size:12.5px;font-weight:700;color:var(--mute)}
.my-cond .r .v{flex:1;padding:12px 15px;font-size:13px;color:var(--body);line-height:1.7}
.my-cond .r .v b{color:var(--ink);font-weight:700}

/* 지원 밴드 */
.my-apply{margin-top:32px;padding:22px 24px;border:1px solid var(--brand-lt2);background:var(--brand-lt);
  border-radius:var(--r-md);display:flex;align-items:center;gap:20px}
.my-apply .ai{flex:1;min-width:0}
.my-apply .ai b{display:block;font-size:15px;font-weight:800;color:#4A38B0;letter-spacing:-.02em}
.my-apply .ai p{font-size:12.5px;color:#5D53A0;line-height:1.65;margin-top:6px}
.my-apply .ai p code{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;background:#fff;
  border:1px solid var(--brand-lt2);border-radius:4px;padding:1.5px 6px;color:#4A38B0}
.my-apply .rt{flex:none}
.my-applybtn{height:52px;padding:0 30px;border-radius:var(--r-pill);background:var(--brand);color:#fff;
  font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:8px;transition:.12s;
  letter-spacing:-.02em}
.my-applybtn:hover{background:var(--brand-dk)}
.my-applybtn svg{width:16px;height:16px}

/* 신고 링크 */
.my-reportbar{display:flex;align-items:center;gap:9px;margin-top:22px;padding-top:18px;
  border-top:1px solid var(--line);font-size:12px;color:var(--mute);line-height:1.7}
.my-reportbar svg{width:14px;height:14px;color:#AFB2C0;flex:none}
.my-reportbar .lnk{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:5px;
  height:32px;padding:0 13px;border-radius:var(--r-pill);border:1px solid var(--line-2);
  font-size:12px;font-weight:700;color:var(--body);transition:.12s}
.my-reportbar .lnk:hover{border-color:var(--rej-line);background:var(--rej-lt);color:var(--rej)}
.my-reportbar .lnk svg{width:13px;height:13px;color:currentColor}

/* 우측 회사 카드 */
.my-cocard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.my-cocard .cover{height:78px}
.my-cocard .cbody{padding:0 16px 16px;margin-top:-24px}
.my-cocard .lg{width:52px;height:52px;border-radius:15px;border:2px solid #fff;background:#fff}
.my-cocard h4{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-top:10px;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.my-cocard .desc{font-size:12px;color:var(--mute);line-height:1.7;margin-top:8px}
.my-cocard .cbtns{display:flex;gap:7px;margin-top:13px}
.my-cocard .cbtns .btn{flex:1;justify-content:center}

/* 같은 회사 다른 공고 */
.my-jobmini{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}
.my-jobmini:last-child{border-bottom:none;padding-bottom:0}
.my-jobmini:first-child{padding-top:0}
.my-jobmini .ji{flex:1;min-width:0}
.my-jobmini .ji h5{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
.my-jobmini .ji .m{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px;
  font-size:11px;color:var(--mute);font-weight:600}
.my-jobmini .ji .m .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.my-jobmini .dd{flex:none;font-size:11px;font-weight:800;color:var(--wait);
  background:var(--wait-lt);height:21px;padding:0 7px;border-radius:5px;display:inline-flex;align-items:center}

/* ══════════════════════════════════════════════════════════════════
   6. 서비스 소개 (/about)
   ══════════════════════════════════════════════════════════════════ */
.my-hero{background:linear-gradient(165deg,var(--brand-lt) 0%,#fff 62%);
  border-bottom:1px solid var(--line);padding:56px 32px 46px}
.my-hero .in{max-width:900px}
.my-hero .eyebrow{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 13px;
  border-radius:var(--r-pill);background:#fff;border:1px solid var(--brand-lt2);
  font-size:12px;font-weight:800;color:#5B45C8}
.my-hero .eyebrow svg{width:13px;height:13px}
.my-hero h1{font-size:38px;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1.3;margin-top:16px}
.my-hero h1 em{font-style:normal;color:var(--brand)}
.my-hero p{font-size:15.5px;color:var(--body);line-height:1.8;margin-top:16px;max-width:720px}
.my-hero p b{color:var(--ink);font-weight:700}
.my-hero .hbtns{display:flex;gap:9px;margin-top:24px}
.my-heronums{display:flex;gap:34px;margin-top:34px;padding-top:22px;border-top:1px solid var(--brand-lt2)}
.my-heronums .n b{display:block;font-size:23px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.my-heronums .n span{font-size:12px;color:var(--mute);font-weight:600}

/* 3축 소개 카드 */
.my-axis{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.my-axiscard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:24px 22px 22px;
  display:flex;flex-direction:column;transition:.14s}
.my-axiscard:hover{border-color:var(--brand-lt2);box-shadow:0 6px 22px rgba(22,23,29,.06);transform:translateY(-2px)}
.my-axiscard .ic{width:46px;height:46px;border-radius:14px;background:var(--brand-lt);
  display:grid;place-items:center;color:var(--brand);margin-bottom:15px}
.my-axiscard .ic svg{width:22px;height:22px}
.my-axiscard .no{font-size:11px;font-weight:800;color:var(--brand);letter-spacing:.08em;margin-bottom:6px}
.my-axiscard h3{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.4}
.my-axiscard p{font-size:13px;color:var(--body);line-height:1.8;margin-top:10px}
.my-axiscard p b{color:var(--ink);font-weight:700}
.my-axiscard .shot{aspect-ratio:16/9;border-radius:var(--r-sm);border:1px solid var(--line);margin-top:16px}
.my-axiscard .go{margin-top:auto;padding-top:16px;display:inline-flex;align-items:center;gap:5px;
  font-size:12.5px;font-weight:800;color:var(--brand)}
.my-axiscard .go svg{width:13px;height:13px}

/* "크루딧이 하지 않는 것" */
.my-not{background:var(--dark);border-radius:var(--r-lg);padding:34px 34px 32px;margin-top:38px;color:#B7BAC8}
.my-not .nh{display:flex;align-items:flex-end;gap:16px;margin-bottom:22px}
.my-not .nh h2{font-size:23px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.4}
.my-not .nh p{font-size:13px;color:#8B8FA0;line-height:1.75;max-width:460px;margin-left:auto}
.my-notgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.my-notcard{background:var(--dark-2);border:1px solid #34343E;border-radius:var(--r-md);padding:20px 20px 19px}
.my-notcard .x{width:34px;height:34px;border-radius:11px;background:#3A2B33;display:grid;place-items:center;
  color:#E4899E;margin-bottom:13px}
.my-notcard .x svg{width:17px;height:17px}
.my-notcard h4{font-size:15px;font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.45}
.my-notcard .why{font-size:12.5px;color:#9A9DAC;line-height:1.8;margin-top:9px;
  padding-top:11px;border-top:1px solid #3A3A45}
.my-notcard .why b{color:#D6D8E2;font-weight:700}
.my-notfoot{margin-top:20px;padding-top:16px;border-top:1px solid #34343E;
  font-size:12.5px;color:#8B8FA0;line-height:1.8}
.my-notfoot b{color:#D6D8E2;font-weight:700}

/* 이용 흐름 4스텝 */
.my-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;counter-reset:fl}
.my-flowstep{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:20px 19px;
  position:relative}
.my-flowstep .no{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;
  display:grid;place-items:center;font-size:13px;font-weight:800;margin-bottom:13px}
.my-flowstep h4{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.45}
.my-flowstep p{font-size:12.5px;color:var(--mute);line-height:1.75;margin-top:8px}
.my-flowstep .tag{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:5px;
  background:var(--bg-soft);border:1px solid var(--line);font-size:10.5px;font-weight:700;
  color:#6E7180;margin-top:11px}
.my-flowstep::after{content:"";position:absolute;right:-11px;top:34px;width:8px;height:8px;
  border-top:2px solid var(--line-2);border-right:2px solid var(--line-2);transform:rotate(45deg);z-index:1}
.my-flowstep:last-child::after{display:none}

/* 운영주체 정보 */
.my-org{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.my-orgbox{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:22px}
.my-orgbox h4{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-bottom:14px}
.my-orgrow{display:flex;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.my-orgrow:last-child{border-bottom:none}
.my-orgrow .k{width:112px;flex:none;color:var(--mute);font-weight:700}
.my-orgrow .v{flex:1;color:var(--ink);font-weight:600;line-height:1.65}
.my-orgrow .v .tbd{color:var(--brand);font-weight:700}

/* 광고·제휴 CTA */
.my-cta2{border-radius:var(--r-lg);border:1px solid var(--brand-lt2);
  background:linear-gradient(120deg,var(--brand-lt) 0%,#fff 70%);padding:30px 32px;
  display:flex;align-items:center;gap:26px;margin-top:34px}
.my-cta2 .ci{flex:1;min-width:0}
.my-cta2 h3{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.4}
.my-cta2 p{font-size:13.5px;color:var(--body);line-height:1.75;margin-top:9px;max-width:560px}
.my-cta2 .cbtn{flex:none;display:flex;gap:8px}
.my-cta2 .ways{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.my-cta2 .ways .w{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;
  border-radius:var(--r-pill);background:#fff;border:1px solid var(--line-2);
  font-size:11.5px;font-weight:700;color:var(--body)}
.my-cta2 .ways .w svg{width:12px;height:12px;color:var(--brand)}

@media (max-width:1200px){.grid.c5{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1fr}
  .side{position:static}.pjbody{grid-template-columns:1fr}}

/* ===== _css_cmA.css ===== */
/* ============================================================
   CREWDIT — 커뮤니티 A (커뮤니티 홈 #s4 / 게시판 글목록 #s34)
   접두사 규칙: 모든 셀렉터는 #s4 · #s34 로 시작하거나 .cb- 클래스
   ============================================================ */

/* ---------- 공통 유틸 ---------- */
.cb-note{
  margin-top:30px;border:1px solid var(--line);background:var(--bg-soft);
  border-radius:var(--r-md);padding:15px 17px;display:flex;align-items:flex-start;gap:10px;
  font-size:12.5px;color:var(--mute);line-height:1.7;font-weight:500;
}
.cb-note svg{width:15px;height:15px;flex:none;margin-top:2px;color:var(--brand)}
.cb-note b{color:var(--body);font-weight:700}

.cb-ico{width:16px;height:16px;flex:none}
.cb-dot{color:var(--line-2);font-weight:700;padding:0 1px}

.cb-cmt{
  display:inline-flex;align-items:center;gap:3px;font-size:11.5px;
  font-weight:700;color:var(--mute);flex:none;
}
.cb-cmt svg{width:12px;height:12px}
.cb-cmt.hot{color:var(--brand)}

.cb-avs{border-radius:8px;flex:none;border:1px solid var(--line)}

/* ============================================================
   화면 1 — 커뮤니티 홈 (게시판 허브)  #s4
   ============================================================ */

#s4 .cb-hero{max-width:760px}
#s4 .cb-hero .lead{margin-top:9px}

/* 상단 요약 바 */
#s4 .cb-sumbar{
  margin-top:20px;border:1px solid var(--line);background:var(--bg-soft);
  border-radius:var(--r-lg);padding:16px 20px;display:flex;align-items:center;gap:0;
}
#s4 .cb-stat{padding:0 26px;position:relative}
#s4 .cb-stat:first-child{padding-left:4px}
#s4 .cb-stat + .cb-stat::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:1px;height:26px;background:var(--line-2);
}
#s4 .cb-stat b{display:block;font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.2}
#s4 .cb-stat span{display:block;margin-top:3px;font-size:12px;color:var(--mute);font-weight:600}
#s4 .cb-stat b em{font-style:normal;font-size:13px;font-weight:700;color:var(--mute);margin-left:2px}
#s4 .cb-stat.up b{color:var(--brand)}
#s4 .cb-sumbar .cb-sumact{margin-left:auto;display:flex;align-items:center;gap:9px}
#s4 .cb-sumbar .cb-sumact .cb-hint{font-size:11.5px;color:var(--mute);font-weight:600}

/* 오늘 많이 읽힌 글 */
#s4 .cb-today{
  margin-top:14px;display:grid;grid-template-columns:1fr 1fr;
  border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
}
#s4 .cb-trow{
  display:flex;align-items:center;gap:10px;padding:13px 16px;
  border-bottom:1px solid var(--line);min-width:0;
}
#s4 .cb-trow:nth-child(odd){border-right:1px solid var(--line)}
#s4 .cb-trow:nth-child(4),
#s4 .cb-trow:nth-child(5){border-bottom:none}
#s4 .cb-trow:hover{background:var(--bg-soft)}
#s4 .cb-tlab{
  height:22px;padding:0 9px;border-radius:var(--r-pill);flex:none;
  background:var(--brand-lt);color:#5B45C8;font-size:11px;font-weight:700;
  display:inline-flex;align-items:center;
}
#s4 .cb-ttl{
  flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);
  letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s4 .cb-tby{font-size:11.5px;color:var(--mute);font-weight:600;flex:none}

/* 게시판 묶음 */
#s4 .cb-grp{margin-top:24px}
#s4 .cb-grph{display:flex;align-items:center;gap:9px;margin-bottom:11px}
#s4 .cb-grph h3{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#s4 .cb-grph .cb-gline{flex:1;height:1px;background:var(--line)}
#s4 .cb-grph .cb-gcnt{font-size:11.5px;font-weight:700;color:var(--mute)}

#s4 .cb-bgrid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}
#s4 .cb-bgrid.c3{grid-template-columns:repeat(3,1fr)}
#s4 .cb-bgrid.c2{grid-template-columns:repeat(2,1fr)}

/* 게시판 카드 */
#s4 .cb-bcard{
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  padding:15px 15px 12px;display:flex;flex-direction:column;transition:.14s;
}
#s4 .cb-bcard:hover{
  border-color:var(--brand);box-shadow:0 8px 22px rgba(124,92,252,.10);transform:translateY(-2px);
}
#s4 .cb-bch{display:flex;align-items:center;gap:9px}
#s4 .cb-bico{
  width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;
  background:var(--brand-lt);color:var(--brand);
}
#s4 .cb-bico svg{width:17px;height:17px}
#s4 .cb-bcard:hover .cb-bico{background:var(--brand);color:#fff}
#s4 .cb-bnm{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
#s4 .cb-new{
  margin-left:auto;height:21px;padding:0 8px;border-radius:5px;flex:none;
  background:var(--bg-soft);border:1px solid var(--line);
  font-size:11px;font-weight:700;color:#6E7180;display:inline-flex;align-items:center;
}
#s4 .cb-new.hot{background:var(--brand-lt);border-color:var(--brand-lt2);color:#5B45C8}
#s4 .cb-bdesc{
  margin-top:9px;font-size:12px;color:var(--mute);font-weight:500;line-height:1.55;
  min-height:37px;
}
#s4 .cb-blist{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);flex:1}
#s4 .cb-bli{display:flex;align-items:center;gap:8px;padding:5px 0;min-width:0}
#s4 .cb-bli p{
  flex:1;min-width:0;font-size:12.5px;color:var(--body);font-weight:500;line-height:1.45;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s4 .cb-bli:hover p{color:var(--brand)}
#s4 .cb-bmore{
  margin-top:9px;padding-top:9px;border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:flex-end;gap:3px;
  font-size:11.5px;font-weight:700;color:var(--mute);
}
#s4 .cb-bmore svg{width:13px;height:13px}
#s4 .cb-bcard:hover .cb-bmore{color:var(--brand)}

/* AI 메뉴 안내 배너 */
#s4 .cb-aib{
  margin-top:30px;border:1px solid var(--brand-lt2);background:var(--brand-lt);
  border-radius:var(--r-lg);padding:20px 22px;display:flex;align-items:center;gap:18px;
}
#s4 .cb-aib .cb-aiico{
  width:44px;height:44px;border-radius:14px;flex:none;display:grid;place-items:center;
  background:#fff;color:var(--brand);border:1px solid var(--brand-lt2);
}
#s4 .cb-aib .cb-aiico svg{width:22px;height:22px}
#s4 .cb-aib .cb-aitx{flex:1;min-width:0}
#s4 .cb-aib h4{font-size:15px;font-weight:800;color:#40318C;letter-spacing:-.025em}
#s4 .cb-aib p{margin-top:5px;font-size:12.5px;color:#6153B5;font-weight:500;line-height:1.6}
#s4 .cb-aichips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
#s4 .cb-aichip{
  height:26px;padding:0 11px;border-radius:var(--r-pill);
  background:#fff;border:1px solid var(--brand-lt2);color:#5B45C8;
  font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:4px;
}
#s4 .cb-aichip svg{width:12px;height:12px}
#s4 .cb-aib .cb-aigo{
  flex:none;height:40px;padding:0 18px;border-radius:var(--r-pill);
  background:var(--brand);color:#fff;font-size:13px;font-weight:700;
  display:inline-flex;align-items:center;gap:6px;
}
#s4 .cb-aib .cb-aigo svg{width:15px;height:15px}
#s4 .cb-aib .cb-aigo:hover{background:var(--brand-dk)}

/* 주간 인기 태그 */
#s4 .cb-tagwrap{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
#s4 .cb-tag{
  height:30px;padding:0 13px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:#fff;color:var(--body);
  font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;
}
#s4 .cb-tag i{font-style:normal;font-size:11px;font-weight:700;color:#B0B3BF}
#s4 .cb-tag:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-lt)}
#s4 .cb-tag:hover i{color:var(--brand)}

/* ============================================================
   화면 2 — 게시판 글 목록 (퍼블리싱)  #s34
   ============================================================ */

#s34 .util .av{width:34px;height:34px;border-radius:11px;flex:none;border:1px solid var(--line)}
#s34 .util .chip{font-weight:700}

/* 게시판 헤더 */
#s34 .cb-bhead{
  margin-top:14px;display:flex;align-items:center;gap:14px;
  padding-bottom:18px;border-bottom:1px solid var(--line);
}
#s34 .cb-bhico{
  width:50px;height:50px;border-radius:16px;flex:none;display:grid;place-items:center;
  background:var(--brand-lt);color:var(--brand);
}
#s34 .cb-bhico svg{width:25px;height:25px}
#s34 .cb-bhtx{min-width:0}
#s34 .cb-bhtx .cb-bhnm{display:flex;align-items:center;gap:8px}
#s34 .cb-bhtx h1{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
#s34 .cb-bhtx p{margin-top:4px;font-size:13px;color:var(--mute);font-weight:500}
#s34 .cb-bhnum{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}
#s34 .cb-bhnum .cb-n{text-align:right}
#s34 .cb-bhnum .cb-n b{display:block;font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#s34 .cb-bhnum .cb-n span{display:block;margin-top:2px;font-size:11.5px;color:var(--mute);font-weight:600}
#s34 .cb-bhnum .cb-n.up b{color:var(--brand)}
#s34 .cb-bhact{display:flex;align-items:center;gap:8px;margin-left:18px;flex:none}
#s34 .cb-sub{
  height:38px;padding:0 15px;border-radius:var(--r-pill);
  border:1px solid var(--line-2);color:var(--body);background:#fff;
  font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;
}
#s34 .cb-sub svg{width:15px;height:15px}
#s34 .cb-sub:hover{border-color:var(--brand);color:var(--brand)}
#s34 .cb-sub.on{background:var(--brand-lt);border-color:var(--brand-lt2);color:#5B45C8}

/* 게시판 전환 칩 줄 */
#s34 .cb-switch{
  display:flex;align-items:center;gap:6px;margin-top:16px;
  padding-bottom:11px;border-bottom:1px solid var(--line);overflow-x:auto;
}
#s34 .cb-swchip{
  height:31px;padding:0 13px;border-radius:var(--r-pill);flex:none;
  border:1px solid var(--line);background:#fff;color:var(--body);
  font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;
}
#s34 .cb-swchip:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s34 .cb-swchip.on{background:var(--ink);border-color:var(--ink);color:#fff}
#s34 .cb-swchip.ai{background:var(--brand-lt);border-color:var(--brand-lt2);color:#5B45C8}
#s34 .cb-swchip.ai:hover{background:var(--brand-lt2)}
#s34 .cb-swchip svg{width:12px;height:12px}
#s34 .cb-swdiv{width:1px;height:20px;background:var(--line-2);flex:none;margin:0 5px}

/* 본문 2단 레이아웃 */
#s34 .cb-wrap{display:flex;gap:26px;align-items:flex-start;margin-top:18px}
#s34 .cb-col{flex:1;min-width:0}
#s34 .cb-side{width:280px;flex:none}

/* 필터·정렬 바 */
#s34 .cb-filter{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  background:var(--bg-soft);border:1px solid var(--line);
  border-radius:var(--r-md);padding:10px 12px;
}
#s34 .cb-seg{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:var(--r-pill);padding:3px}
#s34 .cb-seg button{
  height:26px;padding:0 12px;border-radius:var(--r-pill);
  font-size:12px;font-weight:700;color:var(--mute);
}
#s34 .cb-seg button.on{background:var(--ink);color:#fff}
#s34 .cb-flab{font-size:11.5px;font-weight:700;color:#A2A5B2;padding-left:4px}
#s34 .cb-fsearch{position:relative;margin-left:auto;width:220px}
#s34 .cb-fsearch input{
  width:100%;height:32px;border-radius:var(--r-pill);border:1px solid var(--line);
  background:#fff;padding:0 32px 0 13px;font-size:12.5px;color:var(--body);
}
#s34 .cb-fsearch input::placeholder{color:#A8ABB8}
#s34 .cb-fsearch input:focus{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
#s34 .cb-fsearch svg{
  position:absolute;right:11px;top:9px;width:14px;height:14px;color:var(--mute);
}
#s34 .cb-check{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--body)}
#s34 .cb-check .cb-box{
  width:16px;height:16px;border-radius:5px;border:1px solid var(--line-2);background:#fff;
  display:grid;place-items:center;color:#fff;flex:none;
}
#s34 .cb-check .cb-box svg{width:11px;height:11px}
#s34 .cb-check.on .cb-box{background:var(--brand);border-color:var(--brand)}
#s34 .cb-check.on{color:var(--ink)}

/* 말머리 칩 */
#s34 .cb-cats{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
#s34 .cb-cat{
  height:30px;padding:0 13px;border-radius:var(--r-pill);
  border:1px solid var(--line);background:#fff;color:var(--body);
  font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:5px;
}
#s34 .cb-cat i{font-style:normal;font-size:11px;font-weight:700;color:#B0B3BF}
#s34 .cb-cat:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s34 .cb-cat.on{background:var(--brand);border-color:var(--brand);color:#fff}
#s34 .cb-cat.on i{color:#D8CEFF}

/* 글 목록 */
#s34 .cb-list{margin-top:16px;border-top:1px solid var(--line-2)}
#s34 .cb-row{
  display:flex;gap:14px;align-items:flex-start;
  padding:15px 12px;border-bottom:1px solid var(--line);
}
#s34 .cb-row:hover{background:var(--bg-soft)}
#s34 .cb-row.pin{background:#FBFBFE}
#s34 .cb-row.pin:hover{background:var(--brand-lt)}
#s34 .cb-rpin{width:18px;flex:none;color:var(--brand);padding-top:2px}
#s34 .cb-rpin svg{width:15px;height:15px}
#s34 .cb-rbody{flex:1;min-width:0}
#s34 .cb-rt{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#s34 .cb-rt h4{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
#s34 .cb-row.pin .cb-rt h4{color:#40318C}
#s34 .cb-row:hover .cb-rt h4{color:var(--brand)}
#s34 .cb-rcat{
  height:21px;padding:0 8px;border-radius:5px;flex:none;
  background:var(--bg-soft);border:1px solid var(--line);color:#6E7180;
  font-size:11px;font-weight:700;display:inline-flex;align-items:center;
}
#s34 .cb-rcat.q{background:#E8F3FF;border-color:#D4E7FB;color:#2A6BB8}
#s34 .cb-rcat.tip{background:#EAF6EE;border-color:#D8EDE1;color:#2A7A4B}
#s34 .cb-rcat.tr{background:#FDECEF;border-color:#F8DBE1;color:#B03A50}
#s34 .cb-rcat.pn{background:var(--brand);border-color:var(--brand);color:#fff}
#s34 .cb-rnew{
  width:16px;height:16px;border-radius:5px;flex:none;background:var(--brand);color:#fff;
  font-size:10px;font-weight:800;display:grid;place-items:center;
}
#s34 .cb-rsum{
  margin-top:6px;font-size:12.5px;color:var(--mute);font-weight:500;line-height:1.6;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#s34 .cb-rmeta{display:flex;align-items:center;gap:7px;margin-top:9px;flex-wrap:wrap}
#s34 .cb-rmeta .cb-avs{width:20px;height:20px;border-radius:6px}
#s34 .cb-rmeta .cb-nick{font-size:12px;font-weight:700;color:var(--body)}
#s34 .cb-rmeta .cb-job{
  height:18px;padding:0 6px;border-radius:4px;background:var(--field);color:#7A7D8A;
  font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;
}
#s34 .cb-rmeta .cb-mi{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;color:var(--mute);font-weight:600}
#s34 .cb-rmeta .cb-mi svg{width:12px;height:12px}
#s34 .cb-rthumb{width:88px;height:60px;border-radius:var(--r-sm);flex:none;border:1px solid var(--line)}

/* 아카이브 프로젝트 인용 블록 */
#s34 .cb-quote{
  margin-top:9px;border:1px solid var(--line);border-left:3px solid var(--brand);
  background:var(--bg-soft);border-radius:var(--r-sm);
  padding:9px 12px;display:flex;align-items:center;gap:9px;
}
#s34 .cb-quote .cb-qth{width:38px;height:26px;border-radius:5px;flex:none}
#s34 .cb-quote .cb-qtx{min-width:0}
#s34 .cb-quote .cb-qnm{font-size:12px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
#s34 .cb-quote .cb-qsub{margin-top:3px;display:flex;align-items:center;gap:5px}
#s34 .cb-quote .cb-qsub small{font-size:10.5px;color:var(--mute);font-weight:600}
#s34 .cb-quote .cb-qlink{
  margin-left:auto;flex:none;font-size:11.5px;font-weight:700;color:var(--brand);
  display:inline-flex;align-items:center;gap:3px;
}
#s34 .cb-quote .cb-qlink svg{width:12px;height:12px}

/* 페이지네이션 */
#s34 .cb-pager{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:24px}
#s34 .cb-pager button{
  min-width:34px;height:34px;padding:0 10px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:#fff;color:var(--mute);
  font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;
}
#s34 .cb-pager button:hover{border-color:var(--line-2);background:var(--bg-soft);color:var(--body)}
#s34 .cb-pager button.on{background:var(--ink);border-color:var(--ink);color:#fff}
#s34 .cb-pager button svg{width:14px;height:14px}
#s34 .cb-pager .cb-gap{font-size:12.5px;color:var(--mute);font-weight:700;padding:0 4px}

/* 우측 사이드 패널 */
#s34 .cb-spanel{
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  padding:15px 15px 13px;margin-bottom:14px;
}
#s34 .cb-spanel.soft{background:var(--bg-soft)}
#s34 .cb-sph{display:flex;align-items:center;gap:7px;margin-bottom:11px}
#s34 .cb-sph h4{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#s34 .cb-sph svg{width:15px;height:15px;color:var(--brand)}
#s34 .cb-sph .cb-sub2{margin-left:auto;font-size:11px;color:var(--mute);font-weight:600}

#s34 .cb-user{display:flex;align-items:center;gap:9px;padding:7px 0}
#s34 .cb-user + .cb-user{border-top:1px solid var(--line)}
#s34 .cb-user .cb-avs{width:30px;height:30px;border-radius:9px}
#s34 .cb-user .cb-utx{flex:1;min-width:0}
#s34 .cb-user .cb-utx b{display:block;font-size:12.5px;font-weight:700;color:var(--ink)}
#s34 .cb-user .cb-utx small{display:block;margin-top:2px;font-size:10.5px;color:var(--mute);font-weight:600}
#s34 .cb-user .cb-ucnt{font-size:11.5px;font-weight:700;color:var(--brand);flex:none}

#s34 .cb-slink{
  display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid var(--line);
}
#s34 .cb-slink:first-of-type{border-top:none;padding-top:2px}
#s34 .cb-slink .cb-slico{
  width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--brand-lt);color:var(--brand);
}
#s34 .cb-slink .cb-slico svg{width:15px;height:15px}
#s34 .cb-slink .cb-sltx{flex:1;min-width:0}
#s34 .cb-slink .cb-sltx b{display:block;font-size:12.5px;font-weight:700;color:var(--ink)}
#s34 .cb-slink .cb-sltx small{display:block;margin-top:2px;font-size:10.5px;color:var(--mute);font-weight:600}
#s34 .cb-slink:hover .cb-sltx b{color:var(--brand)}
#s34 .cb-slink .cb-slgo{width:14px;height:14px;color:#C2C5D0;flex:none}

#s34 .cb-rule{display:flex;gap:8px;padding:6px 0;font-size:12px;color:var(--body);font-weight:500;line-height:1.6}
#s34 .cb-rule span{
  width:17px;height:17px;border-radius:5px;flex:none;margin-top:1px;
  background:#fff;border:1px solid var(--line-2);color:var(--mute);
  font-size:10px;font-weight:800;display:grid;place-items:center;
}
#s34 .cb-rulemore{
  margin-top:9px;padding-top:9px;border-top:1px solid var(--line-2);
  font-size:11.5px;font-weight:700;color:var(--mute);display:flex;align-items:center;gap:3px;
}
#s34 .cb-rulemore svg{width:12px;height:12px}

/* ---------- 반응형 ---------- */
@media (max-width:1400px){
  #s4 .cb-bgrid{grid-template-columns:repeat(3,1fr)}
  #s4 .cb-bgrid.c3{grid-template-columns:repeat(3,1fr)}
  #s4 .cb-bgrid.c2{grid-template-columns:repeat(2,1fr)}
  #s4 .cb-today{grid-template-columns:1fr}
  #s4 .cb-trow:nth-child(odd){border-right:none}
  #s4 .cb-trow:nth-child(4){border-bottom:1px solid var(--line)}
  #s34 .cb-side{width:250px}
  #s34 .cb-fsearch{width:180px}
}

/* ===== _css_cmB.css ===== */
/* ==========================================================================
   crewdit / AI 영역 — 화면 35(AI 홈) · 36(바이브코딩 게시판)
   접두사: ai-   |  스코프: #s35 · #s36
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 공통 소자
   -------------------------------------------------------------------------- */

.ai-av{width:24px;height:24px;border-radius:7px;flex:none;border:1px solid var(--line)}

.ai-tool{position:absolute;left:9px;top:9px;z-index:2;
  display:inline-flex;align-items:center;height:23px;padding:0 9px;
  border-radius:var(--r-pill);background:rgba(26,26,32,.86);color:#fff;
  font-size:11px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}

.ai-pp{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:5px;
  background:var(--brand-lt);color:#5B45C8;font-size:10.5px;font-weight:700;
  letter-spacing:-.01em;white-space:nowrap;flex:none}
.ai-pp.off{background:#F2F2F5;color:#7A7D8A}

/* --------------------------------------------------------------------------
   2. 화면 35 — AI 홈
   -------------------------------------------------------------------------- */

#s35 .ai-hero{padding-bottom:2px}
#s35 .ai-herotag{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 11px;
  border-radius:var(--r-pill);background:var(--brand-lt);color:var(--brand);
  font-size:11.5px;font-weight:700;margin-bottom:11px}
#s35 .ai-herotag svg{width:13px;height:13px}
#s35 .ai-lead{margin-top:9px;max-width:640px;line-height:1.65}

/* 2-1. AI 게시판 3카드 */
#s35 .ai-bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#s35 .ai-bcard{position:relative;display:flex;flex-direction:column;
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;
  padding:22px 22px 20px;transition:.14s}
#s35 .ai-bcard:hover{border-color:var(--brand-lt2);box-shadow:0 8px 26px rgba(22,23,29,.07);transform:translateY(-2px)}
#s35 .ai-bcard.on{border-color:var(--brand-lt2);background:linear-gradient(180deg,var(--brand-lt) 0%,#fff 46%)}

#s35 .ai-bicon{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:var(--brand-lt);color:var(--brand);margin-bottom:14px}
#s35 .ai-bicon svg{width:20px;height:20px}

#s35 .ai-bname{display:flex;align-items:baseline;gap:8px;font-size:17px;font-weight:800;
  color:var(--ink);letter-spacing:-.025em}
#s35 .ai-bcnt{font-size:12px;font-weight:700;color:var(--mute);letter-spacing:0}
#s35 .ai-bdesc{margin-top:7px;font-size:13px;color:var(--mute);line-height:1.6;min-height:42px}

#s35 .ai-bprev{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:9px}
#s35 .ai-brow{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;
  color:var(--body);line-height:1.45}
#s35 .ai-brow em{margin-left:auto;font-style:normal;font-size:11px;font-weight:600;
  color:#B0B3BF;flex:none}
#s35 .ai-bdot{width:4px;height:4px;border-radius:50%;background:var(--brand-lt2);flex:none}

#s35 .ai-benter{margin-top:16px;display:inline-flex;align-items:center;gap:4px;
  font-size:12.5px;font-weight:700;color:var(--brand)}
#s35 .ai-benter svg{width:13px;height:13px}

/* 2-2. 이번 주 결과물 4열 */
#s35 .ai-vgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#s35 .ai-vcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  overflow:hidden;transition:.14s}
#s35 .ai-vcard:hover{border-color:var(--line-2);box-shadow:0 6px 20px rgba(22,23,29,.07);transform:translateY(-2px)}
#s35 .ai-vshot{aspect-ratio:16/10;position:relative}
#s35 .ai-vbody{padding:12px 13px 13px}
#s35 .ai-vtt{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;
  line-height:1.45;min-height:39px}
#s35 .ai-vby{display:flex;align-items:center;gap:6px;margin-top:10px;
  font-size:12px;font-weight:700;color:var(--body)}
#s35 .ai-vby small{font-size:10.5px;font-weight:600;color:var(--mute)}
#s35 .ai-vby .ai-pp{margin-left:auto}
#s35 .ai-vfoot{display:flex;align-items:center;gap:10px;margin-top:11px;padding-top:10px;
  border-top:1px solid var(--line);font-size:11px;font-weight:600;color:var(--mute)}
#s35 .ai-vfoot span{display:inline-flex;align-items:center;gap:3px}
#s35 .ai-vfoot svg{width:12px;height:12px}

/* 2-3. 도구 칩 줄 */
#s35 .ai-chiprow{display:flex;flex-wrap:wrap;gap:8px}
#s35 .ai-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
  font-size:12.5px;font-weight:700;color:var(--body);cursor:pointer;transition:.14s}
#s35 .ai-chip:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s35 .ai-chip em{font-style:normal;font-size:11px;font-weight:700;color:#B0B3BF}
#s35 .ai-chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
#s35 .ai-chip.on em{color:rgba(255,255,255,.72)}
#s35 .ai-secnote{margin-top:11px;font-size:12px;color:var(--mute);line-height:1.6}

/* 2-4. 자주 나오는 질문 */
#s35 .ai-qlist{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
#s35 .ai-q{display:flex;align-items:center;gap:12px;padding:14px 16px;
  border-bottom:1px solid var(--line);transition:.12s}
#s35 .ai-q:last-child{border-bottom:0}
#s35 .ai-q:hover{background:var(--bg-soft)}
#s35 .ai-qico{width:30px;height:30px;border-radius:9px;flex:none;display:flex;
  align-items:center;justify-content:center;background:var(--brand-lt);color:var(--brand)}
#s35 .ai-qico svg{width:15px;height:15px}
#s35 .ai-qtx{flex:1;min-width:0}
#s35 .ai-qtt{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
#s35 .ai-qmeta{margin-top:4px;font-size:11.5px;font-weight:600;color:var(--mute)}
#s35 .ai-qmeta b{color:var(--body);font-weight:700}
#s35 .ai-qgo{flex:none;color:#C6C9D3}
#s35 .ai-qgo svg{width:15px;height:15px}

/* 2-5. 아카이브 배너 */
#s35 .ai-banner{display:flex;align-items:center;gap:20px;padding:24px 26px;
  border:1px solid var(--brand-lt2);border-radius:var(--r-lg);
  background:linear-gradient(105deg,var(--brand-lt) 0%,#FBFAFF 62%,#fff 100%)}
#s35 .ai-bnico{width:48px;height:48px;border-radius:15px;flex:none;display:flex;
  align-items:center;justify-content:center;background:#fff;color:var(--brand);
  border:1px solid var(--brand-lt2)}
#s35 .ai-bnico svg{width:22px;height:22px}
#s35 .ai-bntx{flex:1;min-width:0}
#s35 .ai-bntt{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
#s35 .ai-bnds{margin-top:6px;font-size:13px;color:var(--mute);line-height:1.6;max-width:620px}
#s35 .ai-waychips{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px}
#s35 .ai-waynote{font-size:11.5px;font-weight:600;color:#A0A3B0}
#s35 .ai-bnbtn{flex:none;height:42px;padding:0 20px}
#s35 .ai-bnbtn svg{width:14px;height:14px}

/* 2-6. 주의 안내 · 게이트 */
#s35 .ai-note{display:flex;align-items:flex-start;gap:9px;margin-top:28px;padding:14px 16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);
  font-size:12.5px;color:#6E7180;line-height:1.6}
#s35 .ai-note svg{width:15px;height:15px;flex:none;margin-top:1px;color:#A0A3B0}

#s35 .ai-gate{display:flex;align-items:center;gap:14px;margin-top:12px;padding:18px 20px;
  border:1px solid var(--brand-lt2);border-radius:var(--r-md);background:var(--brand-lt)}
#s35 .ai-gico{width:36px;height:36px;border-radius:11px;flex:none;display:flex;
  align-items:center;justify-content:center;background:#fff;color:var(--brand)}
#s35 .ai-gico svg{width:17px;height:17px}
#s35 .ai-gtx{flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
#s35 .ai-gtx small{display:block;margin-top:4px;font-size:12px;font-weight:500;
  color:#6E7180;letter-spacing:0;line-height:1.6}
#s35 .ai-gbtn{display:flex;gap:8px;flex:none}

/* --------------------------------------------------------------------------
   3. 화면 36 — 바이브코딩 게시판
   -------------------------------------------------------------------------- */

/* 3-1. 게시판 헤더 */
#s36 .ai-bhead{display:flex;align-items:flex-start;gap:16px;padding-bottom:20px;
  border-bottom:1px solid var(--line);flex-wrap:wrap}
#s36 .ai-bhico{width:52px;height:52px;border-radius:16px;flex:none;display:flex;
  align-items:center;justify-content:center;background:var(--brand-lt);color:var(--brand)}
#s36 .ai-bhico svg{width:24px;height:24px}
#s36 .ai-bhtx{flex:1;min-width:280px}
#s36 .ai-bhtt{font-size:25px}
#s36 .ai-bhds{margin-top:7px;max-width:640px;line-height:1.6}
#s36 .ai-bhstat{display:flex;gap:26px;flex:none;padding-top:4px}
#s36 .ai-bhnum{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.02em;text-align:right}
#s36 .ai-bhnum small{display:block;margin-top:3px;font-size:11.5px;font-weight:600;
  color:var(--mute);letter-spacing:0}
#s36 .ai-bhact{display:flex;align-items:center;gap:8px;flex:none;padding-top:2px}

#s36 .ai-sub{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
  font-size:13px;font-weight:700;color:var(--body);cursor:pointer;transition:.14s}
#s36 .ai-sub svg{width:15px;height:15px}
#s36 .ai-sub:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s36 .ai-sub.on{border-color:var(--brand-lt2);background:var(--brand-lt);color:var(--brand)}
#s36 .ai-subsw{width:30px;height:17px;border-radius:var(--r-pill);background:var(--line-2);
  position:relative;flex:none;transition:.14s}
#s36 .ai-subsw::after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;
  border-radius:50%;background:#fff;transition:.14s}
#s36 .ai-sub.on .ai-subsw{background:var(--brand)}
#s36 .ai-sub.on .ai-subsw::after{left:15px}
#s36 .ai-write{height:38px}
#s36 .ai-write svg{width:14px;height:14px}

/* 3-2. 게시판 전환 칩 */
#s36 .ai-switch{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:18px}
#s36 .ai-schip{display:inline-flex;align-items:center;height:31px;padding:0 13px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
  font-size:12.5px;font-weight:600;color:var(--body);cursor:pointer;transition:.14s;white-space:nowrap}
#s36 .ai-schip:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s36 .ai-schip.ai{border-color:var(--brand-lt2);background:var(--brand-lt);color:#5B45C8;font-weight:700}
#s36 .ai-schip.ai:hover{background:var(--brand-lt2)}
#s36 .ai-schip.on{background:var(--brand);border-color:var(--brand);color:#fff}
#s36 .ai-sdiv{width:1px;height:18px;background:var(--line-2);margin:0 5px;flex:none}

/* 3-3. 필터 바 */
#s36 .ai-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:18px;
  padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
#s36 .ai-fl{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:var(--mute)}
#s36 .ai-sel{height:34px;padding:0 30px 0 12px;border-radius:var(--r-sm);
  border:1px solid var(--line-2);background:#fff;color:var(--ink);
  font-size:12.5px;font-weight:600;font-family:inherit;cursor:pointer;
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#9A9DAA 50%),linear-gradient(135deg,#9A9DAA 50%,transparent 50%);
  background-position:calc(100% - 16px) 15px,calc(100% - 11px) 15px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat}
#s36 .ai-sel:hover{border-color:#CFD1DA}

#s36 .ai-check{display:inline-flex;align-items:center;gap:7px;margin-left:4px;
  font-size:12.5px;font-weight:600;color:var(--body);cursor:pointer;user-select:none}
#s36 .ai-check input{position:absolute;opacity:0;width:0;height:0}
#s36 .ai-ckbox{width:17px;height:17px;border-radius:5px;border:1px solid var(--line-2);
  background:#fff;flex:none;position:relative;transition:.12s}
#s36 .ai-ckbox::after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg);opacity:0}
#s36 .ai-check input:checked + .ai-ckbox{background:var(--brand);border-color:var(--brand)}
#s36 .ai-check input:checked + .ai-ckbox::after{opacity:1}
#s36 .ai-fcnt{margin-left:auto;font-size:12px;font-weight:600;color:var(--mute)}
#s36 .ai-fcnt b{color:var(--ink);font-weight:800}

/* 3-4. 카드 그리드 */
#s36 .ai-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
  align-items:start;margin-top:20px}

#s36 .ai-pcard{display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;overflow:hidden;transition:.14s}
#s36 .ai-pcard:hover{border-color:var(--line-2);box-shadow:0 6px 20px rgba(22,23,29,.07);transform:translateY(-2px)}
#s36 .ai-pshot{aspect-ratio:16/9;position:relative}
#s36 .ai-pshot .ai-pp{position:absolute;right:9px;top:9px;z-index:2}
#s36 .ai-pbody{padding:14px 15px 15px;display:flex;flex-direction:column;flex:1}
#s36 .ai-ptt{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.022em;line-height:1.45}
#s36 .ai-psm{margin-top:7px;font-size:12.5px;color:var(--mute);line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

#s36 .ai-meta{display:flex;align-items:center;gap:7px;margin-top:12px;padding-top:11px;
  border-top:1px solid var(--line);font-size:11.5px;font-weight:600;color:var(--mute);flex-wrap:wrap}
#s36 .ai-nm{font-size:12px;font-weight:700;color:var(--body);line-height:1.3}
#s36 .ai-nm small{display:block;font-size:10.5px;font-weight:600;color:var(--mute)}
#s36 .ai-mstat{display:inline-flex;align-items:center;gap:3px}
#s36 .ai-mstat:first-of-type{margin-left:auto}
#s36 .ai-mstat svg{width:12px;height:12px}

/* 3-5. 피처링 카드 */
#s36 .ai-feat{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);
  border:1px solid var(--brand-lt2);border-radius:var(--r-lg);background:#fff;
  overflow:hidden;transition:.14s}
#s36 .ai-feat:hover{box-shadow:0 8px 26px rgba(22,23,29,.08)}
#s36 .ai-featshot{position:relative;min-height:100%}
#s36 .ai-feattx{padding:20px 22px 22px;display:flex;flex-direction:column}
#s36 .ai-hot{display:inline-flex;align-items:center;align-self:flex-start;height:22px;padding:0 9px;
  border-radius:var(--r-pill);background:var(--brand);color:#fff;font-size:10.5px;font-weight:700}
#s36 .ai-feattt{margin-top:10px;font-size:18px;font-weight:800;color:var(--ink);
  letter-spacing:-.028em;line-height:1.4}
#s36 .ai-featsm{margin-top:9px;font-size:13px;color:var(--mute);line-height:1.7}
#s36 .ai-featmeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:14px;
  font-size:11.5px;font-weight:600;color:var(--mute)}
#s36 .ai-fdot{color:#C6C9D3}
#s36 .ai-fstat{display:inline-flex;align-items:center;gap:3px}
#s36 .ai-fstat:first-of-type{margin-left:auto}
#s36 .ai-fstat svg{width:12px;height:12px}
#s36 .ai-featfacts{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:12px}

/* 3-6. 프롬프트 코드 블록 */
#s36 .ai-code{margin-top:14px;border-radius:var(--r-sm);background:var(--dark);
  border:1px solid var(--dark-2);padding:11px 13px 12px;overflow:hidden}
#s36 .ai-code.sm{margin-top:12px;padding:10px 12px 11px}
#s36 .ai-codeh{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;
  color:#8B90A6;letter-spacing:.01em}
#s36 .ai-codeh svg{width:12px;height:12px}
#s36 .ai-codeb{margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:11.5px;line-height:1.75;color:#C8CCDC;white-space:pre-line;
  word-break:break-all;overflow-wrap:anywhere}
#s36 .ai-code.sm .ai-codeb{font-size:11px;line-height:1.7}
#s36 .ai-codelink{display:inline-block;margin-top:9px;padding-top:8px;
  border-top:1px solid var(--dark-2);width:100%;
  font-size:11px;font-weight:700;color:#A99BFA;cursor:pointer}
#s36 .ai-codelink:hover{color:#C4B9FF}

/* 3-7. 게시판 규칙 */
#s36 .ai-rules{margin-top:30px;padding:20px 22px;border:1px solid var(--line);
  border-radius:var(--r-md);background:var(--bg-soft)}
#s36 .ai-rulesh{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;
  color:var(--ink);letter-spacing:-.02em}
#s36 .ai-rulesh svg{width:15px;height:15px;color:var(--mute)}
#s36 .ai-rulesl{margin:12px 0 0;padding-left:18px;list-style:decimal}
#s36 .ai-rulesl li{font-size:12.5px;color:#6E7180;line-height:1.75;margin-bottom:4px}
#s36 .ai-rulesl li:last-child{margin-bottom:0}
#s36 .ai-rulesn{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);
  font-size:11.5px;color:#A0A3B0;line-height:1.6}

/* --------------------------------------------------------------------------
   4. 반응형
   -------------------------------------------------------------------------- */

@media (max-width:1400px){
  #s35 .ai-vgrid{grid-template-columns:repeat(3,1fr)}
  #s35 .ai-banner{flex-wrap:wrap}
  #s35 .ai-bnbtn{margin-left:62px}
  #s36 .ai-grid3{grid-template-columns:repeat(2,1fr)}
  #s36 .ai-feat{grid-column:span 2}
  #s36 .ai-bhstat{gap:20px}
}

@media (max-width:1120px){
  #s35 .ai-bgrid{grid-template-columns:1fr}
  #s35 .ai-vgrid{grid-template-columns:repeat(2,1fr)}
  #s36 .ai-grid3{grid-template-columns:1fr}
  #s36 .ai-feat{grid-column:span 1;grid-template-columns:1fr}
  #s36 .ai-featshot{aspect-ratio:16/9;min-height:0}
}

/* ===== _css_cmC.css ===== */
/* ═══════════════════════════════════════════════════════════
   크루딧 커뮤니티 확장 C — 질문답변(s37) / 글 상세 개편(s5) / 글쓰기 개편(s23)
   접두사: .qa-   (기존 클래스와 충돌 방지)
   ═══════════════════════════════════════════════════════════ */

/* ── 공통 2단 레이아웃 ───────────────────────────────────── */
.qa-two{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start;margin-top:24px}
.qa-col{min-width:0}
.qa-side{display:flex;flex-direction:column;gap:14px;position:sticky;top:22px}

.qa-sbox{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:16px 16px 14px}
.qa-sh{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.qa-sh .h2{font-size:14.5px}
.qa-sc{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;
  border-radius:var(--r-pill);background:var(--brand-lt);color:var(--brand);font-size:11.5px;font-weight:800}
.qa-more{margin-left:auto;font-size:12px;color:var(--mute);font-weight:600}

.qa-mini{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.qa-mini:first-of-type{border-top:0;padding-top:0}
.qa-mt{flex:1;font-size:12.8px;line-height:1.5;color:var(--body);font-weight:600;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qa-mini:hover .qa-mt{color:var(--brand)}
.qa-ms{flex:none;font-size:11.5px;color:var(--mute);font-weight:600;padding-top:1px;white-space:nowrap}

.qa-gl{font-size:12.5px;line-height:1.65;color:var(--mute);margin:0 0 7px;padding-left:11px;position:relative}
.qa-gl::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:var(--line-2)}
.qa-gl:last-child{margin-bottom:0}
.qa-dotsep{width:3px;height:3px;border-radius:50%;background:#C9CBD4;display:inline-block;flex:none}
.qa-av{width:22px;height:22px;border-radius:50%;flex:none}

/* ═══════ 화면 37 · 질문답변 게시판 ═══════════════════════ */

/* 게시판 헤더 */
#s37 .qa-bhead{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:0 14px;align-items:start;
  padding-bottom:18px;border-bottom:1px solid var(--line)}
#s37 .qa-bico{width:52px;height:52px;border-radius:15px;background:var(--brand-lt);color:var(--brand);
  display:grid;place-items:center}
#s37 .qa-bico svg{width:26px;height:26px}
#s37 .qa-btit .h1{font-size:24px}
#s37 .qa-btit .lead{margin-top:6px;font-size:13.5px;line-height:1.6;max-width:600px}
#s37 .qa-bact{display:flex;gap:8px;align-items:center}
#s37 .qa-bstat{grid-column:2 / 4;display:flex;align-items:baseline;gap:12px;margin-top:14px;flex-wrap:wrap}
#s37 .qa-bnum{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;border-radius:var(--r-pill);
  background:#FDEDF1;color:#C2334D;font-size:12.5px;font-weight:700}
#s37 .qa-bnum b{font-size:14px;font-weight:800}
#s37 .qa-bsub{font-size:12.5px;color:var(--mute);font-weight:600}

/* 게시판 전환 칩 */
.qa-boards{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;padding:14px 16px;
  background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r-lg)}
.qa-bgrp{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.02em;margin-right:2px}
.qa-bgrp.qa-ai{color:var(--brand)}
.qa-bdiv{width:1px;height:20px;background:var(--line-2);margin:0 6px}
.qa-boards .chip{background:#fff;font-size:12.5px}
.qa-boards .chip.on{background:var(--brand);border-color:var(--brand);color:#fff}
.qa-cai.chip{border-color:var(--brand-lt2);background:var(--brand-lt);color:var(--brand-dk);font-weight:700}
.qa-cai.chip:hover{border-color:var(--brand);background:var(--brand-lt2)}

/* 상태 필터 탭 */
.qa-tabs{display:flex;align-items:center;gap:2px;border-bottom:1px solid var(--line)}
.qa-tab{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;font-size:13.5px;font-weight:700;
  color:var(--mute);border-bottom:2px solid transparent;margin-bottom:-1px}
.qa-tab:hover{color:var(--body)}
.qa-tab.on{color:var(--ink);border-bottom-color:var(--ink)}
.qa-tab .qa-tn{font-size:11.5px;font-weight:800;color:#A9ACB8}
.qa-tab.on .qa-tn{color:var(--brand)}
.qa-tab.qa-wait{color:#C2334D}
.qa-tab.qa-wait .qa-tn{color:#C2334D}
.qa-tab.qa-wait:hover{border-bottom-color:#F3CBD5}
.qa-dot{width:6px;height:6px;border-radius:50%;background:#C2334D;display:inline-block;flex:none}

/* 보조 필터 */
.qa-filter{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 0 4px}
.qa-fset{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.qa-flab{font-size:11.5px;font-weight:800;color:var(--mute);margin-right:2px}
.qa-fset .chip{height:29px;font-size:12.5px;padding:0 12px}
.qa-sort{margin-left:auto;display:flex;align-items:center;gap:12px}
.qa-so{font-size:12.5px;font-weight:600;color:var(--mute)}
.qa-so.on{color:var(--ink);font-weight:800}
.qa-so:hover{color:var(--body)}

/* 질문 목록 */
.qa-list{border-top:1px solid var(--line);margin-top:8px}
.qa-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;padding:17px 4px;
  border-bottom:1px solid var(--line)}
.qa-row:hover{background:var(--bg-soft)}
.qa-st{width:64px;height:64px;border-radius:var(--r-md);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:1px;flex:none}
.qa-st b{font-size:20px;font-weight:800;line-height:1.1;letter-spacing:-.02em}
.qa-st span{font-size:11px;font-weight:700}
.qa-st-none{border:1px dashed var(--line-2);background:#fff;color:#A9ACB8}
.qa-st-has{background:var(--bg-soft);border:1px solid var(--line);color:var(--ink)}
.qa-st-has span{color:var(--mute)}
.qa-st-ok{background:#EAF6EE;border:1px solid #CFE6D9;color:#2A7A4B}
.qa-st-ok svg{width:24px;height:24px}
.qa-st-ok span{font-size:10.5px;font-weight:800;text-align:center;line-height:1.25}

.qa-body{min-width:0}
.qa-tline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qa-title{font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.015em;line-height:1.4}
.qa-title:hover{color:var(--brand)}
.qa-job{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;
  background:var(--field);color:#6E7180;font-size:11px;font-weight:700;flex:none}
.qa-sum{margin:6px 0 0;font-size:13px;line-height:1.55;color:var(--mute);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}
.qa-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--mute);font-weight:600}
.qa-meta b{color:var(--body);font-weight:700}

/* 사이드 — 답변 많이 준 사람 */
.qa-per{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line)}
.qa-per:first-of-type{border-top:0;padding-top:0}
.qa-pav{width:30px;height:30px;border-radius:10px;flex:none}
.qa-pn{flex:1;font-size:12.8px;font-weight:700;color:var(--ink);display:flex;flex-direction:column;line-height:1.35}
.qa-pn small{font-size:11px;font-weight:600;color:var(--mute)}
.qa-pc{font-size:11.5px;font-weight:700;color:#2A7A4B;background:#EAF6EE;border-radius:var(--r-pill);
  padding:3px 9px;white-space:nowrap}
.qa-guide{background:var(--bg-soft)}

/* ═══════ 화면 5 · 커뮤니티 글 상세(개편) ═════════════════ */

#s5 .qa-crumbb{color:var(--brand);font-weight:700}
#s5 .qa-ahead{padding-bottom:16px;border-bottom:1px solid var(--line)}
#s5 .qa-ahead .h1{margin-top:9px;font-size:26px;line-height:1.35;max-width:740px}
.qa-pre{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:6px;
  background:var(--brand-lt);color:var(--brand-dk);font-size:12px;font-weight:800}
.qa-pre.sm{height:19px;padding:0 7px;font-size:10.5px;border-radius:4px;margin-right:6px;vertical-align:1px}
#s5 .qa-ameta{display:flex;align-items:center;gap:11px;margin-top:16px}
#s5 .qa-ameta .qa-av{width:38px;height:38px;border-radius:12px}
#s5 .qa-anm{flex:1;min-width:0}
#s5 .qa-anm1{font-size:13.5px;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#s5 .qa-anm1 small{font-size:12px;font-weight:600;color:var(--mute)}
#s5 .qa-anm2{margin-top:3px;font-size:12px;color:var(--mute);font-weight:600}
#s5 .qa-aact{display:flex;gap:2px}

/* 본문 */
.qa-art{max-width:740px;margin-top:22px}
.qa-art p{font-size:14.5px;line-height:1.85;color:var(--body);margin:0 0 16px}
.qa-art p:last-child{margin-bottom:0}

/* 아카이브 프로젝트 인용 블록 */
.qa-quote{display:flex;align-items:center;gap:13px;max-width:740px;margin:22px 0;padding:12px 14px;
  border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--r-md);background:var(--bg-soft)}
.qa-qthumb{width:64px;height:44px;border-radius:var(--r-sm);flex:none}
.qa-qbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.qa-qnm{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.015em}
.qa-qsub{display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--mute);font-weight:600;flex-wrap:wrap}
.qa-qbtn{flex:none;background:#fff}

/* 페이드아웃 + 로그인 게이트 */
.qa-fadewrap{position:relative;max-width:740px;margin-top:16px}
.qa-fade{position:relative;max-height:150px;overflow:hidden;margin-top:0}
.qa-fade::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,#fff 78%)}
.qa-gate{position:relative;margin-top:-26px;text-align:center;padding:26px 24px 24px;
  border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg-soft)}
.qa-glock{width:44px;height:44px;margin:0 auto 12px;border-radius:14px;background:#fff;
  border:1px solid var(--line);color:var(--brand);display:grid;place-items:center}
.qa-glock svg{width:21px;height:21px}
.qa-gtit{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.45;margin:0}
.qa-gbtns{display:flex;justify-content:center;gap:9px;margin-top:16px}
.qa-gbtns .btn.ghost{background:#fff}
.qa-gnote{margin:14px 0 0;font-size:12px;color:var(--mute);line-height:1.6}

/* 가려진 댓글 실루엣 */
.qa-cmtghost{max-width:740px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
.qa-ch{display:flex;align-items:center;gap:8px;margin-bottom:14px}
.qa-ch .h2{font-size:15px}
.qa-chlock{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--mute)}
.qa-cg{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-bottom:1px solid var(--line);opacity:.55}
.qa-cg .qa-av{width:30px;height:30px;border-radius:10px}
.qa-cgb{flex:1;display:flex;flex-direction:column;gap:7px;padding-top:4px}
.qa-gbar{height:9px;border-radius:5px;background:var(--line);display:block}
.qa-bw1{width:26%}
.qa-bw2{width:88%}
.qa-bw3{width:61%}
.qa-bw4{width:44%}

/* 하단 태그 + 반응 */
.qa-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;max-width:740px;margin-top:24px;
  padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.qa-ftags{display:flex;gap:5px;flex-wrap:wrap;flex:1;min-width:200px}
.qa-fbtns{display:flex;align-items:center;gap:8px}
.qa-need.btn{color:var(--mute)}
.qa-needmsg{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#A9ACB8}
.qa-needmsg svg{width:12px;height:12px}

/* 같은 게시판 다음 글 */
.qa-next{max-width:740px;margin-top:30px}
.qa-next .qa-sh{margin-bottom:8px}
.qa-next .qa-mini{padding:11px 0}
.qa-next .qa-mt{-webkit-line-clamp:1;font-weight:600;font-size:13.2px}

/* 사이드 — 글쓴이 카드 */
.qa-author{text-align:center}
.qa-bigav{width:56px;height:56px;border-radius:18px;margin:0 auto 10px;display:block}
.qa-aunm{font-size:14.5px;font-weight:800;color:var(--ink);display:flex;flex-direction:column;gap:2px;line-height:1.3}
.qa-aunm small{font-size:11.5px;font-weight:600;color:var(--mute)}
.qa-aujob{margin-top:6px;font-size:12px;font-weight:700;color:var(--brand)}
.qa-aubio{margin:9px 0 0;font-size:12.3px;line-height:1.6;color:var(--mute)}
.qa-austat{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;
  font-size:11.5px;font-weight:700;color:var(--mute)}
.qa-aubtn{width:100%;margin-top:13px;justify-content:center}

/* ═══════ 화면 23 · 글쓰기(개편) ══════════════════════════ */

#s23 .qa-wlead{margin-top:8px;max-width:820px;line-height:1.65}

.qa-fld{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.qa-fld:first-child{margin-top:4px;padding-top:0;border-top:0}
.qa-flh{display:flex;align-items:baseline;gap:9px;margin-bottom:12px}
.qa-flh .h2{font-size:16px}
.qa-req{font-size:11.5px;font-weight:700;color:var(--mute)}
.qa-cnt{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--mute)}
.qa-fdesc{margin:0 0 11px;font-size:12.8px;line-height:1.6;color:var(--mute)}

/* 게시판 선택 카드 */
.qa-bgl{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.03em;margin:16px 0 8px}
.qa-bgl:first-of-type{margin-top:2px}
.qa-bgl.qa-ai{color:var(--brand)}
.qa-bcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.qa-bcard{position:relative;display:flex;flex-direction:column;gap:5px;padding:13px 13px 14px;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;cursor:pointer}
.qa-bcard:hover{border-color:var(--line-2);background:var(--bg-soft)}
.qa-bcico{width:28px;height:28px;border-radius:9px;background:var(--field);color:#7A7D8A;display:grid;place-items:center}
.qa-bcico svg{width:15px;height:15px}
.qa-bcn{font-size:13.2px;font-weight:800;color:var(--ink);letter-spacing:-.015em;padding-right:20px}
.qa-bcd{font-size:11.5px;line-height:1.55;color:var(--mute)}
.qa-rd{position:absolute;right:12px;top:13px;width:16px;height:16px;border-radius:50%;
  border:1.5px solid var(--line-2);background:#fff}
.qa-rd.on{border-color:var(--brand);border-width:5px}
.qa-bcard.on{border-color:var(--brand);background:var(--brand-lt);box-shadow:0 0 0 1px var(--brand)}
.qa-bcard.on .qa-bcico{background:#fff;color:var(--brand)}
.qa-bcard.on .qa-bcd{color:var(--brand-dk)}
.qa-bcard.qa-bai{border-color:var(--brand-lt2);background:#FCFBFF}
.qa-bcard.qa-bai .qa-bcico{background:var(--brand-lt);color:var(--brand)}
.qa-bcard.qa-bai:hover{border-color:var(--brand)}

/* 선택 게시판 안내 박스 */
.qa-hintbox{margin-top:16px;padding:15px 16px;border:1px solid var(--brand-lt2);border-radius:var(--r-md);
  background:var(--brand-lt)}
.qa-hbt{font-size:13.2px;font-weight:700;color:var(--brand-dk)}
.qa-hbt b{font-weight:800;color:var(--brand-dk)}
.qa-pres{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
.qa-pres .chip{background:#fff;height:30px;font-size:12.5px}
.qa-pres .chip.on{background:var(--brand);border-color:var(--brand);color:#fff}

/* 인풋 */
.qa-input{width:100%;height:48px;padding:0 15px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;font-size:15px;font-weight:600;color:var(--ink);font-family:inherit}
.qa-input::placeholder{color:#B0B3BF;font-weight:500}

/* 에디터 */
.qa-editor{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden;background:#fff}
.qa-tools{display:flex;align-items:center;gap:2px;padding:7px 9px;border-bottom:1px solid var(--line);
  background:var(--bg-soft)}
.qa-tb{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;color:#7A7D8A}
.qa-tb:hover{background:#fff;color:var(--ink)}
.qa-tb svg{width:15px;height:15px}
.qa-tsep{width:1px;height:18px;background:var(--line-2);margin:0 6px}
.qa-canvas{padding:18px 17px 24px;min-height:230px}
.qa-canvas p{font-size:14px;line-height:1.8;color:var(--body);margin:0 0 14px}
.qa-caret{display:inline-block;width:1.5px;height:17px;background:var(--brand);vertical-align:-3px}

/* 프로젝트 인용 위젯 */
.qa-search{display:flex;align-items:center;gap:9px;height:42px;padding:0 14px;border:1px solid var(--line-2);
  border-radius:var(--r-pill);background:#fff;color:#A9ACB8}
.qa-search svg{width:16px;height:16px;flex:none}
.qa-search input{flex:1;border:0;background:transparent;font-size:13px;color:var(--ink);font-family:inherit;outline:none}
.qa-search input::placeholder{color:#B0B3BF}
.qa-quoted{display:flex;align-items:center;gap:13px;margin-top:10px;padding:11px 12px;
  border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--r-md);background:var(--bg-soft)}
.qa-x{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;color:#A9ACB8;flex:none}
.qa-x:hover{background:#fff;color:#C2334D}
.qa-x svg{width:14px;height:14px}

/* 첨부 */
.qa-drop{display:flex;flex-direction:column;align-items:center;gap:5px;padding:26px 20px;
  border:1.5px dashed var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);text-align:center}
.qa-drop:hover{border-color:var(--brand);background:var(--brand-lt)}
.qa-drop b{font-size:13.2px;font-weight:700;color:var(--body)}
.qa-dico{width:34px;height:34px;border-radius:11px;background:#fff;border:1px solid var(--line);
  color:var(--brand);display:grid;place-items:center;margin-bottom:3px}
.qa-dico svg{width:17px;height:17px}
.qa-dsub{font-size:11.5px;color:var(--mute);font-weight:600}
.qa-files{margin-top:10px;display:flex;flex-direction:column;gap:6px}
.qa-file{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:#fff}
.qa-fico{width:26px;height:26px;border-radius:7px;background:var(--field);color:#7A7D8A;
  display:grid;place-items:center;flex:none}
.qa-fico svg{width:14px;height:14px}
.qa-fnm{flex:1;min-width:0;font-size:12.8px;font-weight:600;color:var(--body);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qa-fsz{font-size:11.5px;font-weight:700;color:var(--mute);white-space:nowrap}

/* 태그 입력 */
.qa-taginput{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:48px;padding:8px 12px;
  border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff}
.qa-tagon.tag{display:inline-flex;align-items:center;gap:4px;background:var(--brand-lt);
  color:var(--brand-dk);border-color:var(--brand-lt2)}
.qa-tx{display:inline-grid;place-items:center;width:13px;height:13px;color:var(--brand);cursor:pointer}
.qa-tx svg{width:11px;height:11px}
.qa-tagin{flex:1;min-width:150px;border:0;background:transparent;height:28px;font-size:13px;
  color:var(--ink);font-family:inherit;outline:none}
.qa-tagin::placeholder{color:#B0B3BF}

/* 옵션 */
.qa-opt{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.qa-opt:last-child{border-bottom:0}
.qa-otit{flex:1;display:flex;flex-direction:column;gap:3px;font-size:13.2px;font-weight:700;color:var(--ink)}
.qa-otit small{font-size:11.5px;font-weight:500;color:var(--mute)}
.qa-tg{width:42px;height:24px;border-radius:var(--r-pill);background:var(--line-2);position:relative;
  display:inline-block;flex:none}
.qa-tg i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff}
.qa-tg.on{background:var(--brand)}
.qa-tg.on i{left:21px}
.qa-saved{font-size:11.5px;font-weight:700;color:#2A7A4B;background:#EAF6EE;border-radius:var(--r-pill);padding:5px 11px}

/* 하단 고정 액션 바 */
.qa-bar{position:sticky;bottom:0;display:flex;align-items:center;gap:14px;margin-top:26px;
  padding:14px 4px;border-top:1px solid var(--line);background:#fff}
.qa-drafts{display:inline-flex;align-items:center;gap:7px;font-size:12.8px;font-weight:700;color:var(--mute)}
.qa-drafts:hover{color:var(--brand)}
.qa-drafts svg{width:14px;height:14px}
.qa-barr{margin-left:auto;display:flex;gap:8px}

/* 사이드 — 작성 가이드 */
.qa-gsub{font-size:11.5px;font-weight:800;color:var(--brand);margin-bottom:8px}
.qa-ban{background:#FDF6F8;border-color:#F3CBD5}
.qa-ban .h2{color:#C2334D}
.qa-bl{font-size:12.3px;line-height:1.6;color:#8A5563;margin:0 0 7px;padding-left:11px;position:relative}
.qa-bl::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;border-radius:50%;background:#E0A9B7}
.qa-bl:last-child{margin-bottom:0}
.qa-money{background:var(--bg-soft);display:flex;gap:11px;align-items:flex-start}
.qa-mico{width:26px;height:26px;border-radius:8px;background:#fff;border:1px solid var(--line);
  color:var(--brand);display:grid;place-items:center;flex:none}
.qa-mico svg{width:14px;height:14px}
.qa-ml{margin:0;font-size:12.3px;line-height:1.65;color:var(--mute)}

/* ── 반응형 ─────────────────────────────────────────────── */
@media (max-width:1400px){
  .qa-two{grid-template-columns:minmax(0,1fr) 260px;gap:22px}
  .qa-bcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  #s37 .qa-bhead{grid-template-columns:52px minmax(0,1fr)}
  #s37 .qa-bact{grid-column:1 / 3;margin-top:12px}
  #s37 .qa-bstat{grid-column:1 / 3}
}

/* ===== _css_q.css ===== */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT ADMIN v4 — 통합 처리 큐 계열 4종 (s14 · s15 · s38 · s39)
   기존 :root 토큰과 .adm 스코프 시맨틱 토큰(--ok --danger --warn --info)을
   그대로 상속한다. 새 색을 만들지 않는다.
   신규 클래스는 전부 q- 접두어. 기존 .adm-* 클래스는 건드리지 않는다.
   ══════════════════════════════════════════════════════════════════ */

/* ══════════ 공통 조각 ══════════ */
.q-sec{margin-top:26px}
.q-sec-h{display:flex;align-items:baseline;gap:9px;margin-bottom:11px}
.q-sec-h h3{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.q-sec-h .q-sub{font-size:12px;color:var(--mute);font-weight:600}
.q-sec-h .q-more{margin-left:auto;font-size:12px;color:var(--mute);font-weight:700}
.q-mono{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:var(--mute);font-weight:600}
.q-dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC;display:inline-block;flex:none}
.q-hr{height:1px;background:var(--line);margin:16px 0}

.q-box{width:16px;height:16px;border-radius:4px;border:1.5px solid #CBCEDA;background:#fff;
  display:grid;place-items:center;flex:none}
.q-box svg{width:10px;height:10px;color:#fff;opacity:0}
.q-box.on{background:var(--brand);border-color:var(--brand)}
.q-box.on svg{opacity:1}

.q-kv{display:flex;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12.5px;
  line-height:1.6;align-items:flex-start}
.q-kv:last-child{border-bottom:none}
.q-kv b{width:74px;flex:none;font-size:11.5px;font-weight:800;color:var(--mute);padding-top:1px}
.q-kv span{flex:1;min-width:0;color:var(--body);font-weight:600}
.q-kv span small{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:2px}
.q-kv .q-url{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;color:var(--body)}

/* 유형 칩 — 큐에 들어오는 6종 */
.q-kind{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 9px;border-radius:5px;
  font-size:11px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}
.q-kind svg{width:11px;height:11px}
.q-kind.appr{background:#EFEAFE;color:#5B45C8}
.q-kind.rgt{background:var(--danger-lt);color:var(--danger)}
.q-kind.rep{background:var(--warn-lt);color:var(--warn)}
.q-kind.dis{background:var(--info-lt);color:var(--info)}
.q-kind.cert{background:var(--ok-lt);color:var(--ok)}
.q-kind.job{background:#F1F2F6;color:#6E7180}

/* ══════════ s14 · 상단 한 줄 (오늘 처리할 일) ══════════ */
.q-today{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 20px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.q-today .q-tday{font-size:13px;font-weight:700;color:var(--mute);letter-spacing:-.01em}
.q-today .q-tmain{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.03em;
  display:inline-flex;align-items:baseline;gap:6px}
.q-today .q-tmain em{font-style:normal;font-size:26px;color:var(--brand);font-weight:800}
.q-kinds{margin-left:auto;display:flex;align-items:center;gap:0;flex-wrap:wrap}
.q-kinds span{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;
  color:var(--body);padding:0 12px;border-right:1px solid var(--line-2);line-height:1.2}
.q-kinds span:last-child{border-right:none;padding-right:0}
.q-kinds span small{font-size:11.5px;color:var(--mute);font-weight:700}
.q-kinds span b{font-size:13.5px;font-weight:800;color:var(--ink)}

/* 기한 경고 밴드 */
.q-alert{display:flex;align-items:center;gap:11px;margin-top:12px;padding:13px 17px;
  border:1.5px solid var(--danger-line);background:var(--danger-lt);border-radius:var(--r-md)}
.q-alert svg{width:17px;height:17px;color:var(--danger);flex:none}
.q-alert .q-alx{flex:1;min-width:0;font-size:12.5px;color:#A34156;font-weight:600;line-height:1.6}
.q-alert .q-alx b{color:#8E2038;font-weight:800}
.q-alert .q-alsep{width:1px;height:14px;background:var(--danger-line);flex:none}

/* 유형 안내 줄 */
.q-legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}
.q-legend .q-lgl{font-size:11.5px;font-weight:800;color:var(--mute);margin-right:2px}

/* 일괄 처리 바 */
.q-bulk{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:12px;padding:11px 16px;
  border:1px solid var(--brand);background:var(--brand-lt);border-radius:var(--r-md)}
.q-bulk .q-bkn{font-size:12.5px;font-weight:800;color:#5B45C8}
.q-bulk .q-bkn em{font-style:normal;font-weight:700;color:#7A66D8}
.q-bulk .q-bksep{width:1px;height:16px;background:var(--brand-lt2)}
.q-bulk .q-bknote{font-size:11.5px;color:#7A66D8;font-weight:600;line-height:1.55}
.q-bulk .q-bkr{margin-left:auto;display:flex;align-items:center;gap:7px}

/* ══════════ s14 · ★ 처리 큐 리스트 ══════════ */
.q-list{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-item{border-bottom:1px solid var(--line)}
.q-item:last-child{border-bottom:none}
.q-item:hover{background:var(--bg-soft)}
.q-item.open{background:#fff;box-shadow:inset 3px 0 0 var(--brand)}
.q-item.hot{box-shadow:inset 3px 0 0 var(--danger)}
.q-row{display:grid;grid-template-columns:30px 118px 1fr auto;gap:13px;align-items:flex-start;
  padding:14px 17px}
.q-row .q-chk{padding-top:3px}
.q-when{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.q-when .q-time{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:var(--mute);font-weight:600}
.q-what{min-width:0}
.q-what .q-wt{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.q-what .q-wt b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
.q-what .q-wr{font-size:12px;color:var(--mute);font-weight:600;line-height:1.6;margin-top:5px}
.q-what .q-wr em{font-style:normal;color:var(--body);font-weight:700}
.q-do{display:flex;align-items:center;gap:6px;flex:none;padding-top:1px}
.q-tog{width:27px;height:27px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:#fff;
  display:grid;place-items:center;color:#9CA0AE;flex:none}
.q-tog svg{width:13px;height:13px}
.q-tog:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.q-item.open .q-tog{background:var(--brand);border-color:var(--brand);color:#fff}

/* 펼친 상세 */
.q-detail{padding:0 17px 18px 78px;border-top:1px dashed var(--line);margin-top:2px}
.q-dh{display:flex;align-items:center;gap:8px;padding:14px 0 11px}
.q-dh b{font-size:12.5px;font-weight:800;color:var(--ink)}
.q-dh .q-dhs{font-size:11.5px;color:var(--mute);font-weight:600}
.q-dcols{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.q-dcard{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);padding:13px 14px}
.q-dcard.now{border-color:var(--warn-line);background:var(--warn-lt)}
.q-dcard .q-dcl{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;
  color:var(--mute);margin-bottom:9px}
.q-dcard.now .q-dcl{color:var(--warn)}
.q-dthumb{width:100%;aspect-ratio:16/10;border-radius:var(--r-sm);border:1px solid var(--line);margin-bottom:10px}
.q-dfoot{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}
.q-dfoot .q-dfr{margin-left:auto;display:flex;align-items:center;gap:7px}

/* 자동 검사 요약 알약 */
.q-pills{display:flex;gap:6px;flex-wrap:wrap}
.q-pill{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:var(--r-pill);
  font-size:11px;font-weight:700;border:1px solid var(--line);background:#fff;color:var(--body)}
.q-pill svg{width:11px;height:11px}
.q-pill.pass{border-color:var(--ok-line);background:var(--ok-lt);color:var(--ok)}
.q-pill.fail{border-color:var(--warn-line);background:var(--warn-lt);color:var(--warn)}
.q-pill.block{border-color:var(--danger-line);background:var(--danger-lt);color:var(--danger)}

/* ══════════ s14 · 자동 처리 요약 ══════════ */
.q-auto{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:14px;padding:12px 16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.q-auto .q-aul{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--mute)}
.q-auto .q-aul svg{width:13px;height:13px;color:#A8ABB8}
.q-auto .q-aux{flex:1;min-width:200px;font-size:12px;color:var(--body);font-weight:600;line-height:1.65}
.q-auto .q-aux b{font-weight:800;color:var(--ink)}
.q-auto .q-augo{font-size:12px;font-weight:700;color:var(--brand);display:inline-flex;align-items:center;gap:4px}
.q-auto .q-augo svg{width:12px;height:12px}

/* ══════════ s14 · 두 가지 상태 나란히 비교 ══════════ */
.q-statepair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.q-statebox{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-statebox.alt{border-color:var(--ok-line)}
.q-statelabel{display:flex;align-items:center;gap:8px;padding:11px 15px;background:var(--adm-dk2);
  color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em}
.q-statelabel svg{width:13px;height:13px;color:#8A8DA0}
.q-statelabel em{font-style:normal;color:#8A8DA0;font-weight:600;margin-left:auto}
.q-statebox.alt .q-statelabel{background:var(--ok)}
.q-statebox.alt .q-statelabel svg,.q-statebox.alt .q-statelabel em{color:#BFE0CD}
.q-statebody{padding:15px 16px}
.q-mini{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}
.q-mini:last-child{border-bottom:none}
.q-mini .q-mit{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--body);line-height:1.5;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-mini .q-mtm{flex:none;font-family:'SF Mono',Consolas,monospace;font-size:10.5px;color:#B0B3BF;font-weight:600}

/* 큐가 비었을 때 */
.q-empty{text-align:center;padding:34px 22px 30px}
.q-empty .q-emic{width:58px;height:58px;border-radius:19px;margin:0 auto 16px;display:grid;place-items:center;
  background:var(--ok-lt);border:1px solid var(--ok-line);color:var(--ok)}
.q-empty .q-emic svg{width:27px;height:27px}
.q-empty b{display:block;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.4}
.q-empty p{font-size:13px;color:var(--mute);margin-top:9px;line-height:1.7;font-weight:600}
.q-empty .q-empills{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:17px}

/* ══════════ s15 · 자동 형식 검사 상세 ══════════ */
#s15 .q-wrap{display:grid;grid-template-columns:1fr 296px;gap:22px;align-items:start}
.q-nav{display:flex;align-items:center;gap:6px}
.q-nav .q-navn{font-size:11.5px;color:var(--mute);font-weight:700;font-family:'SF Mono',Consolas,monospace;
  padding:0 4px}

/* 판정 요약 문장 */
.q-verdict{display:flex;align-items:flex-start;gap:13px;border:1.5px solid var(--warn-line);
  background:var(--warn-lt);border-radius:var(--r-md);padding:16px 18px}
.q-verdict>svg{width:20px;height:20px;color:var(--warn);flex:none;margin-top:2px}
.q-verdict .q-vx{flex:1;min-width:0}
.q-verdict .q-vx b{display:block;font-size:15.5px;font-weight:800;color:#7E5000;letter-spacing:-.025em;line-height:1.5}
.q-verdict .q-vx p{font-size:12.5px;color:#9A6B1E;margin-top:6px;line-height:1.7;font-weight:600}
.q-vscore{flex:none;display:flex;align-items:center;gap:4px;padding-top:4px}
.q-vscore i{width:11px;height:11px;border-radius:3px;background:var(--ok);display:block}
.q-vscore i.no{background:var(--warn)}

/* 검사 6항목 */
.q-checks{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-check{display:grid;grid-template-columns:24px 148px 1fr 78px;gap:13px;align-items:center;
  padding:13px 16px;border-bottom:1px solid var(--line)}
.q-check:last-child{border-bottom:none}
.q-check.no{background:var(--warn-lt)}
.q-ckic{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none;
  background:var(--ok-lt);color:var(--ok)}
.q-ckic svg{width:13px;height:13px}
.q-ckic.no{background:var(--warn-lt);color:var(--warn)}
.q-ckic.block{background:var(--danger-lt);color:var(--danger)}
.q-ckn{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.q-ckv{font-size:12px;color:var(--mute);font-weight:600;line-height:1.6;min-width:0}
.q-ckv b{color:var(--body);font-weight:700}
.q-ckv .q-ckurl{font-family:'SF Mono',Consolas,monospace;font-size:11.5px}
.q-ckr{text-align:right}

/* 사람이 보는 영역 (불통과 항목) */
.q-human{border:1.5px solid var(--warn-line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-human-h{display:flex;align-items:center;gap:9px;padding:13px 17px;background:var(--warn-lt);
  border-bottom:1px solid var(--warn-line)}
.q-human-h svg{width:16px;height:16px;color:var(--warn);flex:none}
.q-human-h b{font-size:13.5px;font-weight:800;color:#7E5000;letter-spacing:-.02em}
.q-human-h small{font-size:11.5px;color:#9A6B1E;font-weight:600;margin-left:auto}
.q-human-b{padding:16px 17px}
.q-dupe{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.q-dupecard{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);padding:14px}
.q-dupecard.new{border-color:var(--brand);background:#fff}
.q-dupecard .q-duh{display:flex;align-items:center;gap:7px;margin-bottom:11px}
.q-dupecard .q-duh b{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.01em}
.q-dupecard.new .q-duh b{color:#5B45C8}
.q-duthumb{width:100%;aspect-ratio:16/10;border-radius:var(--r-sm);border:1px solid var(--line);margin-bottom:11px}
.q-dunm{display:block;font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
  line-height:1.45;margin-bottom:9px}
.q-diff{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border-radius:var(--r-sm);
  background:var(--info-lt);border:1px solid var(--info-line)}
.q-diff svg{width:14px;height:14px;color:var(--info);flex:none}
.q-diff span{font-size:12px;color:#2A5B93;font-weight:600;line-height:1.6}
.q-diff span b{color:#1F4C7D;font-weight:800}

/* 등록 정보 · 실제 사이트 나란히 */
.q-sbs{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.q-panel{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-panel-h{display:flex;align-items:center;gap:8px;padding:12px 15px;background:var(--bg-soft);
  border-bottom:1px solid var(--line)}
.q-panel-h b{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.q-panel-h .q-ph-r{margin-left:auto;display:flex;align-items:center;gap:5px}
.q-panel-b{padding:14px 15px}
.q-shotimg{width:100%;aspect-ratio:16/10;border-radius:var(--r-sm);border:1px solid var(--line)}
.q-shotnote{font-size:11px;color:var(--mute);font-weight:600;margin-top:9px;line-height:1.6;
  display:flex;align-items:flex-start;gap:6px}
.q-shotnote svg{width:12px;height:12px;color:#B0B3BF;flex:none;margin-top:3px}

/* 제작방식 5축 */
.q-axis{display:flex;flex-direction:column;gap:5px;margin-top:4px}
.q-axrow{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center}
.q-axrow .q-axl{font-size:11.5px;font-weight:800;color:var(--mute)}
.q-axv{display:inline-flex;align-items:center;height:23px;padding:0 9px;border-radius:5px;
  font-size:11px;font-weight:700;background:var(--bg-soft);border:1px solid var(--line);color:#6E7180;
  align-self:flex-start;justify-self:flex-start}
.q-axv.ai{background:#EFEAFE;border-color:#DDD4FB;color:#5B45C8}
.q-axv.as{background:var(--info-lt);border-color:var(--info-line);color:var(--info)}

/* 우측 처리 이력 */
.q-hist{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;
  position:sticky;top:18px}
.q-hist-h{display:flex;align-items:center;gap:8px;padding:12px 15px;background:var(--bg-soft);
  border-bottom:1px solid var(--line)}
.q-hist-h b{font-size:12.5px;font-weight:800;color:var(--ink)}
.q-hist-b{padding:15px 16px}
.q-tl{display:flex;flex-direction:column;border-left:2px solid var(--line);padding-left:15px;margin-left:5px}
.q-tlit{position:relative;padding-bottom:15px}
.q-tlit:last-child{padding-bottom:0}
.q-tlit::before{content:"";position:absolute;left:-22px;top:3px;width:11px;height:11px;border-radius:50%;
  background:#fff;border:2px solid var(--line-2)}
.q-tlit.sys::before{background:#2E2A40;border-color:#2E2A40}
.q-tlit.now::before{background:var(--brand);border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-lt)}
.q-tlit b{display:block;font-size:12px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.5}
.q-tlit p{font-size:11.5px;color:var(--mute);font-weight:600;line-height:1.6;margin-top:3px}
.q-tlit .q-tlt{display:block;font-family:'SF Mono',Consolas,monospace;font-size:10.5px;color:#B0B3BF;
  font-weight:600;margin-top:4px}

/* ══════════ s38 · 분쟁 · 소유권 ══════════ */
.q-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.q-party{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-party-h{display:flex;align-items:center;gap:10px;padding:13px 15px;background:var(--bg-soft);
  border-bottom:1px solid var(--line)}
.q-party-h .q-pav{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);flex:none}
.q-party-h .q-pnm{min-width:0;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.4}
.q-party-h .q-pnm small{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:2px}
.q-party-h .q-prole{margin-left:auto;flex:none}
.q-party.claim .q-party-h{background:var(--info-lt);border-bottom-color:var(--info-line)}
.q-party-b{padding:14px 15px}
.q-ev{display:flex;flex-direction:column;gap:8px}
.q-evit{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:var(--bg-soft)}
.q-evit>svg{width:15px;height:15px;color:#9CA0AE;flex:none;margin-top:2px}
.q-evit .q-evt{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--ink);line-height:1.5}
.q-evit .q-evt small{display:block;font-size:10.5px;color:var(--mute);font-weight:600;margin-top:3px;
  line-height:1.55}
.q-lv{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:5px;
  font-size:10.5px;font-weight:800;white-space:nowrap;flex:none}
.q-lv.hi{background:var(--ok-lt);color:var(--ok)}
.q-lv.mid{background:var(--warn-lt);color:var(--warn)}
.q-lv.no{background:#F1F2F6;color:#6E7180}

/* 증거력 표에서 이번 건 표시 */
.q-tbl-hit{background:var(--brand-lt)}
.q-hitmk{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;color:#5B45C8}
.q-hitmk svg{width:11px;height:11px}

/* 분쟁 처리 단계 (가로) */
.q-steps{display:flex;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-step{flex:1;min-width:0;padding:13px 14px;border-right:1px solid var(--line);position:relative}
.q-step:last-child{border-right:none}
.q-step .q-stn{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.q-step .q-stn i{width:16px;height:16px;border-radius:50%;background:var(--line);display:grid;
  place-items:center;flex:none;font-style:normal;font-size:9px;font-weight:800;color:#9CA0AE}
.q-step b{display:block;font-size:12px;font-weight:800;color:var(--mute);letter-spacing:-.02em;line-height:1.45}
.q-step small{display:block;font-size:10.5px;color:#B0B3BF;font-weight:600;margin-top:5px;line-height:1.55}
.q-step.done{background:var(--ok-lt)}
.q-step.done .q-stn i{background:var(--ok);color:#fff}
.q-step.done b{color:#1F6440}
.q-step.done small{color:#4A8464}
.q-step.now{background:var(--danger-lt)}
.q-step.now .q-stn i{background:var(--danger);color:#fff}
.q-step.now b{color:#8E2038}
.q-step.now small{color:#A34156}

/* 대상 프로젝트 요약 */
.q-target{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff}
.q-target .q-tgthumb{width:96px;height:60px;border-radius:var(--r-sm);border:1px solid var(--line);flex:none}
.q-target .q-tgx{flex:1;min-width:0}
.q-target .q-tgx b{display:block;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.4}
.q-target .q-tgr{margin-left:auto;flex:none;display:flex;align-items:center;gap:7px}

/* ══════════ s39 · 분류 코드 관리 ══════════ */
.q-cls{display:grid;grid-template-columns:236px 1fr;gap:20px;align-items:start}
.q-clslist{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-clsg{padding:9px 13px;background:var(--bg-soft);border-bottom:1px solid var(--line);
  font-size:10.5px;font-weight:800;color:var(--mute);letter-spacing:.06em}
.q-clsit{display:flex;align-items:center;gap:8px;padding:10px 13px;border-bottom:1px solid var(--line);
  font-size:12.5px;font-weight:600;color:var(--body)}
.q-clsit:last-child{border-bottom:none}
.q-clsit:hover{background:var(--bg-soft)}
.q-clsit.on{background:var(--brand-lt);color:#5B45C8;font-weight:800}
.q-clsit .q-clsn{margin-left:auto;font-size:11px;color:var(--mute);font-weight:700;
  font-family:'SF Mono',Consolas,monospace}
.q-clsit.on .q-clsn{color:#7A66D8}

.q-grp{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;margin-bottom:12px}
.q-grp-h{display:flex;align-items:center;gap:10px;padding:11px 14px;background:var(--bg-soft);
  border-bottom:1px solid var(--line)}
.q-grp-h b{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.q-grp-h .q-gcode{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:var(--mute);font-weight:600}
.q-grp-h .q-gr{margin-left:auto;display:flex;align-items:center;gap:6px}
.q-crow{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.q-crow:last-child{border-bottom:none}
.q-crow:hover{background:var(--bg-soft)}
.q-crow.off{opacity:.62}
.q-drag{width:15px;height:15px;color:#C2C5D0;flex:none}
.q-cnm{font-size:12.5px;font-weight:700;color:var(--ink);min-width:120px}
.q-cnm small{display:block;font-family:'SF Mono',Consolas,monospace;font-size:10.5px;color:var(--mute);
  font-weight:600;margin-top:2px}
.q-cuse{font-size:11.5px;color:var(--mute);font-weight:700;min-width:66px}
.q-cuse b{color:var(--body);font-weight:800}
.q-cr{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}
.q-st{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:5px;
  font-size:10.5px;font-weight:800;white-space:nowrap}
.q-st i{width:5px;height:5px;border-radius:50%;background:currentColor;display:block;flex:none}
.q-st.use{background:var(--ok-lt);color:var(--ok)}
.q-st.stop{background:#F1F2F6;color:#6E7180}
.q-st.merged{background:var(--info-lt);color:var(--info)}

/* 삭제 시도 경고 블록 */
.q-warnblk{border:1.5px solid var(--danger-line);background:var(--danger-lt);border-radius:var(--r-md);
  padding:16px 18px;margin:12px 14px 14px}
.q-warnblk .q-wbh{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.q-warnblk .q-wbh svg{width:17px;height:17px;color:var(--danger);flex:none}
.q-warnblk .q-wbh b{font-size:13.5px;font-weight:800;color:#8E2038;letter-spacing:-.02em}
.q-warnblk p{font-size:12.5px;color:#A34156;line-height:1.75;font-weight:600}
.q-warnblk p b{color:#8E2038;font-weight:800}
.q-warnblk .q-wbf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.q-warnblk .q-wbf .q-wbn{font-size:11px;color:#A34156;font-weight:600;margin-left:auto}

/* AI 제작방식 편집 미니 카드 */
.q-axcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-axcard-h{display:flex;align-items:center;gap:9px;padding:12px 15px;background:var(--bg-soft);
  border-bottom:1px solid var(--line)}
.q-axcard-h b{font-size:12.5px;font-weight:800;color:var(--ink)}
.q-axcard-h .q-axr{margin-left:auto;display:flex;gap:6px}
.q-axedit{display:grid;grid-template-columns:70px repeat(3,1fr);gap:9px;padding:13px 15px;
  border-bottom:1px solid var(--line);align-items:center}
.q-axedit:last-child{border-bottom:none}
.q-axedit .q-axhd{font-size:10.5px;font-weight:800;color:var(--mute);letter-spacing:.02em}
.q-axfield{border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;padding:8px 10px}
.q-axfield b{display:block;font-size:11.5px;font-weight:800;color:var(--ink);line-height:1.4}
.q-axfield small{display:block;font-size:10.5px;color:var(--mute);font-weight:600;line-height:1.55;margin-top:4px}
.q-axfield.lock{background:var(--bg-soft);border-style:dashed}

/* 최근 변경 3건 */
.q-chg{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.q-chgit{display:flex;align-items:flex-start;gap:11px;padding:11px 15px;border-bottom:1px solid var(--line)}
.q-chgit:last-child{border-bottom:none}
.q-chgit .q-chgic{width:25px;height:25px;border-radius:8px;flex:none;display:grid;place-items:center;
  background:var(--bg-soft);color:#8A8D9A}
.q-chgit .q-chgic svg{width:12px;height:12px}
.q-chgit .q-chgx{flex:1;min-width:0;font-size:12px;color:var(--body);font-weight:600;line-height:1.6}
.q-chgit .q-chgx b{color:var(--ink);font-weight:800}
.q-chgit .q-chgt{flex:none;font-family:'SF Mono',Consolas,monospace;font-size:10.5px;color:#B0B3BF;
  font-weight:600;padding-top:2px}

/* ══════════ 반응형 ══════════ */
@media (max-width:1400px){
  .q-dcols,.q-dupe,.q-sbs,.q-two,.q-statepair{grid-template-columns:1fr}
  #s15 .q-wrap{grid-template-columns:1fr}
  .q-hist{position:static}
  .q-cls{grid-template-columns:1fr}
  .q-steps{flex-wrap:wrap}
  .q-step{flex:1 1 32%}
  .q-row{grid-template-columns:30px 110px 1fr}
  .q-do{grid-column:1/-1;justify-content:flex-end}
  .q-detail{padding-left:17px}
}

/* ===== _css_ax.css ===== */
/* ══════════════════════════════════════════════════════════════════
   crewdit v4.0 · ax- 추가 스타일시트
   화면 3종 — #s9 등록 STEP2(공정 5축) / #s7 프로젝트 상세(공정별 표시)
             / #s40 운영 로그(관리자)
   · 기존 클래스는 건드리지 않는다. 신규 마크업에만 .ax- 접두사를 붙이고
     기존 클래스와 조합할 때는 #s9 #s7 #s40 스코프로만 덮어쓴다.
   · 새 색을 만들지 않는다. :root 토큰과 .adm 스코프 토큰만 쓴다.
   · 5축 표시는 숫자·별점 없이 3칸 세그먼트로만 나타낸다.
   ══════════════════════════════════════════════════════════════════ */

/* ══════════════════════════════════════════════════════════════════
   1. #s9 · 등록 STEP2 — 제작방식 5축
   ══════════════════════════════════════════════════════════════════ */

/* ─── 좌 5축 / 우 미리보기 2단 ─── */
#s9 .ax-2col{display:grid;grid-template-columns:1fr 320px;gap:26px;align-items:start}
#s9 .ax-left{min-width:0}
#s9 .ax-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}

/* ─── 5축 체크 ─── */
#s9 .ax-axes{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);overflow:hidden}
#s9 .ax-axis{display:grid;grid-template-columns:190px 1fr;gap:18px;align-items:center;
  padding:15px 18px;border-bottom:1px solid var(--line)}
#s9 .ax-axis:last-child{border-bottom:none}
#s9 .ax-axis:hover{background:var(--bg-soft)}
#s9 .ax-axis-l{min-width:0}
#s9 .ax-axis-l b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#s9 .ax-axis-l p{font-size:12px;color:var(--mute);line-height:1.6;margin-top:4px}
#s9 .ax-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}

.ax-opt{display:flex;flex-direction:column;align-items:flex-start;
  border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--bg);
  padding:11px 12px;cursor:pointer;transition:.12s}
.ax-opt:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.ax-opt .ax-rdo{width:18px;height:18px;border-radius:50%;border:2px solid #CBCEDA;
  background:var(--bg);display:grid;place-items:center;color:transparent;flex:none;transition:.12s}
.ax-opt .ax-rdo svg{width:10px;height:10px}
.ax-opt .ax-ot{font-size:13px;font-weight:700;color:var(--body);margin-top:9px;letter-spacing:-.01em}
.ax-opt .ax-oc{font-size:10px;font-weight:600;color:#A8ABB8;margin-top:2px;
  font-family:'SF Mono',Consolas,monospace}
.ax-opt.on{border-color:var(--brand);box-shadow:0 0 0 2px rgba(124,92,252,.13)}
.ax-opt.on .ax-rdo{border-color:var(--brand);background:var(--brand);color:var(--bg)}
.ax-opt.on .ax-ot{color:var(--ink);font-weight:800}
.ax-opt.on .ax-oc{color:var(--mute)}

/* ─── 판단 기준 안내 ─── */
#s9 .ax-guide{margin-top:16px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--bg-soft);padding:16px 18px}
.ax-gh{display:flex;align-items:center;gap:8px}
.ax-gh svg{width:16px;height:16px;color:var(--mute);flex:none}
.ax-gh b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ax-gsub{margin-left:auto;font-size:11.5px;color:var(--mute);font-weight:600}
.ax-glist{margin-top:11px}
.ax-grow{display:flex;gap:14px;align-items:flex-start;padding:9px 0;border-top:1px solid var(--line)}
.ax-gk{flex:none;width:126px;font-size:12px;font-weight:800;color:var(--ink);line-height:1.55}
.ax-gv{flex:1;min-width:0;font-size:12.5px;color:var(--body);line-height:1.65}
.ax-honest{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  font-size:12px;color:var(--mute);line-height:1.75}

/* ─── 요약 배지 실시간 미리보기 ─── */
.ax-preview{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg);padding:18px}
.ax-pv-h{display:flex;align-items:center;gap:7px}
.ax-pv-h svg{width:15px;height:15px;color:var(--mute);flex:none}
.ax-pv-h b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ax-pv-lb{font-size:11.5px;color:var(--mute);line-height:1.6;margin-top:5px}
.ax-pv-badge{margin-top:13px;padding:18px 14px;border-radius:var(--r-md);
  background:var(--bg-soft);border:1px solid var(--line);display:grid;place-items:center}
#s9 .ax-pv-badge .badge{height:36px;padding:0 16px;border-radius:8px;font-size:15px;font-weight:800}
.ax-pv-calc{margin-top:11px;text-align:center;font-size:12.5px;color:var(--body);line-height:1.7}
.ax-pv-calc b{color:var(--ink);font-weight:800}
.ax-rules{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.ax-rules-t{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.02em;margin-bottom:6px}
.ax-rule{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px}
.ax-rule .ax-rc{flex:1;min-width:0;font-size:11.5px;color:var(--mute);line-height:1.5}
.ax-rule .ax-ra{flex:none;font-size:11.5px;font-weight:700;color:var(--body)}
.ax-rule.on{background:var(--bg-soft)}
.ax-rule.on .ax-rc{color:var(--body)}
.ax-rule.on .ax-ra{color:var(--ink);font-weight:800}
.ax-pv-note{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  display:flex;gap:8px;align-items:flex-start;font-size:11.5px;color:var(--mute);line-height:1.65}
.ax-pv-note svg{width:14px;height:14px;flex:none;margin-top:2px;color:#B0B3BF}

/* 선택값 요약 미니 패널 */
.ax-mini{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);padding:14px 16px}
.ax-mini-t{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.02em;margin-bottom:5px}
.ax-mini-r{display:flex;justify-content:space-between;gap:10px;padding:6px 0;
  border-top:1px solid var(--line);font-size:12.5px}
.ax-mini-r .k{color:var(--mute);font-weight:600}
.ax-mini-r .v{color:var(--ink);font-weight:700}

/* ─── 사용 툴 ─── */
#s9 .ax-toolwrap{max-width:840px}
#s9 .ax-toolwrap .chip svg{width:11px;height:11px}
#s9 .ax-toolwrap .fld input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit}

/* 모순 경고 (접힌 상태) — 새 색을 만들지 않고 --dark 마커로 주의를 준다 */
.ax-warn{margin-top:18px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-soft)}
.ax-warn-h{display:flex;align-items:center;gap:11px;padding:13px 15px;cursor:pointer}
.ax-wic{width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:var(--dark);color:var(--bg)}
.ax-wic svg{width:15px;height:15px}
.ax-warn-t{flex:1;min-width:0}
.ax-warn-t b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);line-height:1.55}
.ax-warn-t small{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:3px}
.ax-fold{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:11.5px;
  font-weight:700;color:var(--mute)}
.ax-fold svg{width:14px;height:14px}
.ax-foldl{letter-spacing:-.01em}

/* ─── 제작 기간 · 투입 인원 ─── */
#s9 .ax-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:840px}
#s9 .ax-field{min-width:0}
#s9 .ax-field .fld input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit}
.ax-fl{font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em}
.ax-unit{flex:none;font-size:12.5px;font-weight:700;color:var(--mute)}

/* ══════════════════════════════════════════════════════════════════
   2. #s7 · 프로젝트 상세 — 공정별 5축 표시 + 시각 비중 확대
   ══════════════════════════════════════════════════════════════════ */

/* ─── 헤드 압축 ─── */
#s7 .ax-head{padding-bottom:16px}
#s7 .ax-head h1{font-size:23px}
#s7 .ax-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
#s7 .ax-hbtns{display:flex;gap:8px;flex:none}
.ax-mt{font-size:12px;color:var(--mute);font-weight:600}

/* ─── 좌측 본문 · 이미지 비중 확대 ─── */
#s7 .ax-main{min-width:0}
.ax-hero{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--r-lg)}
.ax-desc{max-width:780px;margin:16px 0 24px;font-size:13.5px;line-height:1.75;color:var(--body)}
.ax-shot-h{display:flex;align-items:center;gap:9px;margin-bottom:10px}
.ax-shot-h b{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ax-shot-h .btn{margin-left:auto}
.ax-shot-n{font-size:11.5px;color:var(--mute);font-weight:600}
#s7 .longshot.ax-tall .seg{height:300px}
.ax-subshots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}
.ax-sub{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--r-md)}

/* ─── 우측 제작방식 패널 ─── */
.ax-sumbadge{display:flex;align-items:center;gap:9px;flex-wrap:wrap;
  padding:11px 0 13px;border-bottom:1px solid var(--line)}
#s7 .ax-sumbadge .badge{height:28px;padding:0 12px;border-radius:7px;font-size:13px;font-weight:800}
.ax-sumnote{font-size:11px;color:var(--mute);font-weight:600}

/* 5축 표시 — 숫자·별점 없이 3칸 세그먼트, 해당 칸만 채운다 */
.ax-axislist{padding-top:4px}
.ax-arow{display:grid;grid-template-columns:52px 1fr 57px;gap:9px;align-items:center;padding:8px 0}
.ax-an{font-size:12px;font-weight:700;color:var(--mute)}
.ax-al{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ax-meter{display:flex;gap:3px;justify-self:end}
.ax-meter i{display:block;width:15px;height:8px;border-radius:2px;background:var(--line)}
.ax-meter i.on{background:var(--ink)}
.ax-legend{display:flex;justify-content:flex-end;gap:9px;margin-top:5px;padding-top:8px;
  border-top:1px solid var(--line)}
.ax-legend span{font-size:10px;font-weight:700;color:#A8ABB8}

.ax-selfnote{margin-top:11px;padding-top:11px;border-top:1px solid var(--line);
  font-size:11px;color:var(--mute);line-height:1.65}
.ax-report{display:inline-flex;align-items:center;gap:6px;margin-top:8px;
  font-size:12px;font-weight:700;color:var(--brand)}
.ax-report svg{width:13px;height:13px;flex:none}
.ax-toolline{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}
.ax-tl-t{font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:9px;letter-spacing:-.01em}
#s7 .ax-toolline .chip{height:27px;padding:0 10px;font-size:11.5px}

/* ══════════════════════════════════════════════════════════════════
   3. #s40 · 운영 로그 (관리자)
   ══════════════════════════════════════════════════════════════════ */

#s40 .adm-head{align-items:flex-start}
#s40 .adm-head .crumb{margin-bottom:7px}
#s40 .content{padding:22px 30px 30px}

/* ─── 불변성 고지 밴드 ─── */
.ax-lockband{display:flex;align-items:center;gap:13px;padding:14px 16px;
  border:1px solid var(--info-line);background:var(--info-lt);border-radius:var(--r-md)}
.ax-lockic{width:34px;height:34px;border-radius:10px;flex:none;display:grid;place-items:center;
  background:var(--dark);color:var(--bg)}
.ax-lockic svg{width:17px;height:17px}
.ax-lockt{flex:1;min-width:0}
.ax-lockt b{display:block;font-size:13.5px;font-weight:800;color:#1F4C7D;line-height:1.5}
.ax-lockt span{display:block;margin-top:4px;font-size:12px;color:#2A5B93;line-height:1.7}
.ax-lockt span b{display:inline;font-size:12px}
.ax-lockband .adm-tag{flex:none}

/* ─── 로그 테이블 ─── */
#s40 .ax-logcol{min-width:0}
#s40 .ax-logwrap{overflow:hidden}
#s40 .ax-logtbl th{padding:9px 10px;font-size:10.5px}
#s40 .ax-logtbl td{padding:10px 10px;font-size:11.5px;vertical-align:top;line-height:1.5}
#s40 .ax-logtbl .adm-tt{font-size:12px}
#s40 .ax-logtbl .adm-tsub{font-size:10px;margin-top:2px}
#s40 .ax-logtbl .adm-mono{font-size:10.5px}
#s40 .ax-logtbl .adm-tag{height:20px;padding:0 7px;font-size:10px}

.ax-chg{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.ax-chg svg{width:12px;height:12px;flex:none;color:#B0B3BF}
.ax-cf{padding:1px 5px;border:1px solid var(--line);border-radius:4px;background:var(--bg-soft);
  font-family:'SF Mono',Consolas,monospace;font-size:10.5px;font-weight:700;color:var(--mute)}
.ax-ct{padding:1px 5px;border:1px solid var(--line-2);border-radius:4px;background:var(--bg);
  font-family:'SF Mono',Consolas,monospace;font-size:10.5px;font-weight:800;color:var(--ink)}

/* ─── 펼친 행 ─── */
#s40 .ax-exprow{cursor:default}
#s40 .ax-exprow:hover{background:var(--bg-soft)}
#s40 .ax-exprow td{padding:0;background:var(--bg-soft)}
.ax-exp{padding:16px 18px 18px}
.ax-exp-h{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ax-exp-h svg{width:15px;height:15px;flex:none;color:var(--mute)}
.ax-exp-h b{font-size:12.5px;font-weight:800;color:var(--ink);font-family:'SF Mono',Consolas,monospace}
.ax-exp-h .adm-tag{margin-left:auto;flex:none}
.ax-exp-s{font-size:11px;color:var(--mute);font-weight:600}
.ax-exp-b{display:grid;grid-template-columns:1fr 268px;gap:18px;align-items:start;margin-top:14px}

.ax-diffwrap{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);overflow:hidden}
.ax-diff{width:100%;border-collapse:collapse}
.ax-diff th{background:var(--bg-soft);border-bottom:1px solid var(--line);text-align:left;
  padding:8px 11px;font-size:10.5px;font-weight:800;color:var(--mute)}
.ax-diff td{border-bottom:1px solid var(--line);padding:8px 11px;font-size:11.5px;color:var(--body)}
.ax-diff tr:last-child td{border-bottom:none}
.ax-diff td:first-child{width:132px;font-weight:700;color:var(--ink)}
.ax-diff td:nth-child(2){color:var(--mute)}
.ax-diff td:last-child{font-weight:700;color:var(--ink)}

.ax-exp-side{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg);padding:13px 14px}
.ax-exp-t{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.02em;margin-bottom:6px}
.ax-link{display:flex;align-items:center;gap:7px;padding:8px 0;border-top:1px solid var(--line);
  font-size:11.5px;font-weight:700;color:var(--brand)}
.ax-link svg{width:13px;height:13px;flex:none}
.ax-exp-f{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);
  font-size:11px;color:var(--mute);line-height:1.7}
.ax-exp-f b{color:var(--body);font-weight:700}

/* ─── 우측 좁은 컬럼 ─── */
#s40 .ax-sidecol{display:flex;flex-direction:column;gap:14px;position:sticky;top:18px}
#s40 .ax-sidecol .adm-card:hover{transform:none;box-shadow:none;border-color:var(--line)}
.ax-sumlist{margin-top:12px;border-top:1px solid var(--line)}
.ax-sumrow{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 0;border-bottom:1px solid var(--line)}
.ax-sk{font-size:12.5px;font-weight:600;color:var(--body)}
.ax-sv{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.ax-plist{margin-top:12px;border-top:1px solid var(--line)}
.ax-prow{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.ax-pk{flex:none;width:64px;font-size:11.5px;font-weight:800;color:var(--mute)}
.ax-pv{flex:1;min-width:0;font-size:11.5px;color:var(--body);line-height:1.6}

/* ─── 하단 밴드 ─── */
#s40 .adm-band .adm-bl{max-width:680px;line-height:1.6}
.ax-bandsub{display:block;margin-top:4px;font-size:11.5px;color:var(--mute);font-weight:600}

/* ══════════════════════════════════════════════════════════════════
   4. 반응형 — 다열 그리드 축소만
   ══════════════════════════════════════════════════════════════════ */

@media (max-width:1400px){
  #s9 .ax-2col{grid-template-columns:1fr}
  #s9 .ax-side{position:static}
  #s9 .ax-axis{grid-template-columns:1fr;gap:11px;align-items:flex-start}
  #s7 .ax-subshots{grid-template-columns:repeat(2,minmax(0,1fr))}
  #s7 .longshot.ax-tall .seg{height:240px}
  #s40 .ax-exp-b{grid-template-columns:1fr}
  #s40 .ax-sidecol{position:static}
}

/* ===== _css_v4.css ===== */
/* ══════════════════════════════════════════════════════════════
   크루딧 v4.0 — 시각 중심 개편 CSS (담당 접두사 .v4-)
   대상 화면 : #s6 메인 · #s3 아카이브 목록 · #s2 사람 디렉토리
   원칙 : 썸네일이 주인공 / 퍼플은 주 CTA·활성 상태에만 / 기존 클래스 미수정
   기존 :root 토큰만 사용 — 새 색을 만들지 않는다
   ══════════════════════════════════════════════════════════════ */

/* ─────────── 공통 : 자리표시자(.ph) 대형 사용 시 품질 보정 ─────────── */

#s6 .v4-bg-thumb, #s6 .v4-f-thumb, #s6 .v4-n-thumb, #s6 .v4-st, #s6 .v4-mk-w, #s6 .v4-mk-av,
#s3 .v4-at,
#s2 .v4-dwi, #s2 .v4-dav{
  position:relative;overflow:hidden;
}
#s6 .v4-bg-thumb::before, #s6 .v4-f-thumb::before, #s6 .v4-n-thumb::before,
#s6 .v4-st::before, #s6 .v4-mk-w::before, #s6 .v4-mk-av::before,
#s3 .v4-at::before,
#s2 .v4-dwi::before, #s2 .v4-dav::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:
    radial-gradient(122% 84% at 20% 8%,rgba(255,255,255,.62) 0%,rgba(255,255,255,0) 56%),
    linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(22,23,29,.06) 100%);
}
#s6 .v4-bg-thumb.dk::before, #s6 .v4-f-thumb.dk::before, #s6 .v4-n-thumb.dk::before,
#s6 .v4-st.dk::before, #s6 .v4-mk-w.dk::before,
#s3 .v4-at.dk::before,
#s2 .v4-dwi.dk::before{
  background:
    radial-gradient(122% 84% at 20% 8%,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 56%),
    linear-gradient(180deg,rgba(255,255,255,0) 58%,rgba(0,0,0,.22) 100%);
}
#s6 .v4-bg-thumb.ph::after, #s6 .v4-f-thumb.ph::after, #s6 .v4-n-thumb.ph::after,
#s6 .v4-st.ph::after, #s6 .v4-mk-w.ph::after, #s6 .v4-mk-av.ph::after,
#s3 .v4-at.ph::after,
#s2 .v4-dwi.ph::after, #s2 .v4-dav.ph::after{
  bottom:auto;top:50%;transform:translateY(-50%);z-index:2;
  padding:0 12px;font-size:11.5px;font-weight:700;letter-spacing:.02em;line-height:1.45;
  color:#9195A8;text-align:center;
}
#s6 .v4-bg-thumb.ph.dk::after, #s6 .v4-f-thumb.ph.dk::after, #s6 .v4-n-thumb.ph.dk::after,
#s6 .v4-st.ph.dk::after, #s6 .v4-mk-w.ph.dk::after,
#s3 .v4-at.ph.dk::after,
#s2 .v4-dwi.ph.dk::after{color:#7B8097}

/* 썸네일 위 제작방식 요약 배지 (좌상단 고정) */
#s6 .v4-tb, #s3 .v4-tb{position:absolute;left:10px;top:10px;z-index:4}

/* 구직 중 표시 (그린 — 브랜드 퍼플 아님) */
#s6 .v4-open, #s2 .v4-open{
  display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;
  border-radius:var(--r-pill);background:#EAF6EE;color:#2A7A4B;
  font-size:11px;font-weight:700;flex:none;white-space:nowrap;
}
#s6 .v4-open i, #s2 .v4-open i{width:5px;height:5px;border-radius:50%;background:#2A7A4B;display:block}

/* 직군 칩 (중립 — 퍼플 미사용) */
#s6 .v4-jc, #s2 .v4-jc{
  display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;
  background:var(--bg-soft);border:1px solid var(--line);
  font-size:11px;font-weight:700;color:#6E7180;
}

/* ══════════════════════════════════════════════════════════════
   화면 6 · 메인
   ══════════════════════════════════════════════════════════════ */

/* ─────────── 히어로 : 세로 높이 축소 (기존 .hero 34px+34px → 20px+16px) ─────────── */
#s6 .v4-hero{padding:20px 0 16px}
#s6 .v4-hero h1{
  font-size:29px;font-weight:800;color:var(--ink);
  letter-spacing:-.035em;line-height:1.28;
}
#s6 .v4-hero p{font-size:14.5px;color:var(--mute);margin-top:7px;line-height:1.55}

/* ─────────── 섹션 헤더 ─────────── */
#s6 .v4-sec{margin-top:38px}
#s6 .v4-sec-first{margin-top:4px}
#s6 .v4-shead{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
#s6 .v4-stitle{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
#s6 .v4-ssub{font-size:12.5px;color:var(--mute);font-weight:600}
#s6 .v4-smore{
  margin-left:auto;display:inline-flex;align-items:center;gap:3px;
  font-size:12.5px;font-weight:700;color:var(--brand);
}
#s6 .v4-smore svg{width:14px;height:14px}
#s6 .v4-smore:hover{color:var(--brand-dk)}

/* ─────────── ★ 벤토 그리드 : 좌 1 대형(2칸 높이) + 우 4 중형 ─────────── */
#s6 .v4-bento{
  display:grid;grid-template-columns:1.42fr 1fr 1fr;
  grid-template-rows:repeat(2,auto);gap:16px;
}

/* 대형 카드 — 썸네일이 카드 전체, 텍스트는 이미지 위 스크림 */
#s6 .v4-bg-card{
  grid-row:1 / span 2;display:flex;flex-direction:column;min-height:430px;
  border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);
  background:#fff;transition:.16s;
}
#s6 .v4-bg-card:hover{
  border-color:var(--line-2);box-shadow:0 12px 34px rgba(22,23,29,.13);transform:translateY(-3px);
}
#s6 .v4-bg-thumb{flex:1;min-height:0;position:relative;border-radius:0}
#s6 .v4-bg-thumb.ph::after{top:34%}
#s6 .v4-bg-thumb .v4-tb{left:15px;top:15px;height:24px;padding:0 10px;font-size:11.5px}
#s6 .v4-bg-scrim{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  padding:56px 22px 20px;color:#fff;
  background:linear-gradient(180deg,rgba(16,17,25,0) 0%,rgba(16,17,25,.62) 48%,rgba(16,17,25,.90) 100%);
}
#s6 .v4-bg-cat{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.72)}
#s6 .v4-bg-scrim h3{
  font-size:26px;font-weight:800;letter-spacing:-.032em;line-height:1.25;
  margin-top:5px;color:#fff;
}
#s6 .v4-bg-by{
  display:flex;align-items:center;gap:8px;margin-top:10px;
  font-size:12.5px;font-weight:600;color:rgba(255,255,255,.80);
}
#s6 .v4-bg-by .v4-dot{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.45);display:block}
#s6 .v4-bg-stat{margin-left:auto;display:flex;gap:12px;font-size:11.5px;color:rgba(255,255,255,.66)}
#s6 .v4-bg-stat span{display:inline-flex;align-items:center;gap:4px}
#s6 .v4-bg-stat svg{width:13px;height:13px}

/* 중형 카드 — 썸네일 16:10 + 캡션 1줄 압축 */
#s6 .v4-f-card{
  display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--line);background:#fff;transition:.16s;
}
#s6 .v4-f-card:hover{
  border-color:var(--line-2);box-shadow:0 8px 24px rgba(22,23,29,.09);transform:translateY(-3px);
}
#s6 .v4-f-thumb{aspect-ratio:16/10;position:relative;flex:none}
#s6 .v4-f-cap{
  display:flex;align-items:baseline;gap:8px;padding:11px 13px 12px;min-height:44px;
}
#s6 .v4-f-cap b{
  font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.022em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none;max-width:56%;
}
#s6 .v4-f-cap span{
  font-size:11.5px;color:var(--mute);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s6 .v4-f-stat{margin-left:auto;flex:none;opacity:0;transition:.16s;font-size:11px;color:#A5A8B5}
#s6 .v4-f-card:hover .v4-f-stat{opacity:1}

/* ─────────── 최신 등록 : 5열 · 썸네일 비중 확대 ─────────── */
#s6 .v4-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}
#s6 .v4-n-card{
  display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;
  border:1px solid var(--line);background:#fff;transition:.16s;
}
#s6 .v4-n-card:hover{
  border-color:var(--line-2);box-shadow:0 8px 22px rgba(22,23,29,.09);transform:translateY(-3px);
}
#s6 .v4-n-thumb{aspect-ratio:16/10;position:relative;flex:none}
#s6 .v4-n-thumb .v4-tb{left:8px;top:8px;height:20px;padding:0 7px;font-size:10.5px}
/* 텍스트 블록 : 기존 3블록(업종+제목+제작사행 ≈92px) → 2줄 ≈50px */
#s6 .v4-n-cap{padding:10px 11px 12px}
#s6 .v4-n-cap b{
  display:block;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.022em;
  line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s6 .v4-n-cap span{
  display:block;margin-top:3px;font-size:11px;color:var(--mute);font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ─────────── 제작방식으로 골라보기 : 대표 썸네일 3장 겹침 ─────────── */
#s6 .v4-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
#s6 .v4-way{
  display:block;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;padding:16px 17px 17px;transition:.16s;
}
#s6 .v4-way:hover{
  border-color:var(--line-2);box-shadow:0 8px 24px rgba(22,23,29,.09);transform:translateY(-3px);
}
#s6 .v4-stack{position:relative;height:152px;margin-bottom:15px}
#s6 .v4-st{
  position:absolute;top:14px;width:52%;aspect-ratio:16/10;
  border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.9);
  box-shadow:0 4px 14px rgba(22,23,29,.12);transition:.22s;
}
#s6 .v4-st:nth-child(1){left:0;transform:rotate(-5deg) translateY(6px);z-index:1}
#s6 .v4-st:nth-child(2){left:24%;transform:rotate(0deg);z-index:3}
#s6 .v4-st:nth-child(3){left:48%;transform:rotate(5deg) translateY(6px);z-index:2}
#s6 .v4-way:hover .v4-st:nth-child(1){transform:rotate(-8deg) translateY(0)}
#s6 .v4-way:hover .v4-st:nth-child(3){transform:rotate(8deg) translateY(0)}
#s6 .v4-st.ph::after{
  bottom:auto;top:50%;transform:translateY(-50%);
  font-size:9.5px;font-weight:700;letter-spacing:0;color:#9195A8;padding:0 6px;line-height:1.4;
}
#s6 .v4-st.ph.dk::after{color:#7B8097}
#s6 .v4-wayfoot{display:flex;align-items:center;gap:8px}
#s6 .v4-wayn{margin-left:auto;font-size:13px;font-weight:800;color:var(--ink)}
#s6 .v4-wayp{font-size:12.5px;color:var(--mute);line-height:1.62;margin-top:9px}

/* ─────────── 이 사람들이 만들었습니다 : 대표 프로젝트 2장 + 사람 정보 ─────────── */
#s6 .v4-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
#s6 .v4-mk{
  display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;background:#fff;transition:.16s;
}
#s6 .v4-mk:hover{
  border-color:var(--line-2);box-shadow:0 8px 24px rgba(22,23,29,.09);transform:translateY(-3px);
}
#s6 .v4-mk-works{display:grid;grid-template-columns:1fr 1fr;gap:2px}
#s6 .v4-mk-w{display:block;aspect-ratio:16/10;position:relative}
#s6 .v4-mk-w.ph::after{font-size:10px;letter-spacing:0;padding:0 8px}
#s6 .v4-mk-body{padding:13px 14px 14px}
#s6 .v4-mk-head{display:flex;align-items:center;gap:9px}
#s6 .v4-mk-av{width:34px;height:34px;border-radius:11px;flex:none;display:block;border:1px solid var(--line)}
#s6 .v4-mk-id{min-width:0;flex:1}
#s6 .v4-mk-id b{
  display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.022em;line-height:1.3;
}
#s6 .v4-mk-id small{
  display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:1px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s6 .v4-mk-bio{
  font-size:12px;color:var(--body);line-height:1.6;margin-top:10px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;
}
#s6 .v4-mk-foot{
  margin-top:11px;padding-top:10px;border-top:1px solid var(--line);
  font-size:11.5px;font-weight:700;color:var(--mute);
}

/* ─────────── 커뮤니티 최신 : 텍스트만 ─────────── */
#s6 .v4-mini{border-top:1px solid var(--line)}
#s6 .v4-mrow{
  display:flex;align-items:center;gap:10px;padding:12px 4px;
  border-bottom:1px solid var(--line);transition:.12s;
}
#s6 .v4-mrow:hover{background:var(--bg-soft)}
#s6 .v4-mtag{
  display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:5px;flex:none;
  background:var(--bg-soft);border:1px solid var(--line);
  font-size:10.5px;font-weight:700;color:#6E7180;
}
#s6 .v4-mt{
  flex:1;min-width:0;font-size:13.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s6 .v4-mrow:hover .v4-mt{color:var(--brand-dk)}
#s6 .v4-mm{flex:none;font-size:11.5px;color:var(--mute);font-weight:600}

/* ─────────── 등록 유도 CTA : 넓은 면적 퍼플 제거, 버튼에만 퍼플 ─────────── */
#s6 .v4-cta{
  display:flex;align-items:center;gap:26px;margin-top:40px;
  padding:28px 30px;border-radius:var(--r-lg);
  background:var(--bg-soft);border:1px solid var(--line);
}
#s6 .v4-cta-t{flex:1;min-width:0}
#s6 .v4-cta-t h3{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.35}
#s6 .v4-cta-t p{font-size:13.5px;color:var(--mute);margin-top:8px;max-width:560px;line-height:1.62}
#s6 .v4-cta-b{flex:none;display:flex;gap:8px}
#s6 .v4-cta-b .btn.ghost{background:#fff}

/* ══════════════════════════════════════════════════════════════
   공통 · 필터/툴바 (#s3 #s2 공용, 높이 축소)
   ══════════════════════════════════════════════════════════════ */

#s3 .v4-lead, #s2 .v4-lead{margin-top:6px}

/* 필터 바 : 기존 .filterbar(18px/22px, 칩 32px) → 12px/14px, 칩 28px */
#s3 .v4-fbar, #s2 .v4-fbar{
  display:flex;flex-direction:column;gap:8px;
  margin-top:16px;padding:12px 0 14px;border-bottom:1px solid var(--line);
}
#s3 .v4-fr, #s2 .v4-fr{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#s3 .v4-flb, #s2 .v4-flb{
  width:58px;flex:none;font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.02em;
}
#s3 .v4-chip, #s2 .v4-chip{
  display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
  font-size:12px;font-weight:600;color:var(--body);transition:.12s;
}
#s3 .v4-chip:hover, #s2 .v4-chip:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s3 .v4-chip.on, #s2 .v4-chip.on{
  background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;
}
#s3 .v4-chip.v4-more, #s2 .v4-chip.v4-more{color:var(--mute);border-style:dashed}
/* 제작방식 칩은 요약 배지 3종 색을 옅게 물려받되, 활성 시엔 브랜드 퍼플 */
#s3 .v4-chip.v4-w-full{border-color:#DED4FA;color:#5B45C8}
#s3 .v4-chip.v4-w-part{border-color:#D3E4F7;color:#2A6BB8}
#s3 .v4-chip.v4-w-human{border-color:#D4EADC;color:#2A7A4B}
#s3 .v4-chip.v4-w-full.on, #s3 .v4-chip.v4-w-part.on, #s3 .v4-chip.v4-w-human.on{
  border-color:var(--brand);color:#fff;
}

/* 툴바 : 건수 · 뷰 전환 · 정렬 */
#s3 .v4-tools, #s2 .v4-tools{display:flex;align-items:center;gap:10px;margin:16px 0 14px}
#s3 .v4-cnt, #s2 .v4-cnt{font-size:13px;color:var(--mute);font-weight:600}
#s3 .v4-cnt b, #s2 .v4-cnt b{color:var(--ink);font-weight:800}
#s3 .v4-sorts, #s2 .v4-sorts{margin-left:auto;display:flex;gap:4px}
#s3 .v4-sorts button, #s2 .v4-sorts button{
  height:30px;padding:0 12px;border-radius:var(--r-pill);
  font-size:12.5px;font-weight:600;color:var(--mute);transition:.12s;
}
#s3 .v4-sorts button:hover, #s2 .v4-sorts button:hover{background:var(--bg-soft);color:var(--body)}
#s3 .v4-sorts button.on, #s2 .v4-sorts button.on{background:var(--ink);color:#fff;font-weight:700}

/* 뷰 전환 토글 (카드 / 크게 보기) */
#s3 .v4-viewsw{
  display:flex;gap:2px;padding:2px;border-radius:var(--r-pill);
  background:var(--field);margin-left:6px;
}
#s3 .v4-viewsw button{
  display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 13px;
  border-radius:var(--r-pill);font-size:12px;font-weight:700;color:var(--mute);transition:.12s;
}
#s3 .v4-viewsw button svg{width:13px;height:13px}
#s3 .v4-viewsw button:hover{color:var(--body)}
#s3 .v4-viewsw button.on{background:#fff;color:var(--brand);box-shadow:0 1px 3px rgba(22,23,29,.10)}

/* ══════════════════════════════════════════════════════════════
   화면 3 · 아카이브 목록 — 5열 → 4열, 썸네일 비중 확대
   ══════════════════════════════════════════════════════════════ */

#s3 .v4-agrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
#s3 .v4-ac{
  display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;background:#fff;transition:.16s;
}
#s3 .v4-ac:hover, #s3 .v4-ac.is-hover{
  border-color:var(--line-2);box-shadow:0 10px 28px rgba(22,23,29,.11);transform:translateY(-3px);
}
#s3 .v4-at{aspect-ratio:16/10;position:relative;flex:none}

/* 호버 오버레이 — JS 없이 :hover 만으로. .is-hover 는 시안용 고정 상태 */
#s3 .v4-ov{
  position:absolute;inset:0;z-index:3;
  display:flex;flex-direction:column;justify-content:center;gap:7px;
  padding:16px 18px;
  background:rgba(20,21,28,.86);
  opacity:0;transition:.16s;
}
#s3 .v4-ac:hover .v4-ov, #s3 .v4-ac.is-hover .v4-ov{opacity:1}
#s3 .v4-ovr{display:flex;align-items:baseline;gap:10px}
#s3 .v4-ovk{
  width:58px;flex:none;font-size:11px;font-weight:700;
  letter-spacing:.02em;color:rgba(255,255,255,.55);
}
#s3 .v4-ovv{
  flex:1;min-width:0;font-size:12px;font-weight:700;color:#fff;line-height:1.5;
}
#s3 .v4-ovb{
  align-self:flex-start;margin-top:8px;
  display:inline-flex;align-items:center;height:26px;padding:0 12px;
  border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.42);
  font-size:11.5px;font-weight:700;color:#fff;
}
#s3 .v4-ac:hover .v4-ovb, #s3 .v4-ac.is-hover .v4-ovb{background:rgba(255,255,255,.10)}

/* 카드 텍스트 : 2줄로 압축 (업종·프로젝트명 / 제작사·지표) */
#s3 .v4-acap{padding:11px 13px 13px}
#s3 .v4-al1{display:flex;align-items:baseline;gap:7px;min-width:0}
#s3 .v4-acat{
  flex:none;font-size:11px;font-weight:700;color:var(--mute);
  max-width:42%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s3 .v4-al1 b{
  flex:1;min-width:0;font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.024em;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s3 .v4-al2{
  display:flex;align-items:center;gap:8px;margin-top:5px;
  font-size:11.5px;font-weight:600;color:var(--mute);
}
#s3 .v4-aby{
  min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s3 .v4-ast{margin-left:auto;flex:none;color:#A5A8B5;font-size:11px}

#s3 .v4-hint{
  margin-top:18px;font-size:11.5px;color:var(--mute);line-height:1.7;
}
#s3 .pager{margin-top:22px}

/* ══════════════════════════════════════════════════════════════
   화면 2 · 사람 디렉토리 — 썸네일이 위, 사람 정보가 아래
   ══════════════════════════════════════════════════════════════ */

#s2 .v4-toggle{
  display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px 0 9px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
  font-size:12.5px;font-weight:600;color:var(--body);transition:.12s;margin-left:6px;
}
#s2 .v4-toggle:hover{border-color:#CFD1DA;background:var(--bg-soft)}
#s2 .v4-tgbox{
  width:16px;height:16px;border-radius:5px;flex:none;
  border:1px solid var(--line-2);background:#fff;display:grid;place-items:center;color:transparent;
}
#s2 .v4-tgbox svg{width:11px;height:11px}
#s2 .v4-toggle.on{border-color:var(--brand);background:var(--brand-lt);color:#4A38B0;font-weight:700}
#s2 .v4-toggle.on .v4-tgbox{background:var(--brand);border-color:var(--brand);color:#fff}

/* 3열 · 카드 하나가 큼직하게 */
#s2 .v4-dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#s2 .v4-dc{
  display:flex;flex-direction:column;border:1px solid var(--line);
  border-radius:var(--r-md);overflow:hidden;background:#fff;transition:.16s;
}
#s2 .v4-dc:hover{
  border-color:var(--line-2);box-shadow:0 10px 28px rgba(22,23,29,.11);transform:translateY(-3px);
}

/* ★ 카드 상단 : 대표 프로젝트 썸네일 3장 가로 (사람 사진보다 먼저) */
#s2 .v4-dw{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;flex:none}
#s2 .v4-dwi{display:block;aspect-ratio:16/10;position:relative}
#s2 .v4-dwi.ph::after{font-size:9.5px;letter-spacing:0;padding:0 6px;line-height:1.4}

/* 카드 하단 : 사람 정보 */
#s2 .v4-db{padding:15px 16px 16px}
#s2 .v4-dh{display:flex;align-items:center;gap:10px}
#s2 .v4-dav{width:40px;height:40px;border-radius:13px;flex:none;display:block;border:1px solid var(--line)}
#s2 .v4-did{flex:1;min-width:0}
#s2 .v4-did b{
  display:block;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.024em;line-height:1.3;
}
#s2 .v4-did small{
  display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:1px;
  font-family:'SF Mono',Consolas,monospace;
}
#s2 .v4-djobs{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:12px}
#s2 .v4-dyr{font-size:11.5px;font-weight:700;color:var(--mute);margin-left:2px}
#s2 .v4-dbio{
  font-size:12.5px;color:var(--body);line-height:1.65;margin-top:11px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:41px;
}
#s2 .v4-df{
  display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;
  border-top:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--mute);
}
#s2 .v4-dmore{margin-left:auto;color:var(--brand);font-weight:700}
#s2 .v4-dc:hover .v4-dmore{color:var(--brand-dk)}

/* 이력 검증 고지 */
#s2 .v4-notice{
  display:flex;align-items:flex-start;gap:10px;margin-top:22px;
  padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--bg-soft);
}
#s2 .v4-nic{flex:none;color:var(--mute);display:block;margin-top:1px}
#s2 .v4-nic svg{width:16px;height:16px}
#s2 .v4-ntx{font-size:12.5px;color:var(--body);line-height:1.7}
#s2 .v4-ntx b{color:var(--ink);font-weight:800;margin-right:5px}
#s2 .pager{margin-top:22px}

/* ══════════════════════════════════════════════════════════════
   반응형 — 다열 그리드만 축소
   ══════════════════════════════════════════════════════════════ */
@media (max-width:1400px){
  #s6 .v4-bento{grid-template-columns:1.42fr 1fr}
  #s6 .v4-bg-card{grid-row:1 / span 2}
  #s6 .v4-grid5{grid-template-columns:repeat(4,1fr)}
  #s6 .v4-grid4{grid-template-columns:repeat(3,1fr)}
  #s3 .v4-agrid{grid-template-columns:repeat(3,1fr)}
  #s2 .v4-dgrid{grid-template-columns:repeat(2,1fr)}
}

/* ===== _css_lg.css ===== */
/* ══════════════════════════════════════════════════════════════════
   _css_lg.css — 법적 필수 화면 4종 (s41 게시중단요청 / s42 이용약관 /
   s43 개인정보처리방침 / s44 개인정보 요청)
   · _TOKENS.css 와 기존 공개 화면 클래스를 그대로 상속한다
   · 신규 클래스는 전부 lg- 접두어. 새 색은 만들지 않는다
   ══════════════════════════════════════════════════════════════════ */

/* ─── 스코프 시맨틱 토큰 (:root 미오염 · 관리자 셸과 동일한 값) ─── */
#s41, #s42, #s43, #s44{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --danger:#C2334D;  --danger-lt:#FDEDF1; --danger-line:#F3CBD5;
  --warn:#A96A00;    --warn-lt:#FFF4E2;   --warn-line:#F2DFBE;
  --info:#2A6BB8;    --info-lt:#E8F3FF;   --info-line:#CFE2F7;
}

/* ══════════ 공통 조각 ══════════ */

.lg-wrap{max-width:960px}
.lg-doc-w{max-width:1120px}

.lg-code{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;
  background:var(--bg-soft);border:1px solid var(--line);font-family:'SF Mono',Consolas,monospace;
  font-size:10.5px;font-weight:700;color:#7B7F90;letter-spacing:0;vertical-align:1px}

.lg-hr{height:1px;background:var(--line);margin:30px 0}
.lg-mt{margin-top:16px}
.lg-mt2{margin-top:14px}

.lg-req{font-size:11.5px;font-weight:700;color:var(--brand)}
.lg-opt{font-size:11.5px;font-weight:700;color:var(--mute)}

/* 초안 경고 배너 (s42 · s43 상단) */
.lg-warnbar{display:flex;gap:11px;align-items:flex-start;padding:14px 17px;border-radius:var(--r-md);
  background:var(--warn-lt);border:1px solid var(--warn-line);margin-bottom:22px}
.lg-warnbar svg{width:17px;height:17px;color:var(--warn);flex:none;margin-top:2px}
.lg-warnbar .lg-wb-t{font-size:13.5px;font-weight:800;color:#7C4E00;letter-spacing:-.02em}
.lg-warnbar .lg-wb-d{font-size:12px;color:#96682B;line-height:1.7;margin-top:5px}
.lg-warnbar .lg-wb-s{font-size:11px;color:#A8834E;line-height:1.6;margin-top:6px}

/* ★ 최상단 강조 밴드 (s41) */
.lg-band{display:flex;gap:15px;align-items:flex-start;padding:20px 22px;border-radius:var(--r-lg);
  background:var(--brand-lt);border:1px solid var(--brand-lt2);margin:20px 0 26px}
.lg-band-ic{width:38px;height:38px;border-radius:12px;background:#fff;flex:none;
  display:grid;place-items:center;border:1px solid var(--brand-lt2)}
.lg-band-ic svg{width:19px;height:19px;color:var(--brand)}
.lg-band-tx{flex:1;min-width:0}
.lg-band-tx b{display:block;font-size:16px;font-weight:800;color:#3E2CA0;letter-spacing:-.025em;line-height:1.4}
.lg-band-tx p{font-size:13px;color:#5D53A0;line-height:1.8;margin-top:8px}
.lg-band-tx p b{display:inline;font-size:13px;color:#4A38B0;font-weight:800}
.lg-band-code{flex:none;align-self:flex-start;font-family:'SF Mono',Consolas,monospace;font-size:10.5px;
  font-weight:700;color:#8776C8;background:#fff;border:1px solid var(--brand-lt2);
  border-radius:var(--r-pill);padding:5px 10px}

/* 두 갈래 안내 카드 */
.lg-fork{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lg-fk{border:1px solid var(--line);border-radius:var(--r-md);padding:17px 18px 16px;background:#fff}
.lg-fk.on{border-color:var(--brand-lt2);background:#FCFBFF;box-shadow:0 0 0 3px var(--brand-lt)}
.lg-fk-h{display:flex;align-items:center;gap:7px}
.lg-fk-h svg{width:16px;height:16px;color:var(--mute)}
.lg-fk.on .lg-fk-h svg{color:var(--brand)}
.lg-fk-h span{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.lg-here{margin-left:auto;height:21px;padding:0 8px;border-radius:5px;background:var(--brand);
  color:#fff;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;letter-spacing:-.01em}
.lg-fk p{font-size:12.5px;color:var(--body);line-height:1.75;margin-top:10px}
.lg-fk p b{font-weight:700;color:var(--ink)}
.lg-fk-m{font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:9px;padding-top:9px;
  border-top:1px dashed var(--line)}
.lg-fk-go{display:inline-flex;align-items:center;gap:5px;margin-top:11px;font-size:12.5px;
  font-weight:700;color:var(--brand)}
.lg-fk-go svg{width:14px;height:14px}

/* ══════════ 폼 조각 ══════════ */

.lg-frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lg-frow.c1{grid-template-columns:1fr}
.lg-f{margin-bottom:0}
.lg-f + .lg-f{margin-top:16px}

.lg-ta{width:100%;min-height:132px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;padding:13px 15px;font:inherit;font-size:13.5px;color:var(--ink);
  line-height:1.75;outline:none;resize:none}
.lg-ta::placeholder{color:#A8ABB8}
.lg-ta:focus{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}

/* 라디오 목록 */
.lg-radios{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.lg-radios.c2{grid-template-columns:1fr 1fr}
.lg-rd{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;cursor:pointer;transition:.12s}
.lg-rd:hover{border-color:#CFD1DA}
.lg-rd.on{border-color:var(--brand);background:#FCFBFF;box-shadow:0 0 0 3px var(--brand-lt)}
.lg-dot{width:16px;height:16px;border-radius:50%;border:1.6px solid var(--line-2);flex:none;margin-top:1px;
  position:relative;background:#fff}
.lg-rd.on .lg-dot{border-color:var(--brand)}
.lg-rd.on .lg-dot::after{content:"";position:absolute;left:3px;top:3px;width:7px;height:7px;
  border-radius:50%;background:var(--brand)}
.lg-rd-b{min-width:0}
.lg-rd-b b{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.lg-rd.on .lg-rd-b b{color:#4A38B0}
.lg-rd-b i{display:block;font-style:normal;font-family:'SF Mono',Consolas,monospace;font-size:10.5px;
  font-weight:700;color:#A8ABB8;margin-top:3px}
.lg-rd-b em{display:block;font-style:normal;font-size:11.5px;color:var(--mute);line-height:1.6;margin-top:6px}

/* 선택 유형에 따라 바뀌는 요구 증빙 안내 */
.lg-reqbox{margin-top:14px;border:1px solid var(--brand-lt2);border-radius:var(--r-md);
  background:var(--brand-lt);padding:16px 18px}
.lg-reqbox-h{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:#4A38B0;
  letter-spacing:-.02em}
.lg-reqbox-h svg{width:15px;height:15px;color:var(--brand)}
.lg-reqbox-h .lg-code{background:#fff;border-color:var(--brand-lt2);color:#7B6CC0}
.lg-reqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--brand-lt2);
  border:1px solid var(--brand-lt2);border-radius:var(--r-sm);overflow:hidden;margin-top:12px}
.lg-reqgrid > div{background:#fff;padding:11px 13px}
.lg-reqgrid .k{font-size:11px;font-weight:800;color:#8776C8;letter-spacing:.02em}
.lg-reqgrid .v{font-size:12.5px;color:var(--body);line-height:1.65;margin-top:5px;font-weight:600}
.lg-reqbox .lg-rb-n{font-size:11.5px;color:#6E64A8;line-height:1.7;margin-top:11px}

/* 대상 URL 확인 */
.lg-urlrow{display:flex;gap:9px;align-items:center}
.lg-urlrow .fld{flex:1}
.lg-target{display:flex;gap:15px;align-items:center;margin-top:13px;padding:14px;
  border:1px solid var(--ok-line);background:var(--ok-lt);border-radius:var(--r-md)}
.lg-target .thumb{width:112px;flex:none;border-radius:var(--r-sm);overflow:hidden}
.lg-target-b{flex:1;min-width:0}
.lg-target-t{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.lg-target-m{font-size:12px;color:#5C7A67;line-height:1.7;margin-top:5px}
.lg-target-m b{color:#2F5C43;font-weight:700}
.lg-target-s{display:flex;gap:5px;margin-top:9px}
.lg-st{height:21px;padding:0 8px;border-radius:5px;background:#fff;border:1px solid var(--ok-line);
  font-size:10.5px;font-weight:700;color:var(--ok);display:inline-flex;align-items:center}
.lg-target-ok{flex:none;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--ok)}
.lg-target-ok svg{width:15px;height:15px}

/* 드래그앤드롭 */
.lg-drop{border:1.5px dashed var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);
  padding:28px 20px;text-align:center}
.lg-drop svg{width:26px;height:26px;color:#A8ABB8}
.lg-drop-t{font-size:13.5px;font-weight:700;color:var(--body);margin-top:9px}
.lg-drop-d{font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:5px}
.lg-drop-b{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:var(--r-pill);
  border:1px solid var(--line-2);background:#fff;font-size:12.5px;font-weight:700;color:var(--body);margin-top:11px}

.lg-files{margin-top:11px;display:flex;flex-direction:column;gap:7px}
.lg-file{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:#fff}
.lg-file svg{width:15px;height:15px;color:var(--mute);flex:none}
.lg-file .n{font-size:12.5px;font-weight:600;color:var(--ink);flex:1;min-width:0}
.lg-file .s{font-size:11.5px;color:var(--mute);font-weight:600}
.lg-file .x{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex:none}
.lg-file .x svg{width:13px;height:13px;color:#A8ABB8}

.lg-evid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}
.lg-evid > div{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 13px;background:#fff}
.lg-evid .t{font-size:11.5px;font-weight:800;color:var(--brand);letter-spacing:-.01em}
.lg-evid .d{font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:6px}

/* ★ 처리 절차 타임라인 */
.lg-tl{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:6px 20px}
.lg-tl-i{display:flex;gap:15px;padding:16px 0;position:relative}
.lg-tl-i + .lg-tl-i{border-top:1px solid var(--line)}
.lg-tl-n{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--bg-soft);border:1px solid var(--line);font-size:11.5px;font-weight:800;color:var(--mute)}
.lg-tl-i.hi .lg-tl-n{background:var(--brand);border-color:var(--brand);color:#fff}
.lg-tl-b{flex:1;min-width:0}
.lg-tl-t{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:var(--ink);
  letter-spacing:-.02em}
.lg-tl-i.hi .lg-tl-t{color:#4A38B0}
.lg-tl-d{font-size:12.5px;color:var(--body);line-height:1.75;margin-top:6px}
.lg-tl-d b{font-weight:700;color:var(--ink)}
.lg-tl-w{flex:none;width:180px;text-align:right;font-size:11.5px;color:var(--mute);
  font-weight:700;line-height:1.6;padding-top:3px}
.lg-tl-w .tbd{font-weight:700}

/* 법적 고지 박스 */
.lg-legal{border:1px solid var(--danger-line);background:var(--danger-lt);border-radius:var(--r-md);
  padding:18px 20px}
.lg-legal-h{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#8E2338;
  letter-spacing:-.02em}
.lg-legal-h svg{width:16px;height:16px;color:var(--danger)}
.lg-legal p{font-size:12.5px;color:#8A4356;line-height:1.85;margin-top:10px}
.lg-legal p b{color:#7A1F33;font-weight:800}
.lg-legal .lg-legal-s{font-size:11.5px;color:#A8697A;line-height:1.7;margin-top:9px}

.lg-chks{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.lg-chk{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1px solid var(--danger-line);
  border-radius:var(--r-sm);background:#fff;cursor:pointer}
.lg-cb{width:17px;height:17px;border-radius:5px;border:1.6px solid var(--line-2);flex:none;
  background:#fff;display:grid;place-items:center;margin-top:1px}
.lg-cb svg{width:11px;height:11px;color:#fff}
.lg-chk.on .lg-cb{background:var(--brand);border-color:var(--brand)}
.lg-chk-t{font-size:12.5px;color:var(--body);line-height:1.7}
.lg-chk-t b{color:var(--ink);font-weight:700}

/* 하단 제출 영역 */
.lg-submit{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);
  padding-top:22px;margin-top:30px}
.lg-submit .lg-sm-t{font-size:12.5px;color:var(--mute);line-height:1.75;max-width:560px}
.lg-submit .lg-sm-t b{color:var(--body);font-weight:700}
.lg-submit .rt{margin-left:auto;display:flex;gap:8px;align-items:center;flex:none}
.lg-lookup{margin-top:16px;display:flex;align-items:center;gap:12px;padding:15px 17px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.lg-lookup svg{width:17px;height:17px;color:var(--brand);flex:none}
.lg-lookup .t{font-size:12.5px;color:var(--body);line-height:1.7;flex:1}
.lg-lookup .t b{color:var(--ink);font-weight:700}

/* 마이페이지 바로가기 (s44) */
.lg-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:13px}
.lg-qk{display:flex;gap:11px;align-items:flex-start;padding:15px 16px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;transition:.12s}
.lg-qk:hover{border-color:var(--brand-lt2);box-shadow:0 6px 20px rgba(22,23,29,.06)}
.lg-qk svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:1px}
.lg-qk .t{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.lg-qk .d{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:5px}

/* ══════════ 정책 문서 레이아웃 (s42 · s43) ══════════ */

.lg-doc{display:grid;grid-template-columns:212px 1fr;gap:40px;align-items:start;margin-top:26px}

.lg-toc{position:sticky;top:20px;border-right:1px solid var(--line);padding-right:18px}
.lg-toc-h{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.04em;margin-bottom:12px}
.lg-toc-g{margin-bottom:14px}
.lg-toc-g > .g{font-size:12px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:6px}
.lg-toc a{display:block;font-size:12px;color:var(--mute);line-height:1.55;padding:5px 0 5px 9px;
  border-left:2px solid transparent}
.lg-toc a:hover{color:var(--body)}
.lg-toc a.on{color:var(--brand);font-weight:700;border-left-color:var(--brand)}

/* 본문 타이포 — 긴 글이 읽히도록 */
.lg-body{min-width:0;font-size:15px;line-height:1.85;color:var(--body)}
.lg-ch{margin-top:44px;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.lg-ch:first-child{margin-top:0}
.lg-ch-n{font-size:11.5px;font-weight:800;color:var(--brand);letter-spacing:.06em}
.lg-ch-t{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-top:5px}

.lg-art{padding:26px 0;border-bottom:1px solid var(--line)}
.lg-art-t{font-size:15.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.5}
.lg-art-t .lg-mark{margin-left:7px;height:20px;padding:0 7px;border-radius:5px;background:var(--brand-lt);
  color:#5B45C8;font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;
  vertical-align:2px;letter-spacing:-.01em}
.lg-art p{font-size:15px;line-height:1.85;color:var(--body);margin-top:12px}
.lg-art p b{color:var(--ink);font-weight:700}
.lg-art ol{margin-top:12px;padding-left:0;list-style:none;counter-reset:lgart}
.lg-art ol li{position:relative;padding-left:26px;font-size:15px;line-height:1.85;color:var(--body);
  margin-top:9px;counter-increment:lgart}
.lg-art ol li::before{content:"(" counter(lgart) ")";position:absolute;left:0;top:0;
  font-size:13px;font-weight:700;color:var(--mute)}
.lg-art ol li b{color:var(--ink);font-weight:700}
.lg-art .lg-art-tbd{font-size:14px;color:#A8ABB8;line-height:1.85;margin-top:12px}
.lg-art .lg-art-n{margin-top:13px;padding:12px 15px;border-radius:var(--r-sm);background:var(--bg-soft);
  border:1px solid var(--line);font-size:12.5px;color:var(--mute);line-height:1.75}
.lg-art .lg-art-n b{color:var(--body);font-weight:700}

.lg-buchik{margin-top:34px;padding:20px 22px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--bg-soft)}
.lg-buchik h4{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.lg-buchik p{font-size:14px;line-height:1.85;color:var(--body);margin-top:10px}

/* 문서 머리 — 버전 · 시행일 · 이력 드롭다운 */
.lg-dochead{display:flex;align-items:flex-end;gap:14px;margin-top:14px;padding-bottom:18px;
  border-bottom:1px solid var(--line)}
.lg-ver{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.lg-vpill{height:26px;padding:0 11px;border-radius:var(--r-pill);background:var(--ink);color:#fff;
  font-size:11.5px;font-weight:800;display:inline-flex;align-items:center;letter-spacing:-.01em}
.lg-vdate{font-size:12.5px;color:var(--mute);font-weight:600}
.lg-vsel{margin-left:auto;flex:none;display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;
  border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;font-size:12.5px;
  font-weight:600;color:var(--body);cursor:pointer}
.lg-vsel svg{width:14px;height:14px;color:var(--mute)}

/* ══════════ 표 ══════════ */

.lg-tblwrap{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.lg-tbl{width:100%;border-collapse:collapse;font-size:13px}
.lg-tbl th{background:var(--bg-soft);text-align:left;padding:11px 14px;font-size:11.5px;font-weight:800;
  color:var(--mute);letter-spacing:.02em;border-bottom:1px solid var(--line);white-space:nowrap}
.lg-tbl td{padding:13px 14px;border-bottom:1px solid var(--line);color:var(--body);line-height:1.7;
  vertical-align:top}
.lg-tbl tr:last-child td{border-bottom:none}
.lg-tbl td b{color:var(--ink);font-weight:700}
.lg-tbl .lg-gr td{background:var(--bg-soft);font-weight:800;color:var(--ink);font-size:12px}
.lg-must{height:20px;padding:0 7px;border-radius:5px;background:var(--brand-lt);color:#5B45C8;
  font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap}
.lg-may{height:20px;padding:0 7px;border-radius:5px;background:var(--bg-soft);border:1px solid var(--line);
  color:var(--mute);font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap}

/* ══════════ 한눈 요약 카드 (s43) ══════════ */

.lg-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.lg-sc{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 17px;background:#fff}
.lg-sc-i{width:32px;height:32px;border-radius:10px;background:var(--brand-lt);display:grid;place-items:center}
.lg-sc-i svg{width:16px;height:16px;color:var(--brand)}
.lg-sc-t{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-top:11px}
.lg-sc-d{font-size:12px;color:var(--body);line-height:1.75;margin-top:7px}
.lg-sc-d b{color:var(--ink);font-weight:700}

/* 크루딧 고유 고지 4종 */
.lg-key{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lg-ky{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--brand-lt2);
  border-radius:var(--r-md);background:#FCFBFF;padding:16px 18px}
.lg-ky svg{width:17px;height:17px;color:var(--brand);flex:none;margin-top:2px}
.lg-ky .t{font-size:13.5px;font-weight:800;color:#3E2CA0;letter-spacing:-.02em;line-height:1.5}
.lg-ky .d{font-size:12.5px;color:#5D53A0;line-height:1.8;margin-top:7px}
.lg-ky .d b{color:#4A38B0;font-weight:800}

/* 권리 행사 · 보호책임자 */
.lg-rights{display:flex;gap:16px;align-items:center;border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 20px;background:var(--bg-soft)}
.lg-rights .b{flex:1;min-width:0}
.lg-rights .t{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.lg-rights .d{font-size:12.5px;color:var(--body);line-height:1.75;margin-top:7px}

.lg-officer{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.lg-of{border:1px solid var(--line);border-radius:var(--r-md);padding:16px 18px;background:#fff}
.lg-of .h{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.03em}
.lg-of .kv{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;
  border-bottom:1px solid var(--line)}
.lg-of .kv:last-child{border-bottom:none}
.lg-of .kv .k{color:var(--mute);font-weight:600}
.lg-of .kv .v{color:var(--ink);font-weight:700;text-align:right}

/* 안전조치 3분할 */
.lg-safe{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lg-sf{border:1px solid var(--line);border-radius:var(--r-md);padding:15px 16px;background:#fff}
.lg-sf .t{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:800;color:var(--ink);
  letter-spacing:-.02em}
.lg-sf .t svg{width:15px;height:15px;color:var(--brand)}
.lg-sf .d{font-size:12px;color:var(--body);line-height:1.75;margin-top:8px}

/* 하단 정책 링크 */
.lg-plinks{display:flex;gap:10px;margin-top:30px}
.lg-pl{flex:1;display:flex;align-items:center;gap:11px;border:1px solid var(--line);
  border-radius:var(--r-md);padding:15px 17px;background:#fff;transition:.12s}
.lg-pl:hover{border-color:var(--brand-lt2);box-shadow:0 6px 20px rgba(22,23,29,.06)}
.lg-pl svg{width:16px;height:16px;color:var(--brand);flex:none}
.lg-pl .t{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;flex:1}
.lg-pl .g{font-size:12px;color:var(--mute);font-weight:600}

/* s44 삭제 안내 강조 박스 */
.lg-delbox{border:1px solid var(--warn-line);background:var(--warn-lt);border-radius:var(--r-md);
  padding:18px 20px}
.lg-delbox-h{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#7C4E00;
  letter-spacing:-.02em}
.lg-delbox-h svg{width:16px;height:16px;color:var(--warn)}
.lg-delbox .lg-db-i{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding-top:12px;
  border-top:1px dashed var(--warn-line)}
.lg-delbox .lg-db-i:first-of-type{border-top:none;padding-top:0}
.lg-delbox .lg-db-n{width:18px;height:18px;border-radius:6px;background:#fff;border:1px solid var(--warn-line);
  flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:var(--warn);margin-top:2px}
.lg-delbox .lg-db-t{font-size:12.5px;color:#8A6420;line-height:1.85}
.lg-delbox .lg-db-t b{color:#6E4300;font-weight:800}

/* 대리인 선택 시 나타나는 추가 요구 안내 */
.lg-agent{margin-top:12px;border:1px solid var(--info-line);background:var(--info-lt);
  border-radius:var(--r-md);padding:15px 17px}
.lg-agent-h{display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:800;color:#1F548F}
.lg-agent-h svg{width:15px;height:15px;color:var(--info)}
.lg-agent .d{font-size:12px;color:#3B6E9E;line-height:1.8;margin-top:8px}
.lg-agent .d b{color:#1F548F;font-weight:800}

/* ===== _css_mp.css ===== */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT MP — 서비스 기본 화면 8종 (s45~s52) 공통 스타일
   기존 :root 토큰(--brand --brand-lt --line --field --r-md --r-pill …)과
   공통 클래스(.btn .chip .badge .fld .flab .fhint .ta .rd .cb .sw .notice
   .panel .kv .two .card .grid .thumb .ph .pager .my-* .fm-* .au-*)를
   상속·재사용한다. 신규 클래스는 전부 mp- 접두어.
   ※ 점수·등급·순위·별점·품질배지·제작비 표기는 일절 두지 않는다.
   ══════════════════════════════════════════════════════════════════ */

/* ─── 화면 전용 시맨틱 토큰 (스코프 한정 · :root 미오염) ─── */
.mp-scope{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --wait:#A96A00;    --wait-lt:#FFF4E2;   --wait-line:#F2DFBE;
  --rej:#C2334D;     --rej-lt:#FDEDF1;    --rej-line:#F3CBD5;
}

/* ══════════════════════════════════════════════════════════════════
   0. 공통 조각
   ══════════════════════════════════════════════════════════════════ */
.mp-scope .ph{display:block}
#s45 .util .av,#s47 .util .av,#s48 .util .av,#s49 .util .av,#s50 .util .av,#s51 .util .av{display:block}

.mp-headrow{display:flex;align-items:flex-start;gap:20px}
.mp-headrow .lt{flex:1;min-width:0}
.mp-headrow .rt{flex:none;display:flex;gap:7px;align-items:center;padding-top:4px}

.mp-mini{height:28px;padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--line-2);
  background:#fff;font-size:12px;font-weight:700;color:var(--body);
  display:inline-flex;align-items:center;gap:5px;transition:.12s}
.mp-mini:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.mp-mini svg{width:12px;height:12px}
.mp-mini.brand{border-color:var(--brand-lt2);background:var(--brand-lt);color:#5B45C8}
.mp-mini.brand:hover{border-color:var(--brand);background:var(--brand-lt2)}
.mp-mini.danger:hover{border-color:var(--rej-line);background:var(--rej-lt);color:var(--rej)}

.mp-pill{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:5px;
  font-size:11px;font-weight:800;letter-spacing:-.01em;flex:none}
.mp-pill svg{width:11px;height:11px}
.mp-pill.del{background:var(--rej-lt);color:var(--rej)}
.mp-pill.keep{background:var(--ok-lt);color:var(--ok)}
.mp-pill.cond{background:var(--wait-lt);color:var(--wait)}
.mp-pill.pick{background:var(--brand-lt);color:#5B45C8}
.mp-pill.mute{background:var(--field);color:#6E7180}

.mp-code{font-family:'SF Mono',Consolas,monospace;font-size:11px;font-weight:700;
  background:var(--field);border-radius:4px;padding:1.5px 6px;color:#6E7180;letter-spacing:0}

.mp-band{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;
  border:1px solid var(--brand-lt2);background:var(--brand-lt);border-radius:var(--r-md)}
.mp-band > svg{width:19px;height:19px;color:var(--brand);flex:none;margin-top:2px}
.mp-band .bt{flex:1;min-width:0}
.mp-band .bt b{display:block;font-size:14px;font-weight:800;color:#4A38B0;letter-spacing:-.02em}
.mp-band .bt p{font-size:12.5px;color:#5D53A0;line-height:1.75;margin-top:6px}
.mp-band .bt p em{font-style:normal;font-weight:800;color:#4A38B0}
.mp-band .bt ul{list-style:none;margin-top:9px;display:flex;flex-direction:column;gap:5px}
.mp-band .bt ul li{position:relative;padding-left:12px;font-size:12px;color:#5D53A0;line-height:1.65}
.mp-band .bt ul li::before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;
  border-radius:50%;background:var(--brand)}
.mp-band .br{flex:none;display:flex;gap:7px;align-items:center}
.mp-band.ok{border-color:var(--ok-line);background:var(--ok-lt)}
.mp-band.ok > svg{color:var(--ok)}
.mp-band.ok .bt b{color:#1F5C39}
.mp-band.ok .bt p{color:#3D6E52}
.mp-band.ok .bt ul li{color:#3D6E52}
.mp-band.ok .bt ul li::before{background:var(--ok)}
.mp-band.warn{border-color:var(--wait-line);background:var(--wait-lt)}
.mp-band.warn > svg{color:var(--wait)}
.mp-band.warn .bt b{color:#8A5A0C}
.mp-band.warn .bt p{color:#8A6417}
.mp-band.warn .bt ul li{color:#8A6417}
.mp-band.warn .bt ul li::before{background:var(--wait)}
.mp-band.rej{border-color:var(--rej-line);background:var(--rej-lt)}
.mp-band.rej > svg{color:var(--rej)}
.mp-band.rej .bt b{color:#7A2C42}
.mp-band.rej .bt p{color:#8C4257}
.mp-band.rej .bt ul li{color:#8C4257}
.mp-band.rej .bt ul li::before{background:var(--rej)}
.mp-band.plain{border-color:var(--line);background:var(--bg-soft)}
.mp-band.plain > svg{color:#A8ABB8}
.mp-band.plain .bt b{color:var(--ink)}
.mp-band.plain .bt p{color:var(--mute)}
.mp-band.plain .bt ul li{color:var(--mute)}
.mp-band.plain .bt ul li::before{background:#CFD2DC}

.mp-tblwrap{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.mp-tbl{width:100%;border-collapse:collapse}
.mp-tbl th{padding:12px 16px;font-size:11.5px;font-weight:800;color:var(--mute);
  text-align:left;background:var(--bg-soft);border-bottom:1px solid var(--line)}
.mp-tbl td{padding:14px 16px;border-bottom:1px solid var(--line);font-size:12.5px;
  color:var(--body);line-height:1.72;vertical-align:top}
.mp-tbl tr:last-child td{border-bottom:none}
.mp-tbl td b{color:var(--ink);font-weight:700}
.mp-tbl td.k{width:236px;font-size:13px;font-weight:700;color:var(--ink)}
.mp-tbl td.k small{display:block;font-size:11px;font-weight:600;color:var(--mute);margin-top:4px;line-height:1.6}
.mp-tbl td.st{width:112px}
.mp-tbl tr.hi td{background:var(--brand-lt)}
.mp-tbl tr.hi td.k{color:#4A38B0}

.mp-sechead{display:flex;align-items:baseline;gap:10px;margin-bottom:13px}
.mp-sechead .cnt{font-size:12.5px;color:var(--mute);font-weight:700}
.mp-sechead .rt{margin-left:auto;display:flex;gap:6px;align-items:center}

/* ══════════════════════════════════════════════════════════════════
   1. s45 · 알림 센터
   ══════════════════════════════════════════════════════════════════ */
#s45 .mp-nflist{border-top:1px solid var(--line);margin-top:18px}
.mp-nf{display:flex;gap:12px;padding:16px 14px 16px 10px;border-bottom:1px solid var(--line);
  background:#fff;transition:.12s;align-items:flex-start}
.mp-nf:hover{background:var(--bg-soft)}
.mp-nf.unread{background:#FCFBFF}
.mp-nf.unread:hover{background:var(--brand-lt)}
.mp-nf .ud{width:7px;height:7px;border-radius:50%;background:var(--brand);flex:none;margin-top:16px}
.mp-nf .ud.off{background:#E4E5EC}
.mp-nf .ic{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;
  background:var(--field);color:#7E8292}
.mp-nf .ic svg{width:18px;height:18px}
.mp-nf .ic.brand{background:var(--brand-lt);color:var(--brand)}
.mp-nf .ic.ok{background:var(--ok-lt);color:var(--ok)}
.mp-nf .ic.warn{background:var(--wait-lt);color:var(--wait)}
.mp-nf .ic.rej{background:var(--rej-lt);color:var(--rej)}
.mp-nf .bd{flex:1;min-width:0}
.mp-nf .bd .tp{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:6px}
.mp-nf .bd .tp .k{font-size:10.5px;font-weight:800;color:var(--mute);letter-spacing:.03em}
.mp-nf .bd p{font-size:13.5px;color:var(--body);line-height:1.72}
.mp-nf .bd p b{color:var(--ink);font-weight:700}
.mp-nf .bd .sub{font-size:12px;color:var(--mute);line-height:1.65;margin-top:5px}
.mp-nf .go{display:inline-flex;align-items:center;gap:5px;margin-top:9px;
  font-size:11.5px;font-weight:800;color:var(--brand)}
.mp-nf .go svg{width:12px;height:12px}
.mp-nf .go .tgt{color:var(--mute);font-weight:600}
.mp-nf .tm{flex:none;width:78px;text-align:right;font-size:11.5px;color:var(--mute);
  font-weight:600;padding-top:11px}
.mp-nf.hot{background:var(--rej-lt);border-bottom-color:var(--rej-line)}
.mp-nf.hot:hover{background:#FCE4EA}
.mp-nf.hot .bd p{color:#8C4257}
.mp-nf.hot .bd p b{color:#7A2C42}
.mp-nf.hot .go{color:var(--rej)}
.mp-nf.hot .tm{color:#A8798A}
.mp-nfbtns{display:flex;gap:6px;align-items:center;margin-top:11px;flex-wrap:wrap}
.mp-nfbtns .hint{font-size:11px;color:var(--mute);font-weight:600;margin-left:3px}
.mp-lock{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px;
  background:var(--field);color:#6E7180;font-size:10.5px;font-weight:800;letter-spacing:-.01em}
.mp-lock svg{width:11px;height:11px}
.mp-nf.hot .mp-lock{background:#fff;color:var(--rej)}

/* 알림 설정 패널 */
.mp-set{margin-top:34px;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;overflow:hidden}
.mp-set-h{display:flex;align-items:center;gap:11px;padding:16px 18px;
  border-bottom:1px solid var(--line);background:var(--bg-soft)}
.mp-set-h svg{width:17px;height:17px;color:var(--brand);flex:none}
.mp-set-h b{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.mp-set-h span{font-size:12px;color:var(--mute);font-weight:600}
.mp-set-h .rt{margin-left:auto;display:flex;gap:7px}
.mp-settbl{width:100%;border-collapse:collapse}
.mp-settbl th{padding:11px 12px;font-size:11px;font-weight:800;color:var(--mute);
  text-align:center;border-bottom:1px solid var(--line);white-space:nowrap}
.mp-settbl th:first-child{text-align:left;padding-left:18px;width:auto}
.mp-settbl th.soon{color:#C2C5D0}
.mp-settbl th.soon em{display:block;font-style:normal;font-size:10px;font-weight:700;
  color:#C2C5D0;margin-top:2px;letter-spacing:0}
.mp-settbl td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:center;font-size:12.5px}
.mp-settbl td:first-child{text-align:left;padding-left:18px}
.mp-settbl tr:last-child td{border-bottom:none}
.mp-settbl td.ev{font-size:13px;font-weight:700;color:var(--ink)}
.mp-settbl td.ev small{display:block;font-size:11px;font-weight:600;color:var(--mute);
  margin-top:4px;line-height:1.6}
.mp-settbl tr.fixed td{background:var(--bg-soft)}
.mp-settbl tr.fixed td.ev{color:var(--body)}
.mp-settbl .sw{display:block;margin:0 auto}
.mp-na{display:inline-block;font-size:12px;font-weight:700;color:#C6C9D4}
.mp-setfoot{padding:14px 18px;border-top:1px solid var(--line);background:var(--bg-soft);
  font-size:11.5px;color:var(--mute);line-height:1.75}
.mp-setfoot b{color:var(--body);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   2. s46 · 비밀번호 재설정
   ══════════════════════════════════════════════════════════════════ */
#s46 .mp-two{display:grid;grid-template-columns:440px 372px;gap:26px;align-items:start;width:100%}
.mp-strength{margin-top:13px}
.mp-seg{display:flex;gap:5px}
.mp-seg i{flex:1;height:6px;border-radius:3px;background:var(--line);display:block}
.mp-seg.lv1 i:nth-child(1){background:var(--rej)}
.mp-seg.lv2 i:nth-child(1),.mp-seg.lv2 i:nth-child(2){background:var(--wait)}
.mp-seg.lv3 i{background:var(--ok)}
.mp-seglab{display:flex;align-items:center;gap:8px;margin-top:8px}
.mp-seglab .l{font-size:11.5px;font-weight:700;color:var(--mute)}
.mp-seglab .v{margin-left:auto;font-size:12px;font-weight:800}
.mp-seglab .v.lv1{color:var(--rej)}
.mp-seglab .v.lv2{color:var(--wait)}
.mp-seglab .v.lv3{color:var(--ok)}
.mp-segnote{font-size:11px;color:var(--mute);line-height:1.7;margin-top:7px}
.mp-expbox{border:1px dashed var(--wait-line);background:var(--wait-lt);border-radius:var(--r-md);
  padding:17px 18px;text-align:center}
.mp-expbox .ei{width:44px;height:44px;border-radius:14px;background:#fff;border:1px solid var(--wait-line);
  display:grid;place-items:center;color:var(--wait);margin:0 auto 12px}
.mp-expbox .ei svg{width:20px;height:20px}
.mp-expbox b{display:block;font-size:14px;font-weight:800;color:#8A5A0C;letter-spacing:-.02em}
.mp-expbox p{font-size:12px;color:#8A6417;line-height:1.72;margin-top:7px}
.mp-expbox .ebtn{margin-top:14px}
.mp-secnote{display:flex;gap:9px;align-items:flex-start;padding:13px 15px;border-radius:var(--r-md);
  background:#fff;border:1px solid var(--line);font-size:11.5px;color:var(--mute);line-height:1.72}
.mp-secnote svg{width:15px;height:15px;color:var(--brand);flex:none;margin-top:2px}
.mp-secnote b{color:var(--body);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   3. s47 · 회원 탈퇴
   ══════════════════════════════════════════════════════════════════ */
#s47 .mp-wrap{max-width:880px}
.mp-prevbox{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
.mp-pv{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);padding:13px 15px}
.mp-pv .lb{font-size:10.5px;font-weight:800;color:var(--mute);letter-spacing:.03em;margin-bottom:8px}
.mp-pv .ln{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-sm);font-size:12px;color:var(--body)}
.mp-pv .ln + .ln{margin-top:6px}
.mp-pv .ln .av{width:20px;height:20px;border-radius:6px;flex:none}
.mp-pv .ln .who{font-weight:700;color:var(--ink)}
.mp-pv .ln .who.anon{color:var(--mute)}
.mp-pv .ln .gone{color:#C6C9D4;font-style:normal}
.mp-warnlist{display:flex;flex-direction:column;gap:8px}
.mp-wr{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff}
.mp-wr .ic{width:32px;height:32px;border-radius:10px;flex:none;display:grid;place-items:center;
  background:var(--field);color:#9CA0AE}
.mp-wr .ic svg{width:15px;height:15px}
.mp-wr .tx{flex:1;min-width:0}
.mp-wr .tx b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.mp-wr .tx p{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:3px}
.mp-wr .n{flex:none;font-size:13px;font-weight:800;color:var(--mute)}
.mp-wr.on{border-color:var(--wait-line);background:var(--wait-lt)}
.mp-wr.on .ic{background:#fff;color:var(--wait)}
.mp-wr.on .tx b{color:#8A5A0C}
.mp-wr.on .tx p{color:#8A6417}
.mp-wr.on .n{color:var(--wait)}
.mp-wr.zero .n{color:#C6C9D4}
.mp-dz{border:1px solid var(--rej-line);background:var(--rej-lt);border-radius:var(--r-md);padding:20px 22px}
.mp-dz .dh{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.mp-dz .dh svg{width:16px;height:16px;color:var(--rej)}
.mp-dz .dh b{font-size:14px;font-weight:800;color:#7A2C42;letter-spacing:-.02em}
.mp-dz p{font-size:12.5px;color:#8C4257;line-height:1.72}
.mp-dz .dfoot{display:flex;align-items:center;gap:9px;margin-top:16px}
.mp-dz .dfoot .hint{font-size:11.5px;color:#A8798A;font-weight:600}
.mp-btn-danger{height:44px;padding:0 22px;border-radius:var(--r-pill);background:var(--rej);color:#fff;
  font-size:13.5px;font-weight:800;display:inline-flex;align-items:center;gap:7px;transition:.12s}
.mp-btn-danger:hover{background:#A72B41}
.mp-btn-danger svg{width:15px;height:15px}
.mp-agree{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;background:#fff;
  border:1px solid var(--rej-line);border-radius:var(--r-md);margin-top:14px;cursor:pointer}
.mp-agree .tt{flex:1;font-size:12.5px;color:var(--body);line-height:1.7}
.mp-agree .tt b{color:var(--ink);font-weight:700}
.mp-reasons{display:flex;flex-direction:column;gap:7px}
.mp-rs{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;font-size:13px;font-weight:600;color:var(--body);cursor:pointer}
.mp-rs:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.mp-rs.on{border-color:var(--brand);background:var(--brand-lt);color:#4A38B0;font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   4. s48 · 내 활동
   ══════════════════════════════════════════════════════════════════ */
.mp-act3{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;overflow:hidden;margin-top:4px}
.mp-act3 .c{padding:16px 18px;border-right:1px solid var(--line)}
.mp-act3 .c:last-child{border-right:none}
.mp-act3 .c .k{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--mute)}
.mp-act3 .c .k svg{width:13px;height:13px;color:#AFB2C0}
.mp-act3 .c .v{font-size:22px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-top:8px}
.mp-act3 .c .v small{font-size:12px;font-weight:700;color:var(--mute);margin-left:3px;letter-spacing:0}
.mp-arow{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  margin-bottom:9px;overflow:hidden;transition:.12s}
.mp-arow:hover{border-color:var(--line-2);box-shadow:0 3px 12px rgba(22,23,29,.05)}
.mp-arow.blindrow{border-color:var(--wait-line)}
.mp-arow.downrow{border-color:var(--rej-line)}
.mp-amain{display:flex;gap:14px;padding:15px 16px;align-items:flex-start}
.mp-arow .ai{flex:1;min-width:0}
.mp-arow .ai h4{font-size:14.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45;display:inline}
.mp-arow .ai .ex{font-size:12.5px;color:var(--mute);line-height:1.65;margin-top:7px}
.mp-ameta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;
  font-size:11.5px;color:var(--mute);font-weight:600}
.mp-ameta .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.mp-ameta .st{display:inline-flex;align-items:center;gap:4px}
.mp-ameta .st svg{width:12px;height:12px;color:#AFB2C0}
.mp-aact{flex:none;display:flex;align-items:center;gap:6px;padding-top:2px}
.mp-ast{display:inline-flex;align-items:center;gap:5px;height:23px;padding:0 9px;border-radius:6px;
  font-size:11px;font-weight:800;flex:none}
.mp-ast i{width:5px;height:5px;border-radius:50%;background:currentColor;display:block}
.mp-ast.pub{background:var(--ok-lt);color:var(--ok)}
.mp-ast.blind{background:var(--wait-lt);color:var(--wait)}
.mp-ast.down{background:var(--rej-lt);color:var(--rej)}
.mp-blindbox{border-top:1px solid var(--wait-line);background:var(--wait-lt);padding:14px 16px}
.mp-blindbox .bh{display:flex;align-items:center;gap:7px;margin-bottom:7px}
.mp-blindbox .bh svg{width:14px;height:14px;color:var(--wait)}
.mp-blindbox .bh b{font-size:12.5px;font-weight:800;color:#8A5A0C}
.mp-blindbox .bh .when{margin-left:auto;font-size:11px;color:#A88C55;font-weight:600}
.mp-blindbox p{font-size:12.5px;color:#8A6417;line-height:1.72}
.mp-blindbox p b{color:#7A5209;font-weight:700}
.mp-blindbox .bfoot{display:flex;align-items:center;gap:8px;margin-top:12px}
.mp-blindbox .bfoot .hint{font-size:11px;color:#A88C55;font-weight:600}
.mp-btn-warn{height:32px;padding:0 14px;border-radius:var(--r-pill);background:var(--wait);color:#fff;
  font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:.12s}
.mp-btn-warn:hover{background:#8A5A0C}
.mp-btn-warn svg{width:13px;height:13px}

/* ══════════════════════════════════════════════════════════════════
   5. s49 · 프로젝트 수정
   ══════════════════════════════════════════════════════════════════ */
#s49 .mp-edit{display:grid;grid-template-columns:1fr 288px;gap:28px;align-items:start;margin-top:24px}
.mp-statechip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:6px;
  background:var(--ok-lt);color:var(--ok);font-size:12px;font-weight:800}
.mp-statechip i{width:6px;height:6px;border-radius:50%;background:currentColor;display:block}
.mp-statechip code{font-family:'SF Mono',Consolas,monospace;font-size:10.5px;font-weight:700;opacity:.8}
.mp-re{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:5px;
  background:var(--wait-lt);color:var(--wait);font-size:10.5px;font-weight:800;letter-spacing:-.01em}
.mp-re svg{width:11px;height:11px}
.mp-re.now{background:var(--ok-lt);color:var(--ok)}
.mp-fgrp{padding:22px 0;border-top:1px solid var(--line)}
.mp-fgrp:first-child{padding-top:0;border-top:none}
.mp-ftit{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.mp-ftit .cnt{font-size:12.5px;font-weight:700;color:var(--mute)}
.mp-ftit .rt{margin-left:auto;display:flex;gap:6px;align-items:center}
.mp-fdesc{font-size:12.5px;color:var(--mute);line-height:1.7;margin-bottom:14px}
.mp-flabrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.mp-flabrow .h3{font-size:13px;font-weight:700;color:var(--ink)}
.mp-flabrow .rt{margin-left:auto;display:flex;gap:6px;align-items:center}
.mp-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mp-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mp-axis{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.mp-ax{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid var(--line)}
.mp-ax:last-child{border-bottom:none}
.mp-ax .nm{width:76px;flex:none;font-size:13px;font-weight:700;color:var(--ink)}
.mp-axsel{display:flex;gap:6px;flex:1;min-width:0}
.mp-axopt{flex:1;height:34px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:#fff;
  font-size:12px;font-weight:700;color:var(--mute);display:inline-flex;align-items:center;
  justify-content:center;transition:.12s}
.mp-axopt:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.mp-axopt.on{border-color:var(--brand);background:var(--brand-lt);color:#5B45C8}
.mp-axfoot{display:flex;align-items:center;gap:10px;padding:13px 14px;background:var(--bg-soft);
  border-top:1px solid var(--line)}
.mp-axfoot .l{font-size:11.5px;font-weight:700;color:var(--mute)}
.mp-axfoot .r{margin-left:auto;font-size:11.5px;color:var(--mute);font-weight:600}
.mp-prt{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;margin-bottom:8px}
.mp-prt .av{width:36px;height:36px;border-radius:11px;flex:none;border:1px solid var(--line)}
.mp-prt .pi{flex:1;min-width:0}
.mp-prt .pi b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.mp-prt .pi b small{font-size:11px;font-weight:600;color:var(--mute);margin-left:6px;
  font-family:'SF Mono',Consolas,monospace;letter-spacing:0}
.mp-prt .pi p{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:4px}
.mp-prt .pr{flex:none;display:flex;align-items:center;gap:6px}
.mp-prt.wait{border-color:var(--wait-line);background:var(--wait-lt)}
.mp-prt.wait .pi p{color:#8A6417}
.mp-prt.me{border-color:var(--brand-lt2);background:var(--brand-lt)}
.mp-prt.me .pi p{color:#5D53A0}
.mp-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}
.mp-hist{display:flex;flex-direction:column}
.mp-hi{padding:12px 0;border-bottom:1px solid var(--line)}
.mp-hi:first-child{padding-top:0}
.mp-hi:last-child{border-bottom:none;padding-bottom:0}
.mp-hi .t{font-size:10.5px;color:var(--mute);font-weight:700;font-family:'SF Mono',Consolas,monospace}
.mp-hi .w{font-size:12.5px;font-weight:700;color:var(--ink);margin-top:4px;line-height:1.5}
.mp-hi .c{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:4px}
.mp-hi .c em{font-style:normal;font-weight:700;color:var(--body)}
.mp-fixbar{display:flex;align-items:center;gap:12px;margin-top:26px;padding:15px 18px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);
  position:sticky;bottom:0;z-index:3}
.mp-fixbar .msg{font-size:12px;color:var(--mute);font-weight:600;line-height:1.6}
.mp-fixbar .msg b{color:var(--body);font-weight:700}
.mp-fixbar .rt{margin-left:auto;display:flex;gap:8px;flex:none}

/* ══════════════════════════════════════════════════════════════════
   6. s50 · 채용공고 등록
   ══════════════════════════════════════════════════════════════════ */
#s50 .mp-jf{display:grid;grid-template-columns:1fr 316px;gap:28px;align-items:start;margin-top:22px}
.mp-fold{display:flex;gap:9px;align-items:flex-start;margin-top:10px;padding:12px 15px;
  border:1px dashed var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);
  font-size:11.5px;color:var(--mute);line-height:1.7}
.mp-fold svg{width:14px;height:14px;color:#AFB2C0;flex:none;margin-top:2px}
.mp-fold b{color:var(--body);font-weight:700}
.mp-lockfld{display:flex;align-items:center;gap:10px;height:50px;border:1px solid var(--line);
  border-radius:var(--r-md);background:var(--field);padding:0 14px}
.mp-lockfld > svg{width:16px;height:16px;color:#A8ABB8;flex:none}
.mp-lockfld .val{flex:1;min-width:0;font-size:13.5px;color:#6E7180;font-weight:600}
.mp-lockfld .lk{flex:none;display:inline-flex;align-items:center;gap:4px;font-size:10.5px;
  font-weight:800;color:#A8ABB8}
.mp-lockfld .lk svg{width:11px;height:11px}
.mp-chk{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;margin-bottom:8px;cursor:pointer;transition:.12s}
.mp-chk:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.mp-chk.on{border-color:var(--ok-line);background:var(--ok-lt)}
.mp-chk .cb.on{background:var(--ok);border-color:var(--ok)}
.mp-chk .tx{flex:1;min-width:0}
.mp-chk .tx b{display:block;font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.01em}
.mp-chk .tx p{font-size:11.5px;color:var(--mute);line-height:1.68;margin-top:4px}
.mp-chk.on .tx p{color:#3D6E52}
.mp-payrow{display:flex;gap:10px;align-items:center}
.mp-payrow .fld{flex:1}
.mp-payrow .sep{font-size:13px;color:var(--mute);font-weight:700;flex:none}
.mp-editor{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;overflow:hidden}
.mp-etool{display:flex;align-items:center;gap:3px;padding:8px 10px;border-bottom:1px solid var(--line);
  background:var(--bg-soft);flex-wrap:wrap}
.mp-etool .eb{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;
  color:#8A8D9A;transition:.12s}
.mp-etool .eb:hover{background:#fff;color:var(--body)}
.mp-etool .eb svg{width:15px;height:15px}
.mp-etool .sp{width:1px;height:18px;background:var(--line-2);margin:0 5px}
.mp-ebody{padding:16px 17px;font-size:13.5px;line-height:1.85;color:var(--body);min-height:210px}
.mp-ebody h5{font-size:14px;font-weight:800;color:var(--ink);margin:16px 0 8px}
.mp-ebody h5:first-child{margin-top:0}
.mp-ebody li{list-style:none;position:relative;padding-left:13px;margin-bottom:5px}
.mp-ebody li::before{content:"";position:absolute;left:0;top:10px;width:4px;height:4px;
  border-radius:50%;background:#CFD2DC}
.mp-jprev{position:sticky;top:20px;display:flex;flex-direction:column;gap:12px}
.mp-jprevh{display:flex;align-items:center;gap:8px}
.mp-jprevh b{font-size:12.5px;font-weight:800;color:var(--mute);letter-spacing:.04em}
.mp-jprevh .live{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;
  border-radius:var(--r-pill);background:var(--ok-lt);color:var(--ok);font-size:10.5px;font-weight:800}
.mp-jprevh .live i{width:5px;height:5px;border-radius:50%;background:var(--ok);display:block}
.mp-jcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:16px 17px}
.mp-jcard .co{display:flex;align-items:center;gap:9px}
.mp-jcard .co .lg{width:34px;height:34px;border-radius:10px;flex:none;border:1px solid var(--line)}
.mp-jcard .co .nm{flex:1;min-width:0;font-size:12.5px;font-weight:800;color:var(--ink)}
.mp-jcard .co .nm .my-verify{margin-left:5px;vertical-align:middle}
.mp-jcard .co .nm small{display:block;font-size:11px;color:var(--mute);font-weight:600;margin-top:3px}
.mp-jcard h4{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
  line-height:1.45;margin-top:12px}
.mp-jcard .tgs{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.mp-jcard .kv2{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);
  display:flex;flex-direction:column;gap:7px}
.mp-jcard .kv2 .r{display:flex;align-items:center;gap:8px;font-size:11.5px}
.mp-jcard .kv2 .r svg{width:13px;height:13px;color:#AFB2C0;flex:none}
.mp-jcard .kv2 .r .k{color:var(--mute);font-weight:600;width:52px;flex:none}
.mp-jcard .kv2 .r .v{color:var(--body);font-weight:700;flex:1;min-width:0}
.mp-jcard .dd{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:5px;
  background:var(--wait-lt);color:var(--wait);font-size:10.5px;font-weight:800}
.mp-prevnote{font-size:11.5px;color:var(--mute);line-height:1.72}
.mp-prevnote b{color:var(--body);font-weight:700}
.mp-flowline{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11.5px;
  color:var(--mute);font-weight:700}
.mp-flowline code{font-family:'SF Mono',Consolas,monospace;font-size:11px;background:var(--field);
  border-radius:4px;padding:2px 7px;color:#6E7180}
.mp-flowline code.on{background:var(--brand-lt);color:#5B45C8}
.mp-flowline svg{width:12px;height:12px;color:#C6C9D4}

/* ══════════════════════════════════════════════════════════════════
   7. s51 · 제작사 인증 신청
   ══════════════════════════════════════════════════════════════════ */
.mp-ben{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mp-bc{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:17px 18px}
.mp-bc .ic{width:38px;height:38px;border-radius:12px;background:var(--brand-lt);color:var(--brand);
  display:grid;place-items:center;margin-bottom:12px}
.mp-bc .ic svg{width:18px;height:18px}
.mp-bc b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.mp-bc p{font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:6px}
.mp-vtabs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mp-vtab{display:flex;gap:11px;align-items:flex-start;padding:15px 16px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;text-align:left;transition:.12s;width:100%}
.mp-vtab:hover{border-color:#CFD1DA;background:var(--bg-soft)}
.mp-vtab.on{border-color:var(--brand);background:var(--brand-lt);box-shadow:0 0 0 3px rgba(124,92,252,.1)}
.mp-vtab .no{width:24px;height:24px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--field);color:var(--mute);font-size:11.5px;font-weight:800}
.mp-vtab.on .no{background:var(--brand);color:#fff}
.mp-vtab .tx{flex:1;min-width:0}
.mp-vtab .tx b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.mp-vtab .tx p{font-size:11.5px;color:var(--mute);line-height:1.68;margin-top:5px}
.mp-vtab.on .tx b{color:#4A38B0}
.mp-vtab.on .tx p{color:#5D53A0}
.mp-up{display:flex;align-items:center;gap:13px;padding:15px 16px;border:1px dashed var(--line-2);
  border-radius:var(--r-md);background:var(--bg-soft);transition:.12s;width:100%;text-align:left}
.mp-up:hover{border-color:var(--brand-lt2);background:var(--brand-lt)}
.mp-up .ui{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:#9CA0AE;flex:none}
.mp-up .ui svg{width:19px;height:19px}
.mp-up .ut{flex:1;min-width:0}
.mp-up .ut b{display:block;font-size:13px;font-weight:700;color:var(--ink)}
.mp-up .ut span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:3px;line-height:1.6}
.mp-flow{display:flex;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:#fff}
.mp-flow .st{flex:1;padding:15px 16px;border-right:1px solid var(--line)}
.mp-flow .st:last-child{border-right:none}
.mp-flow .st .no{display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 8px;
  border-radius:5px;background:var(--field);color:#6E7180;font-size:10.5px;font-weight:800;
  font-family:'SF Mono',Consolas,monospace}
.mp-flow .st b{display:block;font-size:13px;font-weight:800;color:var(--ink);
  letter-spacing:-.02em;margin-top:9px}
.mp-flow .st p{font-size:11.5px;color:var(--mute);line-height:1.68;margin-top:5px}
.mp-flow .st.now{background:var(--brand-lt)}
.mp-flow .st.now .no{background:var(--brand);color:#fff}
.mp-flow .st.now b{color:#4A38B0}
.mp-flow .st.now p{color:#5D53A0}
.mp-flow .st.split{display:flex;flex-direction:column;gap:8px}
.mp-statusbar{display:flex;align-items:center;gap:14px;padding:16px 20px;border:1px solid var(--line);
  border-radius:var(--r-md);background:var(--bg-soft);margin-top:26px}
.mp-statusbar .cur{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--mute);font-weight:600}
.mp-statusbar .cur b{font-size:13px;color:var(--ink);font-weight:800}
.mp-statusbar .rt{margin-left:auto;display:flex;gap:8px}

/* ══════════════════════════════════════════════════════════════════
   8. s52 · 제작사 프로필 (공개)
   ══════════════════════════════════════════════════════════════════ */
.mp-cohero{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:32px 32px 26px}
.mp-cobody{padding:28px 32px 46px}
.mp-cotop{display:flex;gap:22px;align-items:flex-start}
.mp-colg{width:88px;height:88px;border-radius:24px;flex:none;border:1px solid var(--line)}
.mp-coid{flex:1;min-width:0;padding-top:2px}
.mp-coid .nmrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mp-coid h1{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.3}
.mp-vbadge{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:6px;
  background:var(--brand-lt);color:#5B45C8;font-size:12px;font-weight:800;letter-spacing:-.01em}
.mp-vbadge svg{width:13px;height:13px}
.mp-cometa{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:11px;
  font-size:12.5px;color:var(--mute);font-weight:600}
.mp-cometa .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.mp-cometa .lk{display:inline-flex;align-items:center;gap:5px;color:var(--body);font-weight:700}
.mp-cometa .lk svg{width:13px;height:13px;color:#AFB2C0}
.mp-cotag{font-size:14px;color:var(--body);line-height:1.65;margin-top:12px;max-width:660px}
.mp-coact{flex:none;display:flex;gap:7px;align-items:center}
.mp-costats{display:flex;gap:30px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.mp-costat b{display:block;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.mp-costat span{font-size:12px;color:var(--mute);font-weight:600}
.mp-mem{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.mp-mc{display:flex;gap:11px;align-items:center;padding:14px 15px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;transition:.12s}
.mp-mc:hover{border-color:var(--line-2);box-shadow:0 4px 14px rgba(22,23,29,.06)}
.mp-mc .av{width:42px;height:42px;border-radius:13px;flex:none;border:1px solid var(--line)}
.mp-mc .mi{flex:1;min-width:0}
.mp-mc .mi b{display:block;font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.mp-mc .mi b small{font-size:10.5px;font-weight:600;color:var(--mute);margin-left:5px;
  font-family:'SF Mono',Consolas,monospace;letter-spacing:0}
.mp-mc .mi .jb2{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.mp-mc .mi .jb2 span{height:20px;padding:0 7px;border-radius:5px;background:var(--brand-lt);
  color:#5B45C8;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center}
.mp-mc .n{flex:none;text-align:right}
.mp-mc .n b{display:block;font-size:15px;font-weight:800;color:var(--ink)}
.mp-mc .n span{font-size:10.5px;color:var(--mute);font-weight:600}
.mp-jmini{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.mp-jm{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:16px 17px;transition:.12s}
.mp-jm:hover{border-color:var(--brand-lt2);background:var(--brand-lt)}
.mp-jm .top{display:flex;align-items:center;gap:8px}
.mp-jm h4{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;
  line-height:1.45;margin-top:10px}
.mp-jm .jmeta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:9px;
  font-size:11.5px;color:var(--mute);font-weight:600}
.mp-jm .jmeta .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.mp-para{font-size:13.5px;color:var(--body);line-height:1.9}
.mp-para p{margin-bottom:14px}
.mp-para p:last-child{margin-bottom:0}
.mp-para b{color:var(--ink);font-weight:700}
.mp-disc{display:flex;gap:10px;align-items:flex-start;padding:15px 17px;border-radius:var(--r-md);
  background:var(--bg-soft);border:1px solid var(--line);font-size:12px;color:var(--mute);line-height:1.75}
.mp-disc svg{width:16px;height:16px;color:#AFB2C0;flex:none;margin-top:2px}
.mp-disc b{color:var(--body);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   9. 반응형
   ══════════════════════════════════════════════════════════════════ */
@media (max-width:1200px){
  #s46 .mp-two{grid-template-columns:1fr;justify-items:center}
  #s49 .mp-edit{grid-template-columns:1fr}
  #s50 .mp-jf{grid-template-columns:1fr}
  .mp-ben{grid-template-columns:repeat(2,1fr)}
  .mp-mem{grid-template-columns:repeat(2,1fr)}
  .mp-act3{grid-template-columns:repeat(2,1fr)}
  .mp-vtabs{grid-template-columns:1fr}
  .mp-flow{flex-direction:column}
  .mp-flow .st{border-right:none;border-bottom:1px solid var(--line)}
  .mp-flow .st:last-child{border-bottom:none}
}

/* ===== _css_ad2.css ===== */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT v5.0 — 누락 화면 보완 (s53~s59)
   s53 관리자 로그인 / s54 제작사 인증 / s55 채용공고 검수
   s56 광고 관리 / s57 통계 / s58 회원 상세 / s59 광고 문의(공개)

   기존 :root 토큰(--brand --ink --line --r-md …)과 공통 클래스
   (.btn .chip .fld .flab .note .ph .sw .adm-* .q-*)를 그대로 재사용한다.
   기존 클래스는 수정하지 않는다. 신규 클래스는 전부 ad2- 접두어.
   ══════════════════════════════════════════════════════════════════ */

/* ─── 시맨틱 토큰 — .adm 셸 밖에서 쓰는 화면에만 스코프로 심는다 ─── */
#s53,#s59{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --danger:#C2334D;  --danger-lt:#FDEDF1; --danger-line:#F3CBD5;
  --warn:#A96A00;    --warn-lt:#FFF4E2;   --warn-line:#F2DFBE;
  --info:#2A6BB8;    --info-lt:#E8F3FF;   --info-line:#CFE2F7;
  --adm-dk:#1B1C24;  --adm-dk2:#23252F;   --adm-dk3:#2E3040;
  --adm-dkline:#33353F; --adm-dkmute:#8A8DA0;
}

/* 미확정 값 표기 — 본문 안에서 쓰는 경우 */
#s53 .tbd,#s54 .tbd,#s55 .tbd,#s56 .tbd,#s57 .tbd,#s58 .tbd,#s59 .tbd{
  color:var(--brand);font-weight:700}
#s53 .tbd{color:#B79BFF}

/* 공통 소도구 */
.ad2-mono{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;font-weight:600}
.ad2-cl{display:block;font-size:11.5px;font-weight:800;color:var(--mute);margin-bottom:8px;
  letter-spacing:-.01em}
.ad2-cl em{font-style:normal;font-weight:700;color:#B0B3BF;margin-left:5px}
.ad2-ta{border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--field);
  padding:11px 13px;font-size:12px;color:#9A9DAA;line-height:1.7;min-height:66px}
.ad2-mask{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:5px;
  background:var(--field);color:#8A8D9A;font-size:10.5px;font-weight:700;margin-left:6px}
.ad2-in{display:flex;align-items:center;height:40px;padding:0 13px;border:1px solid var(--line-2);
  border-radius:var(--r-sm);background:#fff;font-size:13px;color:var(--ink);font-weight:600}
.ad2-in.mono{font-family:'SF Mono',Consolas,monospace;font-size:12px}
.ad2-fh{font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:7px;font-weight:600}
.ad2-fh b{color:var(--body);font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   s53 · 관리자 로그인 — 다크 풀스크린 + 중앙 카드
   ══════════════════════════════════════════════════════════════════ */
#s53 .ad2-lg{min-height:900px;background:var(--adm-dk);
  background-image:radial-gradient(760px 420px at 50% -8%,#26243A 0%,rgba(27,28,36,0) 72%);
  display:flex;align-items:flex-start;justify-content:center;padding:54px 32px 60px}
.ad2-lgwrap{width:100%;max-width:1140px;display:flex;flex-direction:column;align-items:center}

.ad2-lghead{text-align:center;margin-bottom:22px}
.ad2-lgmark{display:inline-flex;align-items:center;gap:9px;color:#fff;font-size:15px;
  font-weight:800;letter-spacing:-.01em}
.ad2-lgmark svg{width:21px;height:21px;color:#A896FF}
.ad2-lgmark em{font-style:normal;color:#A896FF;font-weight:800}
.ad2-lgenv{display:block;margin-top:9px;font-size:11.5px;color:var(--adm-dkmute);font-weight:600}
.ad2-lghead h1{margin-top:18px;font-size:25px;font-weight:800;color:#fff;letter-spacing:-.03em;
  line-height:1.35}
.ad2-lghead p{font-size:13px;color:#8A8DA0;margin-top:8px;line-height:1.7}

/* 접근 제어 안내 */
.ad2-guard{width:100%;display:flex;align-items:flex-start;gap:13px;padding:16px 20px;
  border:1px solid #3B3352;border-radius:var(--r-md);background:#242236;margin-bottom:22px}
.ad2-guic{width:34px;height:34px;border-radius:11px;background:#332C4D;color:#A896FF;flex:none;
  display:grid;place-items:center}
.ad2-guic svg{width:17px;height:17px}
.ad2-gux{flex:1;min-width:0}
.ad2-gux b{display:block;font-size:13.5px;font-weight:800;color:#EDEBFA;letter-spacing:-.02em;
  line-height:1.5}
.ad2-gux span{display:block;font-size:11.5px;color:#9A93B8;line-height:1.75;margin-top:6px}
.ad2-gutags{display:flex;flex-direction:column;gap:5px;flex:none}
.ad2-gutag{height:22px;padding:0 10px;border-radius:var(--r-pill);background:#332C4D;
  color:#B7ADE0;font-size:10.5px;font-weight:700;display:grid;place-items:center}

/* 3단 카드 */
.ad2-lgrow{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.ad2-lgcol{display:flex;flex-direction:column;gap:10px;min-width:0}
.ad2-lgstep{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;
  color:var(--adm-dkmute);letter-spacing:-.01em}
.ad2-lgstep i{width:20px;height:20px;border-radius:6px;background:#2E3040;color:#9295A8;
  display:grid;place-items:center;font-size:10.5px;font-weight:800;font-style:normal;flex:none}
.ad2-lgstep small{margin-left:auto;font-size:10.5px;font-weight:600;color:#63667A}
.ad2-lgstep.on{color:#C6B8FF}
.ad2-lgstep.on i{background:var(--brand);color:#fff}
.ad2-lgstep.ng{color:#F09BB0}
.ad2-lgstep.ng i{background:#3B2233;color:#F09BB0}

.ad2-lgcard{background:#23252F;border:1px solid #32343F;border-radius:var(--r-lg);
  padding:22px 20px;box-shadow:0 8px 26px rgba(0,0,0,.24)}
.ad2-lgcard.ng{border-color:#4A2A38}

.ad2-lgf{margin-bottom:15px}
.ad2-lgl{display:block;font-size:11.5px;font-weight:800;color:#9295A8;margin-bottom:7px}
.ad2-fld{display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:var(--r-md);
  border:1px solid #3A3C48;background:#1B1C24}
.ad2-ftx{flex:1;min-width:0;font-size:13px;color:#E4E5EC;font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad2-ftx.dot{letter-spacing:.08em;color:#B7BAC8}
.ad2-fbtn{width:26px;height:26px;border-radius:7px;color:#7B7E90;flex:none;display:grid;
  place-items:center;background:#2A2C36}
.ad2-fbtn svg{width:15px;height:15px}
.btn.ad2-lgbtn{width:100%;height:46px;justify-content:center;font-size:13.5px;margin-top:4px}
.ad2-lgnote{font-size:11px;color:#767A8C;line-height:1.75;margin-top:13px}
.ad2-lgnote b{color:#B7BAC8;font-weight:700}
.ad2-lgsub{font-size:11px;color:#767A8C;line-height:1.7;margin-top:9px}
.ad2-lgmini{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;
  border-top:1px solid #32343F;font-size:11px;color:#767A8C;font-weight:600;flex-wrap:wrap}
.ad2-lgmini b{color:#B7BAC8;font-weight:700;font-family:'SF Mono',Consolas,monospace}
.ad2-lgdot{width:3px;height:3px;border-radius:50%;background:#4A4C5C;flex:none}

/* 6자리 코드 */
.ad2-cds{display:flex;gap:7px}
.ad2-cd{flex:1;height:52px;border-radius:var(--r-md);border:1px solid #3A3C48;background:#1B1C24;
  display:grid;place-items:center;font-size:19px;font-weight:800;color:#E4E5EC;
  font-family:'SF Mono',Consolas,monospace}
.ad2-cd.on{border-color:var(--brand);background:#26243A;color:#fff}

.ad2-timer{display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:var(--r-sm);
  background:#2A2231;border:1px solid #4A2A38;margin-bottom:14px}
.ad2-tmic{color:#F09BB0;flex:none;display:grid;place-items:center}
.ad2-tmic svg{width:14px;height:14px}
.ad2-tmt{font-size:12px;font-weight:700;color:#F09BB0}
.ad2-tmt b{font-family:'SF Mono',Consolas,monospace;font-size:13px;font-weight:800}
.ad2-tmn{margin-left:auto;font-size:10.5px;color:#9A7E8C;font-weight:600}

.ad2-lgalt{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:13px;
  font-size:11.5px;color:#767A8C;font-weight:600}
.ad2-lgalt b{color:#B7BAC8;font-weight:700}
.ad2-lglink{font-size:12px;font-weight:700;color:#A896FF}
.ad2-lglink:hover{color:#C6B8FF}

/* 잠금 */
.ad2-lockhd{display:flex;align-items:flex-start;gap:11px;padding-bottom:15px;
  border-bottom:1px solid #32343F;margin-bottom:14px}
.ad2-lockic{width:36px;height:36px;border-radius:12px;background:#3B2233;color:#F09BB0;flex:none;
  display:grid;place-items:center}
.ad2-lockic svg{width:18px;height:18px}
.ad2-lockx{flex:1;min-width:0}
.ad2-lockx b{display:block;font-size:13.5px;font-weight:800;color:#F5D9E0;letter-spacing:-.02em;
  line-height:1.5}
.ad2-lockx span{display:block;font-size:11.5px;color:#A88893;line-height:1.75;margin-top:6px}
.ad2-lockx span b{display:inline;font-size:inherit;color:#F09BB0}

.ad2-trytbl{border:1px solid #32343F;border-radius:var(--r-sm);overflow:hidden}
.ad2-tryhd,.ad2-tryrow{display:grid;grid-template-columns:78px 104px 1fr;gap:7px;
  padding:8px 10px;align-items:center}
.ad2-tryhd{background:#1B1C24;font-size:10.5px;font-weight:800;color:#63667A}
.ad2-tryrow{border-top:1px solid #2C2E38;font-size:11px;color:#9295A8;font-weight:600}
.ad2-tryrow .ad2-mono{font-size:10.5px;color:#7B7E90}
.ad2-tryng{color:#D98CA0;font-weight:700}
.ad2-tryblk{color:#F09BB0;font-weight:800}
.ad2-tryok{color:#7FC49B;font-weight:700}

.ad2-lgfoot{width:100%;margin-top:26px;padding-top:20px;border-top:1px solid #32343F;
  display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}
.ad2-lgfi{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:#767A8C;
  font-weight:600;line-height:1.7}
.ad2-lgfi svg{width:13px;height:13px;color:#5A5D6E;flex:none}
.ad2-lgfi b{color:#B7BAC8;font-weight:700}
.ad2-lgcopy{margin-top:6px;font-size:10.5px;color:#4E5161;font-weight:600}

/* ══════════════════════════════════════════════════════════════════
   s54 · 제작사 인증 / s55 · 채용공고 검수 — 공통 「1건 상세 펼침」
   ══════════════════════════════════════════════════════════════════ */
.ad2-open{margin-top:0;border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);
  background:#fff;box-shadow:0 5px 20px rgba(124,92,252,.07)}
.ad2-openhd{display:flex;align-items:center;gap:9px;padding:13px 17px;
  border-bottom:1px solid var(--line);background:var(--brand-lt);flex-wrap:wrap}
.ad2-openhd svg{width:15px;height:15px;color:var(--brand);flex:none}
.ad2-openhd b{font-size:13.5px;font-weight:800;color:#4A3699;letter-spacing:-.02em}
.ad2-opensub{font-size:11.5px;color:#7A66D8;font-weight:600}
.ad2-openhd .adm-tag{margin-left:auto}
.ad2-opencols{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px}
.ad2-jobcols{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;padding:18px}
.ad2-opencard{min-width:0}
.ad2-opencl{display:flex;align-items:baseline;gap:7px;font-size:11.5px;font-weight:800;
  color:var(--mute);margin-bottom:9px}
.ad2-opencl em{font-style:normal;font-weight:700;color:#B0B3BF}
.ad2-openact{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:16px;
  padding-top:14px;border-top:1px solid var(--line)}

/* 첨부 · 즉시 폐기 */
.ad2-doc{width:100%;height:172px;border-radius:var(--r-sm);border:1px solid var(--line)}
.ad2-docnote{display:flex;gap:8px;align-items:flex-start;margin-top:10px;padding:11px 13px;
  border-radius:var(--r-sm);border:1px solid var(--danger-line);background:var(--danger-lt)}
.ad2-docnote svg{width:14px;height:14px;color:var(--danger);flex:none;margin-top:2px}
.ad2-docnote span{flex:1;min-width:0;font-size:11.5px;color:#A34156;line-height:1.75;font-weight:600}
.ad2-docnote b{color:#8E2038;font-weight:800}

.ad2-verdict{margin-top:14px;padding:13px 15px;border-radius:var(--r-sm);
  border:1px solid var(--warn-line);background:var(--warn-lt)}
.ad2-verdict b{display:block;font-size:12.5px;font-weight:800;color:#7E5000;letter-spacing:-.02em}
.ad2-verdict p{font-size:11.5px;color:#9A6B1E;line-height:1.75;margin-top:6px;font-weight:600}
.ad2-verdict p b{display:inline;font-size:inherit;color:#7E5000}

/* 인증 취소 */
.ad2-cancel{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px 0 4px;
  border-top:1px solid var(--danger-line);margin-top:4px}
.ad2-cancell,.ad2-cancelr{min-width:0}
.ad2-canceln{font-size:11px;color:#A34156;line-height:1.75;margin-top:11px;font-weight:600}
.ad2-canceln b{color:#8E2038;font-weight:800}
.ad2-eff{display:flex;align-items:flex-start;gap:9px;padding:9px 0;
  border-bottom:1px dashed var(--danger-line)}
.ad2-eff:last-of-type{border-bottom:none}
.ad2-effic{width:22px;height:22px;border-radius:7px;background:#fff;border:1px solid var(--danger-line);
  color:var(--danger);flex:none;display:grid;place-items:center}
.ad2-effic svg{width:12px;height:12px}
.ad2-eff>span+span{flex:1;min-width:0;font-size:11.5px;color:#A34156;line-height:1.65;
  font-weight:600}
.ad2-eff>span+span b{color:#8E2038;font-weight:800}
.ad2-eff.off .ad2-effic{border-color:var(--line-2);color:var(--mute)}
.ad2-eff.off>span+span{color:var(--mute)}
.ad2-eff.off>span+span b{color:var(--body)}

/* ── s55 · 인증 배지 · 사람이 볼 것 · 공고 원문 ── */
.ad2-cbadge{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:4px;
  background:var(--ok-lt);color:var(--ok);font-size:10px;font-weight:800;margin-right:4px}
.ad2-cbadge.on{background:var(--brand-lt);color:#5B45C8}
.ad2-cbadge:not(.on){background:#F1F2F6;color:#6E7180}

.ad2-eyes{display:flex;flex-direction:column;gap:9px}
.ad2-eyeit{display:flex;gap:10px;padding:12px 13px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:var(--bg-soft)}
.ad2-eyeit.warn{border-color:var(--warn-line);background:var(--warn-lt)}
.ad2-eyeic{width:24px;height:24px;border-radius:8px;background:#fff;border:1px solid var(--line-2);
  color:var(--mute);flex:none;display:grid;place-items:center}
.ad2-eyeic svg{width:13px;height:13px}
.ad2-eyeit.warn .ad2-eyeic{border-color:var(--warn-line);color:var(--warn)}
.ad2-eyex{flex:1;min-width:0}
.ad2-eyex b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ad2-eyex span{display:block;font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:5px;
  font-weight:600}
.ad2-eyex span b{display:inline;font-size:inherit;color:var(--body)}
.ad2-eyex .ad2-eyeans{display:block;margin-top:8px;font-size:11px;color:var(--ok);font-weight:700}
.ad2-eyex .ad2-eyeans b{display:inline;font-size:inherit;color:var(--ok);font-weight:800}
.ad2-eyex .ad2-eyeans.warn{color:var(--warn)}
.ad2-eyex .ad2-eyeans.warn b{color:#7E5000}

.ad2-prev{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.ad2-prevhd{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.ad2-prevhd b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
  line-height:1.45}
.ad2-prevhd span{display:block;font-size:11.5px;color:var(--mute);font-weight:600;margin-top:5px}
.ad2-prevb{padding:15px 16px 17px}
.ad2-prevb p{font-size:12px;color:var(--body);line-height:1.85}
.ad2-pvh{font-size:11.5px !important;font-weight:800;color:var(--mute);margin-top:13px;
  padding-bottom:5px;border-bottom:1px solid var(--line)}
.ad2-prevb .ad2-pvh:first-child{margin-top:0}
.ad2-pvflag{display:inline-flex;align-items:center;height:17px;padding:0 6px;border-radius:4px;
  background:var(--warn-lt);color:var(--warn);font-size:10px;font-weight:800;margin-left:5px}
.ad2-mk{background:#FFF0C4;color:#7E5000;font-weight:700;border-radius:3px;padding:1px 3px}
.ad2-prevn{font-size:11.5px;color:var(--mute);line-height:1.75;margin-top:11px;font-weight:600}
.ad2-prevn b{color:var(--body);font-weight:700}

/* 유료 상품 자리표시 */
.ad2-off{border:1px dashed var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);
  padding:17px 19px}
.ad2-offhd{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ad2-offhd svg{width:16px;height:16px;color:#A8ABB8;flex:none}
.ad2-offhd b{font-size:13.5px;font-weight:800;color:var(--body);letter-spacing:-.02em}
.ad2-offhd .adm-tag{margin-left:auto}
.ad2-offp{font-size:12px;color:var(--mute);line-height:1.75;margin-top:9px;font-weight:600}
.ad2-offgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:14px}
.ad2-offit{padding:12px 13px;border-radius:var(--r-sm);border:1px solid var(--line);background:#fff;
  opacity:.62}
.ad2-offl{display:block;font-size:11.5px;font-weight:800;color:var(--mute)}
.ad2-offv{display:block;font-size:15px;font-weight:800;color:#B0B3BF;letter-spacing:-.03em;
  margin-top:6px}
.ad2-offn{display:block;font-size:10.5px;color:var(--mute);line-height:1.6;margin-top:6px;
  font-weight:600}

/* ══════════════════════════════════════════════════════════════════
   s56 · 광고 지면 · 소재 관리
   ══════════════════════════════════════════════════════════════════ */
.ad2-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.ad2-slot{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:15px 16px}
.ad2-slot.on{border-color:var(--ok-line);background:var(--ok-lt)}
.ad2-slot.fb{border-color:var(--warn-line);background:var(--warn-lt)}
.ad2-slothd{display:flex;align-items:center;gap:8px}
.ad2-slotcode{font-family:'SF Mono',Consolas,monospace;font-size:12.5px;font-weight:800;
  color:var(--ink);letter-spacing:-.01em}
.ad2-slotst{margin-left:auto;height:21px;padding:0 9px;border-radius:5px;font-size:11px;
  font-weight:800;display:grid;place-items:center;background:#F1F2F6;color:#6E7180}
.ad2-slot.on .ad2-slotst{background:var(--ok);color:#fff}
.ad2-slot.fb .ad2-slotst{background:var(--warn);color:#fff}
.ad2-slotpos{font-size:11.5px;color:var(--body);line-height:1.65;margin-top:9px;font-weight:600;
  min-height:38px}
.ad2-slotnum{display:flex;gap:0;margin-top:10px;padding-top:11px;border-top:1px solid var(--line)}
.ad2-slot.on .ad2-slotnum{border-top-color:var(--ok-line)}
.ad2-slot.fb .ad2-slotnum{border-top-color:var(--warn-line)}
.ad2-slotnum span{flex:1;display:flex;flex-direction:column;gap:3px}
.ad2-slotnum small{font-size:10.5px;color:var(--mute);font-weight:700}
.ad2-slotnum b{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.ad2-slotn{font-size:10.5px;color:var(--mute);line-height:1.65;margin-top:10px;font-weight:600}

.ad2-fbband{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:13px;
  padding:13px 17px;border:1.5px solid var(--warn-line);background:var(--warn-lt);
  border-radius:var(--r-md)}
.ad2-fbband>svg{width:17px;height:17px;color:var(--warn);flex:none}
.ad2-fbx{flex:1;min-width:220px;font-size:12px;color:#9A6B1E;line-height:1.7;font-weight:600}
.ad2-fbx b{color:#7E5000;font-weight:800}

/* 동시 노출 상한 */
.ad2-cap{display:grid;grid-template-columns:1fr 400px;gap:20px;align-items:start}
.ad2-capl,.ad2-capr{min-width:0}
.ad2-capn{display:block;font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.ad2-capn b{color:var(--brand);font-size:20px}
.ad2-capset{display:flex;align-items:center;gap:7px;margin-top:11px;flex-wrap:wrap}
.ad2-capbtn{width:32px;height:32px;border-radius:var(--r-sm);border:1px solid var(--line-2);
  background:#fff;color:var(--body);font-size:15px;font-weight:800;display:grid;place-items:center}
.ad2-capbtn:hover{border-color:var(--brand);color:var(--brand)}
.ad2-capval{width:52px;height:32px;border-radius:var(--r-sm);border:1px solid var(--brand);
  background:var(--brand-lt);color:#4A3699;font-size:14px;font-weight:800;display:grid;
  place-items:center}
.ad2-caphint{font-size:11.5px;color:var(--mute);font-weight:600}
.ad2-capp{font-size:12px;color:var(--mute);line-height:1.75;margin-top:12px;font-weight:600}
.ad2-capp b{color:var(--body);font-weight:700}

.ad2-prio{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;margin-bottom:6px}
.ad2-prio.cut{background:var(--bg-soft);border-style:dashed}
.ad2-prion{width:20px;height:20px;border-radius:6px;background:var(--brand);color:#fff;flex:none;
  display:grid;place-items:center;font-size:11px;font-weight:800}
.ad2-prio.cut .ad2-prion{background:var(--field);color:#9CA0AE}
.ad2-priodrag{width:14px;height:14px;color:#C2C5D0;flex:none}
.ad2-priocode{font-family:'SF Mono',Consolas,monospace;font-size:11.5px;font-weight:800;
  color:var(--ink);flex:none;width:62px}
.ad2-priopos{font-size:11.5px;font-weight:700;color:var(--body);flex:none;width:96px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad2-prion2{flex:1;min-width:0;font-size:10.5px;color:var(--mute);font-weight:600;line-height:1.5}
.ad2-cutn{font-size:11px;color:var(--mute);line-height:1.7;margin-top:9px;font-weight:600}
.ad2-cutn b{color:var(--body);font-weight:700}

/* 소재 등록 폼 */
.ad2-form{display:grid;grid-template-columns:1fr 360px;gap:22px;align-items:start;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:19px 20px}
.ad2-formcol{min-width:0}
.ad2-ff{margin-bottom:17px}
.ad2-ff:last-child{margin-bottom:0}
.ad2-ups{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ad2-up{min-width:0}
.ad2-updrop{width:100%;aspect-ratio:16/6;border-radius:var(--r-sm);
  border:1.5px dashed var(--line-2)}
.ad2-upn{display:block;font-size:10.5px;color:var(--mute);line-height:1.6;margin-top:7px;
  font-weight:600}
.ad2-upn b{color:var(--danger);font-weight:800}
.ad2-dates{display:grid;grid-template-columns:1fr 18px 1fr;gap:7px;align-items:center}
.ad2-dsep{text-align:center;font-size:12px;color:var(--mute);font-weight:700}

.ad2-ckbox{border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);background:var(--brand-lt);
  padding:15px 16px}
.ad2-ckhd{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.ad2-ckhd svg{width:15px;height:15px;color:var(--brand);flex:none}
.ad2-ckhd b{font-size:13px;font-weight:800;color:#4A3699;letter-spacing:-.02em}
.ad2-ckhd .adm-tag{margin-left:auto}
.ad2-ckn{font-size:11px;color:#7A66D8;line-height:1.75;margin-top:11px;font-weight:600}
.ad2-ckn b{color:#4A3699;font-weight:800}
.ad2-formact{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}

/* 금지 사항 */
.ad2-nolist{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.ad2-no{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 11px;
  border-radius:var(--r-pill);background:#fff;border:1px solid var(--danger-line);
  color:var(--danger);font-size:11px;font-weight:700}
.ad2-no svg{width:11px;height:11px}

/* 폴백 설정 */
.ad2-fbwrap{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.ad2-fbit{display:flex;align-items:center;gap:12px;padding:13px 16px;
  border-bottom:1px solid var(--line)}
.ad2-fbit:last-child{border-bottom:none}
.ad2-fbn{width:24px;height:24px;border-radius:8px;background:var(--brand-lt);color:#5B45C8;
  flex:none;display:grid;place-items:center;font-size:11.5px;font-weight:800}
.ad2-fbx2{flex:1;min-width:0}
.ad2-fbx2 b{display:block;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ad2-fbx2 span{display:block;font-size:11.5px;color:var(--mute);line-height:1.65;margin-top:4px;
  font-weight:600}
.ad2-fbst{font-size:11px;font-weight:800;color:var(--mute);flex:none}
.ad2-fbst.on{color:var(--ok)}

/* ══════════════════════════════════════════════════════════════════
   s57 · 통계
   ══════════════════════════════════════════════════════════════════ */
.ad2-period{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.ad2-period>svg{width:15px;height:15px;color:#A8ABB8;flex:none}
.ad2-periodt{flex:1;min-width:220px;font-size:12.5px;color:var(--mute);font-weight:600}
.ad2-periodt b{color:var(--ink);font-weight:800;font-family:'SF Mono',Consolas,monospace}

.ad2-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:16px}
.ad2-kpi{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:15px 15px 14px;
  display:flex;flex-direction:column}
.ad2-kpil{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:-.01em}
.ad2-kpin{font-size:29px;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1.1;
  margin-top:9px;display:inline-flex;align-items:baseline;gap:3px}
.ad2-kpin em{font-style:normal;font-size:13px;font-weight:700;color:var(--mute)}
.ad2-kpid{font-size:11.5px;font-weight:800;margin-top:7px;color:var(--mute)}
.ad2-kpid.up{color:var(--ok)}
.ad2-kpid.down{color:var(--danger)}
.ad2-kpid.flat{color:var(--mute)}
.ad2-kpisub{display:block;font-size:10.5px;color:var(--mute);line-height:1.6;margin-top:9px;
  padding-top:9px;border-top:1px solid var(--line);font-weight:600}

/* 자동 처리 비율 */
.ad2-auto{display:grid;grid-template-columns:1fr 400px;gap:22px;align-items:start;margin-top:24px;
  padding:19px 20px;border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);
  background:var(--brand-lt)}
.ad2-autol,.ad2-autor{min-width:0}
.ad2-autolb{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;
  color:#7A66D8}
.ad2-autolb svg{width:14px;height:14px}
.ad2-autotx{font-size:17.5px;font-weight:700;color:#3B2C7A;letter-spacing:-.03em;line-height:1.6;
  margin-top:10px}
.ad2-autotx b{font-weight:800;color:#2E1F66}
.ad2-auton{font-size:12px;color:#7A66D8;line-height:1.8;margin-top:13px;font-weight:600}
.ad2-auton b{color:#4A3699;font-weight:800}
.ad2-bar{display:flex;gap:3px;height:34px;margin-bottom:13px}
.ad2-barf{flex:none;border-radius:6px 3px 3px 6px;background:var(--brand);display:grid;
  place-items:center}
.ad2-barf b{font-size:11.5px;font-weight:800;color:#fff}
.ad2-barh{flex:1;border-radius:3px 6px 6px 3px;background:#CFC4FB;display:grid;place-items:center}
.ad2-barh b{font-size:11.5px;font-weight:800;color:#4A3699}
.ad2-autorow{display:flex;align-items:center;gap:9px;padding:8px 0;
  border-bottom:1px dashed var(--brand-lt2);font-size:12px;color:#6B5AC4;font-weight:600}
.ad2-autorow span{flex:1;min-width:0}
.ad2-autorow b{flex:none;font-size:12.5px;font-weight:800;color:#3B2C7A}
.ad2-autorow b em{font-style:normal;font-weight:700;color:#7A66D8;margin-left:4px}
.ad2-autorow.sum{border-bottom:none;border-top:1.5px solid var(--brand-lt2);margin-top:3px;
  padding-top:10px}
.ad2-auton2{font-size:11px;color:#7A66D8;line-height:1.7;margin-top:9px;font-weight:600}
.ad2-auton2 b{color:#4A3699;font-weight:800}

/* 검색어 2단 */
.ad2-kwcols{display:grid;grid-template-columns:1fr 1.15fr;gap:22px;align-items:start}
.ad2-kwbox{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  padding:6px 4px;column-count:2;column-gap:0}
.ad2-kwit{display:flex;align-items:center;gap:9px;padding:7px 12px;break-inside:avoid}
.ad2-kwn{width:19px;font-size:10.5px;font-weight:800;color:#B0B3BF;flex:none;text-align:right;
  font-family:'SF Mono',Consolas,monospace}
.ad2-kwt{flex:1;min-width:0;font-size:12px;font-weight:700;color:var(--body);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad2-kwc{flex:none;font-size:11px;color:var(--mute);font-weight:600;
  font-family:'SF Mono',Consolas,monospace}

.ad2-nkbox{border:1.5px solid var(--warn-line);border-radius:var(--r-md);background:var(--warn-lt);
  padding:14px 16px}
.ad2-nkhd{display:flex;gap:8px;align-items:flex-start;padding-bottom:12px;
  border-bottom:1px solid var(--warn-line);margin-bottom:6px}
.ad2-nkhd svg{width:14px;height:14px;color:var(--warn);flex:none;margin-top:3px}
.ad2-nkhd span{flex:1;min-width:0;font-size:11.5px;color:#9A6B1E;line-height:1.75;font-weight:600}
.ad2-nkhd b{color:#7E5000;font-weight:800}
.ad2-nkit{display:flex;align-items:center;gap:10px;padding:8px 0;
  border-bottom:1px dashed var(--warn-line)}
.ad2-nkit:last-of-type{border-bottom:none}
.ad2-nkt{width:130px;flex:none;font-size:12.5px;font-weight:800;color:#7E5000;letter-spacing:-.02em}
.ad2-nkc{width:44px;flex:none;font-size:11px;font-weight:700;color:var(--warn);
  font-family:'SF Mono',Consolas,monospace}
.ad2-nkn{flex:1;min-width:0;font-size:11px;color:#9A6B1E;font-weight:600;line-height:1.6}
.ad2-nkfoot{font-size:11px;color:#9A6B1E;line-height:1.75;margin-top:11px;padding-top:11px;
  border-top:1px solid var(--warn-line);font-weight:600}
.ad2-nkfoot b{color:#7E5000;font-weight:800}

/* 비정상 활동 */
.ad2-abn{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.ad2-abnit{display:flex;align-items:center;gap:11px;padding:13px 16px;
  border-bottom:1px solid var(--line)}
.ad2-abnit:last-child{border-bottom:none}
.ad2-abnic{width:28px;height:28px;border-radius:9px;flex:none;display:grid;place-items:center}
.ad2-abnic svg{width:14px;height:14px}
.ad2-abnic.warn{background:var(--warn-lt);color:var(--warn)}
.ad2-abnic.danger{background:var(--danger-lt);color:var(--danger)}
.ad2-abnx{flex:1;min-width:0}
.ad2-abnx b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ad2-abnx span{display:block;font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:4px;
  font-weight:600}
.ad2-abnx span b{display:inline;font-size:inherit;color:var(--body)}

/* ══════════════════════════════════════════════════════════════════
   s58 · 회원 상세
   ══════════════════════════════════════════════════════════════════ */
.ad2-h1sub{font-size:15px;font-weight:700;color:var(--mute);font-family:'SF Mono',Consolas,monospace;
  letter-spacing:0}
.ad2-kvtbl td{padding:11px 14px}
.ad2-kvl{width:118px;background:var(--bg-soft);font-size:11.5px;font-weight:800;color:var(--mute)}
.ad2-kvtbl tbody tr{cursor:default}
.ad2-kvtbl tbody tr:hover{background:none}
.ad2-maskrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.ad2-inlinenote{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;color:var(--mute);
  font-weight:600;line-height:1.6}
.ad2-inlinenote svg{width:12px;height:12px;color:#B0B3BF;flex:none}
.ad2-inlinenote b{color:var(--body);font-weight:700}

.ad2-trust{display:grid;grid-template-columns:1fr 330px;gap:20px;align-items:stretch;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:17px 18px}
.ad2-trustl{min-width:0}
.ad2-trow{display:flex;align-items:center;gap:10px;padding:11px 0;
  border-bottom:1px dashed var(--line)}
.ad2-trow:last-child{border-bottom:none}
.ad2-tic{width:20px;height:20px;border-radius:6px;background:var(--ok);color:#fff;flex:none;
  display:grid;place-items:center}
.ad2-tic svg{width:12px;height:12px}
.ad2-tlab{width:82px;flex:none;font-size:11.5px;font-weight:800;color:var(--mute)}
.ad2-trow b{flex:none;width:88px;font-size:13.5px;font-weight:800;color:var(--ink);
  letter-spacing:-.02em}
.ad2-tcond{flex:1;min-width:0;font-size:11px;color:var(--mute);font-weight:600}
.ad2-trustr{border-left:1px solid var(--line);padding-left:20px}
.ad2-tvl{display:block;font-size:11.5px;font-weight:800;color:var(--mute)}
.ad2-tv{display:block;font-size:20px;font-weight:800;color:var(--ok);letter-spacing:-.035em;
  margin-top:7px}
.ad2-trustr p{font-size:11.5px;color:var(--mute);line-height:1.8;margin-top:10px;font-weight:600}
.ad2-trustr p b{color:var(--body);font-weight:700}
.ad2-tvn{padding-top:10px;border-top:1px dashed var(--line)}

.ad2-lockband{display:flex;align-items:center;gap:11px;padding:13px 16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.ad2-lockbic{width:28px;height:28px;border-radius:9px;background:var(--ok-lt);color:var(--ok);
  flex:none;display:grid;place-items:center}
.ad2-lockbic svg{width:14px;height:14px}
.ad2-lockbx{flex:1;min-width:0}
.ad2-lockbx b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ad2-lockbx span{display:block;font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:4px;
  font-weight:600}
.ad2-lockbx span b{display:inline;font-size:inherit;color:var(--body)}

.ad2-tlwrap{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:17px 18px}

/* 계정 조치 — .key 톤 강조 */
.ad2-key{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;border-radius:var(--r-sm);
  background:var(--brand-lt);border:1px solid var(--brand-lt2);border-left:3px solid var(--brand);
  margin-bottom:15px}
.ad2-keyic{width:24px;height:24px;border-radius:8px;background:#fff;color:var(--brand);flex:none;
  display:grid;place-items:center}
.ad2-keyic svg{width:13px;height:13px}
.ad2-keyx{flex:1;min-width:0}
.ad2-keyx b{display:block;font-size:12.5px;font-weight:800;color:#4A3699;letter-spacing:-.02em;
  line-height:1.6}
.ad2-keyx span{display:block;font-size:11px;color:#7A66D8;line-height:1.75;margin-top:6px;
  font-weight:600}
#s58 .adm-detail-h>svg{width:15px;height:15px;color:var(--mute);flex:none}
.ad2-acts{display:flex;flex-direction:column;gap:7px}
.btn.ad2-actbtn{width:100%;justify-content:flex-start;gap:8px;height:36px}
.btn.ad2-actbtn svg{width:14px;height:14px}
.ad2-susp{margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}
.ad2-radio2{display:flex;flex-direction:column;gap:7px}
.ad2-rd{display:block;position:relative;padding:10px 12px 10px 34px;border-radius:var(--r-sm);
  border:1px solid var(--line-2);background:#fff;font-size:12px;font-weight:700;color:var(--body);
  line-height:1.5}
.ad2-rd i{position:absolute;left:12px;top:12px;width:14px;height:14px;border-radius:50%;
  border:1.5px solid #CBCEDA;background:#fff}
.ad2-rd.on{border-color:var(--brand);background:var(--brand-lt);color:#4A3699}
.ad2-rd.on i{border-color:var(--brand);border-width:4px}
.ad2-rd small{display:block;font-size:10.5px;font-weight:600;color:var(--mute);margin-top:4px;
  line-height:1.6}
.ad2-rd.on small{color:#7A66D8}
.ad2-suspn{font-size:11px;color:var(--mute);line-height:1.75;margin-top:11px;font-weight:600}
.ad2-suspn b{color:var(--body);font-weight:700;font-family:'SF Mono',Consolas,monospace}

.ad2-memo{display:flex;flex-direction:column;gap:9px;margin-bottom:12px}
.ad2-memoit{padding:11px 13px;border-radius:var(--r-sm);background:var(--bg-soft);
  border:1px solid var(--line)}
.ad2-memoit p{font-size:11.5px;color:var(--body);line-height:1.8;font-weight:600}
.ad2-memom{display:block;font-size:10.5px;color:var(--mute);font-weight:700;margin-top:7px;
  font-family:'SF Mono',Consolas,monospace}

/* ══════════════════════════════════════════════════════════════════
   s59 · 광고 문의 (공개)
   ══════════════════════════════════════════════════════════════════ */
#s59 .content{padding-bottom:40px}

.ad2-aud{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start;
  border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:22px 24px}
.ad2-audl,.ad2-audr{min-width:0}
.ad2-audp{font-size:13.5px;color:var(--body);line-height:1.9}
.ad2-audp b{color:var(--ink);font-weight:700}
.ad2-jobs{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:16px}
.ad2-jobit{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:var(--r-md);
  background:var(--bg-soft);border:1px solid var(--line);font-size:11.5px;color:var(--mute);
  font-weight:600;line-height:1.5}
.ad2-jobit b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.ad2-audr{border-left:1px solid var(--line);padding-left:24px}
.ad2-num{padding:11px 0;border-bottom:1px dashed var(--line)}
.ad2-numl{display:block;font-size:11.5px;font-weight:800;color:var(--mute)}
.ad2-numv{display:block;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.035em;
  margin-top:5px}
.ad2-numn{display:block;font-size:10.5px;color:var(--mute);font-weight:600;margin-top:5px;
  line-height:1.6}
.ad2-numf{font-size:11.5px;color:var(--mute);line-height:1.8;margin-top:13px;font-weight:600}

/* 우리가 하지 않는 것 */
.ad2-never{border:1.5px solid var(--brand);border-radius:var(--r-lg);background:var(--brand-lt);
  padding:24px 26px}
.ad2-neverhd{display:flex;align-items:flex-start;gap:13px}
.ad2-neverhd svg{width:26px;height:26px;color:var(--brand);flex:none;margin-top:2px}
.ad2-neverhd b{font-size:19px;font-weight:800;color:#2E1F66;letter-spacing:-.035em;line-height:1.55}
.ad2-neverp{font-size:13px;color:#6B5AC4;line-height:1.9;margin-top:14px;font-weight:600}
.ad2-neverp b{color:#3B2C7A;font-weight:800}
.ad2-neverls{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}
.ad2-neveri{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;
  border-radius:var(--r-pill);background:#fff;border:1px solid var(--brand-lt2);color:#5B45C8;
  font-size:12px;font-weight:700}
.ad2-neveri svg{width:12px;height:12px}
.ad2-neverf{font-size:12px;color:#7A66D8;line-height:1.8;margin-top:16px;padding-top:14px;
  border-top:1px solid var(--brand-lt2);font-weight:600}
.ad2-neverf b{color:#3B2C7A;font-weight:800}

/* 지면 6종 도식 */
.ad2-slotgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ad2-slotcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  padding:15px 16px 16px;display:flex;flex-direction:column;gap:13px}
.ad2-dg{width:100%;height:126px;border:1px solid var(--line);border-radius:var(--r-sm);
  background:var(--bg-soft);padding:9px;display:flex;flex-direction:column;gap:5px}
.ad2-dgb{height:11px;border-radius:3px;background:#E4E6EE;flex:none}
.ad2-dgb.h{height:8px;width:44%;border-radius:3px;background:#D7DAE4;flex:none}
.ad2-dghero{height:26px;border-radius:4px;flex:none;
  background:linear-gradient(135deg,#E4E7F1 0%,#EDEAF8 100%)}
.ad2-dgg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;flex:1;min-height:0}
.ad2-dgg i{border-radius:3px;background:#E4E6EE}
.ad2-dgg i.ad{background:var(--brand-lt);border:1px dashed var(--brand)}
.ad2-dgl{height:8px;border-radius:2px;background:#E4E6EE;flex:none}
.ad2-dgl.ad{background:var(--brand-lt);border:1px dashed var(--brand);height:10px}
.ad2-dgsplit{display:flex;gap:5px;flex:1;min-height:0}
.ad2-dgsplit i{flex:1;border-radius:3px;background:#E4E6EE}
.ad2-dgsplit b{width:32%;border-radius:3px;background:#E4E6EE}
.ad2-dgsplit b.ad{background:var(--brand-lt);border:1px dashed var(--brand)}
.ad2-dgad{height:19px;border-radius:4px;background:var(--brand-lt);border:1px dashed var(--brand);
  color:#5B45C8;font-size:9px;font-weight:800;display:grid;place-items:center;flex:none;
  letter-spacing:.02em}
.ad2-dgad.thin{height:12px;font-size:7.5px}
.ad2-dgft{height:14px;border-radius:3px;background:#D7DAE4;flex:none;margin-top:auto}
.ad2-slotx{min-width:0}
.ad2-slottop{display:flex;align-items:center;gap:7px}
.ad2-slotform{margin-left:auto;height:20px;padding:0 8px;border-radius:5px;background:var(--field);
  color:#6E7180;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.ad2-slottit{display:block;font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
  margin-top:8px}
.ad2-slotd{font-size:12px;color:var(--mute);line-height:1.75;margin-top:7px;font-weight:600}
.ad2-slotspec{font-size:11px;color:var(--body);font-weight:700;margin-top:9px;padding-top:9px;
  border-top:1px dashed var(--line);line-height:1.6}
.note.ad2-capnote{margin-top:14px;line-height:1.85}

/* 광고 가이드 */
.ad2-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ad2-gcard{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:19px 20px}
.ad2-gic{width:38px;height:38px;border-radius:12px;background:var(--brand-lt);color:var(--brand);
  display:grid;place-items:center;margin-bottom:13px}
.ad2-gic svg{width:19px;height:19px}
.ad2-gic.ng{background:var(--danger-lt);color:var(--danger)}
.ad2-gcard b{display:block;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.ad2-gcard p{font-size:12.5px;color:var(--mute);line-height:1.85;margin-top:9px;font-weight:600}
.ad2-gcard p b{display:inline;font-size:inherit;color:var(--body);font-weight:700}
.ad2-gn{font-size:11.5px !important;padding-top:11px;border-top:1px dashed var(--line);
  margin-top:13px !important}
.ad2-bans{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.ad2-ban{display:inline-flex;align-items:center;height:26px;padding:0 11px;border-radius:var(--r-pill);
  background:var(--danger-lt);border:1px solid var(--danger-line);color:var(--danger);
  font-size:11.5px;font-weight:700}
.ad2-specs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
.ad2-spec{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:var(--r-sm);
  background:var(--bg-soft);border:1px solid var(--line);font-size:11.5px;color:var(--body);
  font-weight:700;font-family:'SF Mono',Consolas,monospace}
.ad2-spec b{font-size:10.5px;font-weight:800;color:var(--mute);font-family:inherit;
  letter-spacing:0;display:block}

/* 문의 폼 */
.ad2-inq{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:start}
.ad2-inqform{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;padding:24px 26px}
.ad2-f2{margin-bottom:18px}
.ad2-f2:last-child{margin-bottom:0}
.ad2-f2 .flab b{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
.ad2-f2row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.ad2-ta.pub{min-height:104px}
.ad2-agree{display:flex;align-items:flex-start;gap:9px;margin-top:20px;padding:13px 15px;
  border-radius:var(--r-md);background:var(--bg-soft);border:1px solid var(--line);
  font-size:11.5px;color:var(--mute);line-height:1.75;font-weight:600}
.ad2-agree b{color:var(--body);font-weight:700}
.ad2-cb{width:17px;height:17px;border-radius:5px;border:1.5px solid #CBCEDA;background:#fff;
  flex:none;margin-top:1px}
.ad2-inqact{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:18px}
.ad2-inqn{font-size:11.5px;color:var(--mute);font-weight:600;line-height:1.6}

.ad2-inqside{display:flex;flex-direction:column;gap:14px;min-width:0}
.ad2-price{border:1.5px solid var(--brand-lt2);border-radius:var(--r-md);background:var(--brand-lt);
  padding:18px 19px}
.ad2-pricel{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;
  color:#7A66D8}
.ad2-pricel svg{width:13px;height:13px}
.ad2-price b{display:block;font-size:15.5px;font-weight:800;color:#2E1F66;letter-spacing:-.03em;
  margin-top:9px;line-height:1.45}
.ad2-price p{font-size:12px;color:#6B5AC4;line-height:1.85;margin-top:9px;font-weight:600}
.ad2-price p b{display:inline;font-size:inherit;color:#3B2C7A;margin-top:0}
.ad2-pricen{padding-top:10px;border-top:1px dashed var(--brand-lt2)}

.ad2-contact{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:17px 18px}
.ad2-contactl{display:block;font-size:11.5px;font-weight:800;color:var(--mute);margin-bottom:11px}
.ad2-crow{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px dashed var(--line);
  font-size:12px;color:var(--mute);font-weight:600}
.ad2-crow svg{width:14px;height:14px;color:#A8ABB8;flex:none}
.ad2-crow b{color:var(--ink);font-weight:700}
.ad2-contactn{font-size:11px;color:var(--mute);line-height:1.8;margin-top:11px;font-weight:600}

.ad2-flow2{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);
  padding:17px 18px}
.ad2-flowl{display:block;font-size:11.5px;font-weight:800;color:var(--mute);margin-bottom:11px}
.ad2-fst{display:flex;align-items:flex-start;gap:9px;padding:8px 0}
.ad2-fst i{width:20px;height:20px;border-radius:6px;background:#fff;border:1px solid var(--line-2);
  color:var(--mute);flex:none;display:grid;place-items:center;font-size:10.5px;font-weight:800;
  font-style:normal}
.ad2-fst span{flex:1;min-width:0;font-size:11px;color:var(--mute);font-weight:600;line-height:1.6}
.ad2-fst b{display:block;font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;
  margin-bottom:3px}

/* ===== _css_st.css ===== */
/* ══════════════════════════════════════════════════════════════
   크루딧 v5.0 — 상태 화면(st-) · 모바일(m2-) 전용 스타일
   #s60 에러·시스템 상태 / #s61 빈 상태
   #s62 모바일 아카이브 / #s63 모바일 프로젝트 상세
   #s64 모바일 커뮤니티 / #s65 모바일 글쓰기
   ※ 기존 .mob-* 클래스는 재사용만 하고 수정하지 않는다
   ══════════════════════════════════════════════════════════════ */

/* ────────── 공통 · 상태 화면 헤더 ────────── */
.st-lead{margin-top:8px;max-width:760px;line-height:1.7}
.st-lead b{color:var(--body);font-weight:700}

.st-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px}
.st-lg{display:flex;gap:9px;align-items:flex-start;border:1px solid var(--line);
       border-radius:var(--r-md);background:var(--bg-soft);padding:13px 14px}
.st-lgn{width:19px;height:19px;flex:none;border-radius:50%;background:var(--brand);color:#fff;
        font-size:11px;font-weight:800;display:grid;place-items:center;margin-top:1px}
.st-lg p{font-size:12px;color:var(--mute);line-height:1.65}
.st-lg p b{color:var(--ink);font-weight:700}

/* ────────── 비교용 카드 그리드 ────────── */
.st-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px;align-items:start}
.st-grid.st-g2{gap:18px}
.st-card{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;overflow:hidden;
         display:flex;flex-direction:column}
.st-card.st-w2{grid-column:span 2}
.st-card.st-c-adm{border-color:#CFE6D9}

.st-lab{display:flex;align-items:center;gap:9px;padding:11px 16px;background:var(--bg-soft);
        border-bottom:1px solid var(--line)}
.st-lab b{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.st-code{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;
         background:var(--ink);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em;flex:none}
.st-code.st-c-warn{background:var(--warn,#A96A00)}
.st-code.st-c-err{background:var(--danger,#C2334D)}
.st-code.st-c-ok{background:var(--ok,#2A7A4B)}
.st-code.st-c-plain{background:var(--brand);}
.st-en{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--mute);letter-spacing:.02em;
       font-family:'SF Mono',Consolas,monospace}

/* ────────── 상태 화면 본문 (실물) ────────── */
.st-view{padding:34px 26px 28px;text-align:center;display:flex;flex-direction:column;
         align-items:center;flex:1}
.st-vars{display:grid;grid-template-columns:1fr 1fr}
.st-vars .st-vhalf{text-align:center;position:relative;padding-top:44px}
.st-vars .st-vhalf + .st-vhalf{border-left:1px solid var(--line)}
.st-vtag{position:absolute;left:0;right:0;top:0;padding:9px 0;background:var(--brand-lt);
         color:#5B45C8;font-size:11px;font-weight:800;letter-spacing:-.01em}

.st-ico{width:52px;height:52px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--line);
        display:grid;place-items:center;color:#A2A5B4;margin-bottom:16px}
.st-ico svg{width:24px;height:24px}
.st-ico.st-i-warn{background:var(--warn-lt,#FFF4E2);border-color:var(--warn-line,#F2DFBE);color:var(--warn,#A96A00)}
.st-ico.st-i-err{background:var(--danger-lt,#FDEDF1);border-color:var(--danger-line,#F3CBD5);color:var(--danger,#C2334D)}
.st-ico.st-i-ok{background:var(--ok-lt,#EAF6EE);border-color:var(--ok-line,#CFE6D9);color:var(--ok,#2A7A4B)}

.st-t{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.4}
.st-d{margin-top:9px;font-size:13px;color:var(--mute);line-height:1.75;max-width:420px}
.st-d b{color:var(--body);font-weight:700}

.st-search{display:flex;align-items:center;gap:9px;width:100%;max-width:420px;margin-top:18px;
           height:48px;padding:0 8px 0 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);
           background:#fff}
.st-search:focus-within{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}
.st-search > svg{width:17px;height:17px;color:#A8ABB8;flex:none}
.st-search input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
                 font-size:13px;color:var(--ink)}
.st-search input::placeholder{color:#A8ABB8}

.st-acts{width:100%;max-width:420px;margin-top:16px;display:flex;flex-direction:column;gap:7px}
.st-act{display:flex;align-items:center;gap:11px;text-align:left;padding:12px 13px;
        border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:.12s}
.st-act:hover{border-color:var(--brand-lt2);background:var(--brand-lt)}
.st-actico{width:34px;height:34px;flex:none;border-radius:10px;background:var(--bg-soft);
           display:grid;place-items:center;color:var(--brand)}
.st-actico svg{width:16px;height:16px}
.st-actt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.st-actt b{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.st-actt small{font-size:11.5px;color:var(--mute);line-height:1.5}
.st-actgo{flex:none;color:#BFC2CD}
.st-actgo svg{width:15px;height:15px}

.st-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:18px}

.st-meta{margin-top:16px;font-size:11.5px;color:var(--mute);line-height:1.7}
.st-meta code{font-family:'SF Mono',Consolas,monospace;font-size:11px;background:var(--field);
              padding:2px 6px;border-radius:5px;color:var(--body)}
.st-meta a{color:var(--brand);font-weight:700}

.st-quiet{width:100%;max-width:420px;margin-top:18px;border:1px solid var(--line);
          border-radius:var(--r-md);background:var(--bg-soft);padding:4px 14px}
.st-qrow{display:flex;justify-content:space-between;gap:14px;padding:9px 0;font-size:12.5px;
         border-bottom:1px solid var(--line);text-align:left}
.st-qrow:last-child{border-bottom:none}
.st-qrow .k{color:var(--mute);font-weight:600;flex:none}
.st-qrow .v{color:var(--ink);font-weight:600;text-align:right}
.st-qrow .v code{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:var(--danger,#C2334D)}

/* 410 — 왜 404가 아닌가 */
.st-why{display:flex;gap:11px;align-items:flex-start;margin:0;padding:15px 18px 17px;
        border-top:1px solid var(--line);background:var(--brand-lt)}
.st-whyi{width:26px;height:26px;flex:none;border-radius:8px;background:#fff;display:grid;
         place-items:center;color:var(--brand);margin-top:1px}
.st-whyi svg{width:14px;height:14px}
.st-why p{font-size:12px;color:#5B5E70;line-height:1.75;text-align:left}
.st-why p b{color:#4C3FA8;font-weight:700}

/* 500 — 오류 코드 */
.st-errbox{display:flex;align-items:center;gap:10px;width:100%;max-width:420px;margin-top:18px;
           padding:12px 12px 12px 15px;border:1px solid var(--danger-line,#F3CBD5);
           border-radius:var(--r-md);background:var(--danger-lt,#FDEDF1)}
.st-elab{font-size:11.5px;font-weight:800;color:var(--danger,#C2334D);letter-spacing:.02em;flex:none}
.st-ecode{flex:1;text-align:left;font-family:'SF Mono',Consolas,monospace;font-size:13.5px;
          font-weight:700;color:var(--ink);letter-spacing:.01em}
.st-ehint{margin-top:10px;max-width:420px;font-size:12px;color:var(--mute);line-height:1.7}
.st-ehint b{color:var(--body);font-weight:700}

/* 점검 — 법적 창구 */
.st-hot{display:flex;gap:12px;align-items:flex-start;width:100%;max-width:440px;margin-top:18px;
        padding:15px 16px;border:1px solid var(--brand-lt2);border-radius:var(--r-md);
        background:var(--brand-lt);text-align:left}
.st-hoti{width:30px;height:30px;flex:none;border-radius:9px;background:#fff;display:grid;
         place-items:center;color:var(--brand)}
.st-hoti svg{width:16px;height:16px}
.st-hotx{flex:1;min-width:0}
.st-hotx b{display:block;font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em;
           line-height:1.5}
.st-hotx p{margin-top:6px;font-size:12px;color:#5F6274;line-height:1.7}
.st-hotx .btn{margin-top:11px}

/* 하단 설계 노트 */
.st-note{display:flex;gap:11px;align-items:flex-start;margin-top:26px;padding:16px 18px;
         border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--r-md);
         background:var(--bg-soft)}
.st-note svg{width:17px;height:17px;flex:none;color:var(--brand);margin-top:2px}
.st-note p{font-size:12.5px;color:var(--body);line-height:1.8}
.st-note p b{color:var(--ink);font-weight:700}

/* ────────── #s61 빈 상태 ────────── */
.st-empty{display:flex;flex-direction:column;align-items:center;width:100%}
.st-empty.st-e-slim{padding:14px 0 10px}
.st-eico{width:60px;height:60px;border-radius:50%;background:var(--bg-soft);border:1px solid var(--line);
         display:grid;place-items:center;color:#AEB1BE;margin-bottom:15px}
.st-eico svg{width:26px;height:26px}
.st-eico.st-i-ok{background:var(--ok-lt,#EAF6EE);border-color:var(--ok-line,#CFE6D9);color:var(--ok,#2A7A4B)}
.st-et{font-size:16.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.45}
.st-et .st-q{color:var(--brand);font-weight:800}
.st-ed{margin-top:9px;font-size:12.5px;color:var(--mute);line-height:1.75;max-width:400px}
.st-ed b{color:var(--body);font-weight:700}
.st-ebtns{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:16px}
.st-emeta{margin-top:13px;font-size:11.5px;color:var(--mute);line-height:1.7;max-width:400px}
.st-emeta b{color:var(--body);font-weight:700}

/* 02 검색 — 오타 교정 · 인기 검색어 */
.st-fix{display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:8px 14px;
        border:1px solid var(--brand-lt2);border-radius:var(--r-pill);background:var(--brand-lt)}
.st-fixl{font-size:11.5px;color:#6A6D80;font-weight:600}
.st-fixq{font-size:13px;font-weight:800;color:var(--brand);letter-spacing:-.02em;
         border-bottom:1px solid var(--brand-lt2)}
.st-fixn{font-size:11px;color:var(--mute);font-weight:600}
.st-pop{width:100%;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.st-popl{display:block;font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.03em;
         margin-bottom:9px}
.st-pop .chiprow{justify-content:center}
.st-pop .chip{height:29px;font-size:12px}

/* 03 필터 칩 */
.st-fchips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.st-fc{display:inline-flex;align-items:center;gap:5px;height:29px;padding:0 6px 0 11px;
       border-radius:var(--r-pill);background:var(--brand);color:#fff;font-size:12px;font-weight:700}
.st-fx{width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.24);display:grid;
       place-items:center}
.st-fx svg{width:10px;height:10px}

/* 04 게시판 주제 예시 */
.st-topics{width:100%;max-width:400px;margin-top:15px;display:flex;flex-direction:column;gap:6px}
.st-topl{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.03em;margin-bottom:2px}
.st-topic{display:block;text-align:left;padding:10px 13px;border:1px dashed var(--line-2);
          border-radius:var(--r-sm);background:var(--bg-soft);font-size:12.5px;color:var(--body);
          font-weight:600;line-height:1.5;transition:.12s}
.st-topic:hover{border-color:var(--brand-lt2);background:var(--brand-lt);color:#5B45C8}

/* 05 등록 → 이력 흐름 */
.st-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:15px}
.st-fstep{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;
          border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg-soft);
          font-size:12px;font-weight:700;color:var(--body)}
.st-fstep i{width:16px;height:16px;border-radius:50%;background:var(--brand);color:#fff;
            font-style:normal;font-size:10px;font-weight:800;display:grid;place-items:center}
.st-farr{color:#C4C7D2}
.st-farr svg{width:14px;height:14px}

/* 06 이력 만들기 2분기 */
.st-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:420px;margin-top:15px}
.st-tcard{display:flex;flex-direction:column;gap:5px;text-align:left;padding:13px 14px;
          border:1px solid var(--line);border-radius:var(--r-md);background:#fff;transition:.12s}
.st-tcard:hover{border-color:var(--brand-lt2);background:var(--brand-lt)}
.st-tcard b{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.st-tcard span{font-size:11.5px;color:var(--mute);line-height:1.6}

/* 08 관리자 큐 요약 */
.st-sum{width:100%;max-width:420px;margin-top:16px;border:1px solid var(--ok-line,#CFE6D9);
        border-radius:var(--r-md);background:var(--ok-lt,#EAF6EE);padding:4px 14px}
.st-srow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12.5px;
         border-bottom:1px solid rgba(42,122,75,.14)}
.st-srow:last-child{border-bottom:none}
.st-srow .k{color:#4C6B58;font-weight:600}
.st-srow .v{color:#20603A;font-weight:800}

/* ══════════════════════════════════════════════════════════════
   모바일 공통 (m2-)
   ══════════════════════════════════════════════════════════════ */
#s62 .mob-body,#s63 .mob-body,#s64 .mob-body,#s65 .mob-body{padding-bottom:26px}

.m2-head{padding-top:16px}
.m2-h1{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.3;
       margin-top:2px}
.m2-lead{font-size:12.5px;color:var(--mute);line-height:1.7;margin-top:7px}

.m2-swipe{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;
          padding:2px 16px 2px 0;margin-right:-16px;scrollbar-width:none}
.m2-swipe::-webkit-scrollbar{height:0}
.m2-chip{flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:5px;height:31px;
         padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
         font-size:12px;font-weight:600;color:var(--body);white-space:nowrap}
.m2-chip.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
.m2-chip.m2-w-full.on{background:#5B45C8;border-color:#5B45C8}
.m2-chip.m2-w-part.on{background:#2A6BB8;border-color:#2A6BB8}
.m2-chip.m2-w-human.on{background:#2A7A4B;border-color:#2A7A4B}

.m2-sec{margin-top:26px}
.m2-sh{display:flex;align-items:center;gap:8px;margin-bottom:11px}
.m2-h2{font-size:15.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
.m2-scnt{font-size:11.5px;color:var(--mute);font-weight:700;margin-left:auto}
.m2-sd{font-size:11.5px;color:var(--mute);line-height:1.6;margin:-5px 0 10px}

.m2-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:46px;
         margin-top:16px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:#fff;
         font-size:13px;font-weight:700;color:var(--body)}
.m2-more svg{width:15px;height:15px;color:var(--mute)}

.m2-wide{width:100%;justify-content:center;margin-top:11px}

/* ────────── #s62 모바일 아카이브 목록 ────────── */
#s62 .m2-fbar{margin-top:16px;padding:14px 0 15px;border-top:1px solid var(--line);
              border-bottom:1px solid var(--line)}
#s62 .m2-frow{display:flex;align-items:center;gap:9px}
#s62 .m2-frow + .m2-frow{margin-top:8px}
#s62 .m2-flb{width:52px;flex:none;font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.02em}
#s62 .m2-fbtn{display:flex;align-items:center;gap:7px;width:100%;height:40px;margin-top:12px;
              padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line-2);
              background:var(--bg-soft);font-size:12.5px;font-weight:700;color:var(--body)}
#s62 .m2-fbtn > svg{width:15px;height:15px;color:var(--brand)}
#s62 .m2-fbtn > svg:last-child{margin-left:auto;color:var(--mute)}
#s62 .m2-fnum{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;
              border-radius:var(--r-pill);background:var(--brand);color:#fff;font-size:10.5px;
              font-weight:800}
#s62 .m2-fhint{margin-top:8px;font-size:11px;color:var(--mute);line-height:1.6}

#s62 .m2-tools{display:flex;align-items:center;gap:10px;margin-top:16px}
#s62 .m2-cnt{font-size:12.5px;color:var(--mute);font-weight:600}
#s62 .m2-cnt b{color:var(--ink);font-weight:800;font-size:14px}
#s62 .m2-sorts{margin-left:auto;display:flex;gap:3px}
#s62 .m2-sorts button{height:30px;padding:0 12px;border-radius:var(--r-pill);font-size:12px;
                      font-weight:600;color:var(--mute)}
#s62 .m2-sorts button.on{background:var(--ink);color:#fff;font-weight:700}

.m2-alist{display:flex;flex-direction:column;gap:20px;margin-top:16px}
.m2-ac{display:block}
.m2-at{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--r-md);
       border:1px solid var(--line);overflow:hidden}
.m2-tb{position:absolute;left:9px;top:9px;z-index:2}
.m2-acap{padding:11px 2px 0}
.m2-a1{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mute);font-weight:600}
.m2-acat{font-weight:700;color:var(--body)}
.m2-atyp{font-weight:600}
.m2-adot{width:3px;height:3px;border-radius:50%;background:#C9CCD6;flex:none}
.m2-anm{margin-top:5px;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
        line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
        overflow:hidden}
.m2-a2{display:flex;align-items:center;gap:8px;margin-top:8px}
.m2-aby{font-size:11.5px;font-weight:700;color:var(--body)}
.m2-ast{margin-left:auto;font-size:11px;color:var(--mute);font-weight:600}

/* ────────── #s63 모바일 프로젝트 상세 ────────── */
#s63 .m2-subbar{display:flex;align-items:center;gap:4px;padding:10px 0 12px}
#s63 .m2-back{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 11px 0 7px;
              border-radius:var(--r-pill);background:var(--bg-soft);font-size:12.5px;font-weight:700;
              color:var(--body)}
#s63 .m2-back svg{width:15px;height:15px}
#s63 .m2-ib{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--mute)}
#s63 .m2-ib:last-of-type{margin-right:-4px}
#s63 .m2-ib + .m2-ib{margin-left:0}
#s63 .m2-ib svg{width:17px;height:17px}
#s63 .m2-subbar .m2-ib:first-of-type{margin-left:auto}

#s63 .m2-hero{position:relative;width:100%;aspect-ratio:16/10;border-radius:var(--r-md);
              border:1px solid var(--line);overflow:hidden}

#s63 .m2-phead{padding:16px 0 4px;border-bottom:1px solid var(--line)}
#s63 .m2-pnm{font-size:21px;font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.35}
#s63 .m2-pmeta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:10px}
#s63 .m2-pj{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;
            background:var(--field);color:#6E7180;font-size:11px;font-weight:700}
#s63 .m2-pdate{font-size:11px;color:var(--mute);font-weight:600}
#s63 .m2-purl{margin-top:9px;font-size:12px;color:var(--brand);font-weight:700;
              font-family:'SF Mono',Consolas,monospace}
#s63 .m2-visit{width:100%;justify-content:center;height:46px;margin-top:14px}
#s63 .m2-pstat{display:flex;gap:14px;margin:13px 0 16px;font-size:11.5px;color:var(--mute);
               font-weight:600}

#s63 .m2-axis{border:1px solid var(--line);border-radius:var(--r-md);padding:6px 14px 12px;
              background:#fff}
#s63 .m2-arow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
#s63 .m2-an{width:52px;flex:none;font-size:12px;font-weight:700;color:var(--ink)}
#s63 .m2-al{flex:1;font-size:11.5px;color:var(--mute);font-weight:600}
#s63 .m2-am{display:flex;gap:3px;flex:none}
#s63 .m2-am i{width:22px;height:7px;border-radius:3px;background:var(--line)}
#s63 .m2-am i.on{background:var(--brand)}
#s63 .m2-alegend{display:flex;justify-content:space-between;padding-top:10px;font-size:10px;
                 color:#B0B3BF;font-weight:700}
#s63 .m2-report{display:flex;align-items:center;gap:6px;margin-top:11px;font-size:11.5px;
                color:var(--mute);font-weight:600}
#s63 .m2-report svg{width:13px;height:13px}

#s63 .m2-toolchips .m2-chip{background:var(--bg-soft);border-color:var(--line)}
#s63 .m2-kvs{margin-top:12px;border:1px solid var(--line);border-radius:var(--r-md);padding:2px 14px}
#s63 .m2-kv{display:flex;justify-content:space-between;gap:12px;padding:9px 0;font-size:12.5px;
            border-bottom:1px solid var(--line)}
#s63 .m2-kv:last-child{border-bottom:none}
#s63 .m2-kv .k{color:var(--mute);font-weight:600}
#s63 .m2-kv .v{color:var(--ink);font-weight:700}

#s63 .m2-mems{border-top:1px solid var(--line)}
#s63 .m2-mem{display:flex;align-items:center;gap:11px;padding:11px 2px;
             border-bottom:1px solid var(--line)}
#s63 .m2-mav{width:38px;height:38px;border-radius:12px;flex:none;border:1px solid var(--line)}
#s63 .m2-mtx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#s63 .m2-mtx b{font-size:13px;font-weight:700;color:var(--ink)}
#s63 .m2-mtx small{font-size:11px;color:var(--mute);font-weight:600}
#s63 .m2-mgo{color:#C4C7D2;flex:none}
#s63 .m2-mgo svg{width:15px;height:15px}
#s63 .m2-note2{margin-top:10px;font-size:11px;color:var(--mute);line-height:1.65}

#s63 .m2-long{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
              max-height:420px;overflow-y:auto}
#s63 .m2-seg{width:100%;aspect-ratio:9/13}
#s63 .m2-seg + .m2-seg{border-top:1px solid rgba(255,255,255,.5)}

#s63 .m2-desc{font-size:13px;color:var(--body);line-height:1.85}
#s63 .m2-desc + .m2-desc{margin-top:11px}

#s63 .m2-quotes{display:flex;flex-direction:column;gap:8px}
#s63 .m2-quote{display:block;padding:13px 14px;border:1px solid var(--line);border-radius:var(--r-md);
               background:var(--bg-soft)}
#s63 .m2-quote b{display:block;margin-top:7px;font-size:13px;font-weight:700;color:var(--ink);
                 letter-spacing:-.02em;line-height:1.5}
#s63 .m2-qm{display:block;margin-top:7px;font-size:11px;color:var(--mute);font-weight:600}
#s63 .m2-takedown{display:block;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);
                  text-align:center;font-size:11.5px;color:var(--mute);font-weight:600}

#s63 .m2-barib{flex:none;width:auto;min-width:62px;padding:0 12px;gap:5px;color:var(--body)}
#s63 .m2-barib svg{width:16px;height:16px}

.m2-qtag{display:inline-flex;align-items:center;height:21px;padding:0 8px;border-radius:5px;
         background:var(--brand-lt);color:#5B45C8;font-size:11px;font-weight:700}

/* ────────── #s64 모바일 커뮤니티 ────────── */
#s64 .m2-bwrap{margin-top:18px;padding:14px 0 15px;border-top:1px solid var(--line);
               border-bottom:1px solid var(--line)}
#s64 .m2-bgh{display:flex;align-items:center;gap:7px;margin-bottom:9px}
#s64 .m2-bgh.m2-bgai{margin-top:14px}
#s64 .m2-bglb{font-size:11.5px;font-weight:800;color:var(--ink);letter-spacing:.01em}
#s64 .m2-bgn{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;
             border-radius:var(--r-pill);background:var(--field);color:var(--mute);font-size:10.5px;
             font-weight:800}
#s64 .m2-bgall{margin-left:auto;display:inline-flex;align-items:center;gap:2px;font-size:11.5px;
               font-weight:700;color:var(--brand)}
#s64 .m2-bgall svg{width:13px;height:13px}
#s64 .m2-bgnote{margin-left:auto;font-size:10.5px;color:var(--mute);font-weight:600}
#s64 .m2-swipe + .m2-swipe{margin-top:6px}
#s64 .m2-bch{flex:none;display:inline-flex;align-items:center;gap:5px;height:31px;padding:0 12px;
             border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
             font-size:12px;font-weight:600;color:var(--body);white-space:nowrap}
#s64 .m2-bch i{font-style:normal;font-size:10.5px;font-weight:800;color:#B0B3BF}
#s64 .m2-bch.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}
#s64 .m2-bch.on i{color:rgba(255,255,255,.62)}
#s64 .m2-bch.m2-ai{border-color:var(--brand-lt2);background:var(--brand-lt);color:#5B45C8}
#s64 .m2-bch.m2-ai i{color:#9887E0}
#s64 .m2-bhint{margin-top:10px;font-size:11px;color:var(--mute);line-height:1.6}

#s64 .m2-feat{display:block;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;
              background:#fff}
#s64 .m2-fthumb{width:100%;aspect-ratio:16/9}
#s64 .m2-ftx{padding:13px 14px 15px}
#s64 .m2-ftx h3{margin-top:8px;font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.025em;
                line-height:1.45}
#s64 .m2-ftx p{margin-top:7px;font-size:12.5px;color:var(--mute);line-height:1.7;
               display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#s64 .m2-fm{display:block;margin-top:10px;font-size:11px;color:var(--mute);font-weight:600}

#s64 .m2-plist{border-top:1px solid var(--line)}
#s64 .m2-prow{display:block;padding:14px 2px;border-bottom:1px solid var(--line)}
#s64 .m2-prow b{display:block;margin-top:7px;font-size:14px;font-weight:700;color:var(--ink);
                letter-spacing:-.02em;line-height:1.5}
#s64 .m2-psum{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
              margin-top:5px;font-size:12px;color:var(--mute);line-height:1.6}
#s64 .m2-pm{display:block;margin-top:8px;font-size:11px;color:var(--mute);font-weight:600}

#s64 .m2-gate{display:flex;flex-wrap:wrap;align-items:center;gap:11px;margin:4px 0;padding:15px 15px;
              border:1px solid var(--brand-lt2);border-radius:var(--r-md);background:var(--brand-lt)}
#s64 .m2-gico{width:32px;height:32px;flex:none;border-radius:10px;background:#fff;display:grid;
              place-items:center;color:var(--brand)}
#s64 .m2-gico svg{width:16px;height:16px}
#s64 .m2-gtx{flex:1;min-width:150px}
#s64 .m2-gtx b{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.5}
#s64 .m2-gtx p{margin-top:5px;font-size:11.5px;color:#6A6D80;line-height:1.65}
#s64 .m2-gbtns{display:flex;gap:6px;width:100%}
#s64 .m2-gbtns .btn{flex:1;justify-content:center}
#s64 .m2-gbtns .btn.ghost{background:#fff}

#s64 .m2-fab{position:sticky;bottom:88px;z-index:7;float:right;margin-right:16px;
             display:inline-flex;align-items:center;gap:6px;height:46px;padding:0 20px;
             border-radius:var(--r-pill);background:var(--brand);color:#fff;font-size:13.5px;
             font-weight:700;box-shadow:0 8px 22px rgba(124,92,252,.34)}
#s64 .m2-fab svg{width:16px;height:16px}

/* ────────── #s65 모바일 글쓰기 ────────── */
#s65 .mob-body{padding-bottom:0}
#s65 .m2-wtop{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:10px;
              height:50px;margin:0 -16px;padding:0 16px;background:rgba(255,255,255,.97);
              border-bottom:1px solid var(--line)}
#s65 .m2-wcancel{font-size:13px;font-weight:600;color:var(--mute)}
#s65 .m2-wtitle{flex:1;text-align:center;font-size:14.5px;font-weight:800;color:var(--ink);
                letter-spacing:-.02em}
#s65 .m2-wsubmit{height:32px;padding:0 15px;border-radius:var(--r-pill);background:var(--brand);
                 color:#fff;font-size:13px;font-weight:700}

#s65 .m2-sheet{margin:16px -16px 0;padding:8px 16px 18px;border-top:1px solid var(--line);
               border-bottom:1px solid var(--line);background:var(--bg-soft);
               border-radius:18px 18px 0 0}
#s65 .m2-shandle{display:block;width:38px;height:4px;border-radius:2px;background:#D3D6E0;
                 margin:0 auto 12px}
#s65 .m2-shead{display:flex;align-items:center;gap:8px}
#s65 .m2-shead b{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.025em}
#s65 .m2-sreq{font-size:11px;font-weight:700;color:var(--brand)}
#s65 .m2-sclose{margin-left:auto;width:28px;height:28px;border-radius:50%;display:grid;
                place-items:center;color:var(--mute);background:#fff}
#s65 .m2-sclose svg{width:14px;height:14px}
#s65 .m2-sdesc{margin-top:6px;font-size:11.5px;color:var(--mute);line-height:1.6}

#s65 .m2-sgrp{display:flex;align-items:center;gap:6px;margin:15px 0 7px;font-size:11px;
              font-weight:800;color:var(--mute);letter-spacing:.04em}
#s65 .m2-sgrp span{display:inline-grid;place-items:center;min-width:16px;height:16px;padding:0 4px;
                   border-radius:var(--r-pill);background:#E4E6EE;color:#767A8C;font-size:10px;
                   font-weight:800}
#s65 .m2-sgrp.m2-sai{color:#5B45C8}
#s65 .m2-sgrp.m2-sai span{background:var(--brand-lt2);color:#5B45C8}

#s65 .m2-sitems{display:flex;flex-direction:column;gap:5px}
#s65 .m2-sit{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);
             border-radius:var(--r-md);background:#fff}
#s65 .m2-sit.on{border-color:var(--brand);background:var(--brand-lt);
                box-shadow:0 0 0 2px var(--brand-lt2)}
#s65 .m2-sit.m2-sitai{border-style:dashed}
#s65 .m2-sico{width:30px;height:30px;flex:none;border-radius:9px;background:var(--field);
              display:grid;place-items:center;color:var(--mute)}
#s65 .m2-sit.on .m2-sico{background:#fff;color:var(--brand)}
#s65 .m2-sico svg{width:15px;height:15px}
#s65 .m2-stx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
#s65 .m2-stx b{font-size:13px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
#s65 .m2-stx small{font-size:11px;color:var(--mute);line-height:1.5}
#s65 .m2-srd{width:17px;height:17px;flex:none;border-radius:50%;border:1.5px solid var(--line-2);
             background:#fff}
#s65 .m2-srd.on{border-color:var(--brand);border-width:5px}
#s65 .m2-sdone{width:100%;justify-content:center;height:44px;margin-top:16px}

#s65 .m2-wfld{margin-top:22px}
#s65 .m2-wlab{display:flex;align-items:baseline;gap:8px;margin-bottom:9px}
#s65 .m2-wlt{font-size:13px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#s65 .m2-wsub{font-size:11px;color:var(--mute);font-weight:600}
#s65 .m2-wcnt{margin-left:auto;font-size:11px;color:var(--mute);font-weight:600}
#s65 .m2-winput{width:100%;height:46px;padding:0 14px;border:1px solid var(--line-2);
                border-radius:var(--r-sm);background:#fff;font:inherit;font-size:14px;
                font-weight:600;color:var(--ink);outline:none}
#s65 .m2-winput:focus{border-color:var(--brand-lt2);box-shadow:0 0 0 3px var(--brand-lt)}

#s65 .m2-editor{border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden;background:#fff}
#s65 .m2-etools{display:flex;align-items:center;gap:2px;padding:6px 8px;background:var(--bg-soft);
                border-bottom:1px solid var(--line)}
#s65 .m2-etb{width:34px;height:32px;border-radius:6px;display:grid;place-items:center;color:var(--mute)}
#s65 .m2-etb svg{width:16px;height:16px}
#s65 .m2-ecanvas{padding:14px;min-height:170px}
#s65 .m2-ecanvas p{font-size:13px;color:var(--body);line-height:1.85}
#s65 .m2-ecanvas p + p{margin-top:10px}
#s65 .m2-ecaret{display:inline-block;width:1.5px;height:15px;background:var(--brand);
                vertical-align:-3px}

#s65 .m2-qsearch{display:flex;align-items:center;gap:8px;height:42px;padding:0 13px;
                 border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff}
#s65 .m2-qsearch svg{width:15px;height:15px;color:#A8ABB8;flex:none}
#s65 .m2-qsearch input{flex:1;min-width:0;border:none;outline:none;background:none;font:inherit;
                       font-size:12.5px;color:var(--ink)}
#s65 .m2-qsearch input::placeholder{color:#A8ABB8}
#s65 .m2-quoted{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 10px;
                border:1px solid var(--brand-lt2);border-radius:var(--r-sm);background:var(--brand-lt)}
#s65 .m2-qth{width:52px;height:36px;flex:none;border-radius:6px}
#s65 .m2-qbd{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
#s65 .m2-qbd b{font-size:12.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
#s65 .m2-qbd small{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--mute);
                   font-weight:600}
#s65 .m2-qx{width:26px;height:26px;flex:none;border-radius:50%;display:grid;place-items:center;
            color:var(--mute);background:#fff}
#s65 .m2-qx svg{width:13px;height:13px}
#s65 .m2-whint{margin-top:8px;font-size:11px;color:var(--mute);line-height:1.6}

#s65 .m2-wattach{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;height:52px;
                 border:1px dashed var(--line-2);border-radius:var(--r-sm);background:var(--bg-soft);
                 font-size:12.5px;font-weight:700;color:var(--body)}
#s65 .m2-wattach svg{width:16px;height:16px;color:var(--mute)}
#s65 .m2-files{display:flex;flex-direction:column;gap:5px;margin-top:8px}
#s65 .m2-file{display:flex;align-items:center;gap:9px;padding:8px 9px;border:1px solid var(--line);
              border-radius:var(--r-sm);background:#fff}
#s65 .m2-fico{width:26px;height:26px;flex:none;border-radius:7px;background:var(--field);
              display:grid;place-items:center;color:var(--mute)}
#s65 .m2-fico svg{width:14px;height:14px}
#s65 .m2-fnm{flex:1;min-width:0;font-size:12px;font-weight:600;color:var(--body);
             overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#s65 .m2-fsz{font-size:10.5px;color:var(--mute);font-weight:600;flex:none}

#s65 .m2-taginput{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:46px;
                  padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-sm);
                  background:#fff}
#s65 .m2-tg{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 5px 0 10px;
            border-radius:var(--r-pill);background:var(--brand-lt);color:#5B45C8;font-size:11.5px;
            font-weight:700}
#s65 .m2-tg i{width:15px;height:15px;border-radius:50%;background:#fff;display:grid;
              place-items:center}
#s65 .m2-tg i svg{width:9px;height:9px}
#s65 .m2-tagin{flex:1;min-width:90px;border:none;outline:none;background:none;font:inherit;
               font-size:12.5px;color:var(--ink)}
#s65 .m2-tagin::placeholder{color:#A8ABB8}

#s65 .m2-fold{margin:22px -16px 0;padding:0 16px;border-top:1px solid var(--line);
              background:var(--bg-soft)}
#s65 .m2-foldh{display:flex;align-items:center;gap:8px;padding:14px 0 12px}
#s65 .m2-foldh svg{width:15px;height:15px;color:var(--mute)}
#s65 .m2-foldh b{font-size:12.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
#s65 .m2-foldx{margin-left:auto;color:var(--mute)}
#s65 .m2-foldx svg{width:15px;height:15px}
#s65 .m2-foldb{padding:0 0 16px}
#s65 .m2-foldb p{position:relative;padding-left:12px;font-size:11.5px;color:var(--mute);
                 line-height:1.7}
#s65 .m2-foldb p::before{content:"";position:absolute;left:2px;top:9px;width:3px;height:3px;
                         border-radius:50%;background:#C4C7D2}
#s65 .m2-foldb p + p{margin-top:5px}

#s65 .m2-kbbar{position:sticky;bottom:0;z-index:8;background:rgba(255,255,255,.98);
               border-top:1px solid var(--line);
               box-shadow:0 -4px 18px rgba(22,23,29,.06)}
#s65 .m2-kbsave{display:flex;align-items:center;gap:6px;padding:9px 16px;
                border-bottom:1px solid var(--line);font-size:11px;color:var(--mute);font-weight:600}
#s65 .m2-kbsave svg{width:13px;height:13px}
#s65 .m2-kbtools{display:flex;align-items:center;gap:2px;padding:6px 10px 10px}
#s65 .m2-kbtools .m2-kbdown{margin-left:auto;color:var(--body)}

/* ===== _css_vf.css ===== */
#s66 .tbd,#s67 .tbd,#s68 .tbd{color:var(--brand);font-weight:700}
#s66 .topbar .pf-av,#s67 .topbar .pf-av,#s68 .topbar .pf-av{width:34px;height:34px;border-radius:11px}

.vf-scope{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --warn:#A96A00;    --warn-lt:#FFF4E2;   --warn-line:#F2DFBE;
  --rej:#C2334D;     --rej-lt:#FDEDF1;    --rej-line:#F3CBD5;
}

.vf-why{display:flex;gap:16px;align-items:flex-start;border:1px solid var(--brand-lt2);
  background:var(--brand-lt);border-radius:var(--r-lg);padding:22px 24px;margin-top:22px}
.vf-why .ic{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--brand-lt2);
  display:grid;place-items:center;color:var(--brand);flex:none}
.vf-why .ic svg{width:20px;height:20px}
.vf-why .tx{flex:1;min-width:0}
.vf-why h3{font-size:15.5px;font-weight:800;color:#3A2A9E;letter-spacing:-.02em;line-height:1.45}
.vf-why p{font-size:13px;color:#5D53A0;line-height:1.8;margin-top:8px}
.vf-why p b{color:#3A2A9E;font-weight:800}
.vf-why .pts{display:flex;gap:10px;margin-top:15px;flex-wrap:wrap}
.vf-why .pt{flex:1;min-width:210px;display:flex;gap:9px;align-items:flex-start;background:#fff;
  border:1px solid var(--brand-lt2);border-radius:var(--r-md);padding:12px 14px}
.vf-why .pt svg{width:15px;height:15px;color:var(--brand);flex:none;margin-top:2px}
.vf-why .pt span{font-size:12.5px;color:#5D53A0;line-height:1.68}
.vf-why .pt span b{color:#3A2A9E;font-weight:800}

.vf-sec{margin-top:34px}
.vf-sech{display:flex;align-items:baseline;gap:10px;margin-bottom:13px}
.vf-sech h2{font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-sech .d{font-size:12.5px;color:var(--mute);font-weight:600}
.vf-sech .rt{margin-left:auto;font-size:12px;color:var(--mute);font-weight:600}

.vf-cols{display:grid;gap:14px;align-items:stretch}
.vf-cols.c2{grid-template-columns:repeat(2,1fr)}
.vf-cols.c3{grid-template-columns:repeat(3,1fr)}
.vf-cols.c4{grid-template-columns:repeat(4,1fr)}
.vf-colwrap{display:flex;flex-direction:column;min-width:0}

.vf-lab{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;color:var(--mute);
  letter-spacing:-.01em;margin-bottom:9px}
.vf-lab i{width:20px;height:20px;border-radius:6px;background:var(--field);color:#8A8D9A;font-style:normal;
  display:grid;place-items:center;font-size:11px;font-weight:800;flex:none}
.vf-lab small{margin-left:auto;font-size:11px;font-weight:600;color:#A8ABB8}
.vf-lab.on{color:var(--brand)}
.vf-lab.on i{background:var(--brand-lt);color:var(--brand)}
.vf-lab.ok{color:var(--ok)}
.vf-lab.ok i{background:var(--ok-lt);color:var(--ok)}
.vf-lab.warn{color:var(--warn)}
.vf-lab.warn i{background:var(--warn-lt);color:var(--warn)}
.vf-lab.rej{color:var(--rej)}
.vf-lab.rej i{background:var(--rej-lt);color:var(--rej)}

.vf-card{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:18px 20px}
.vf-card.soft{background:var(--bg-soft)}
.vf-card.brandc{border-color:var(--brand-lt2);background:var(--brand-lt)}
.vf-card.okc{border-color:var(--ok-line)}
.vf-card.warnc{border-color:var(--warn-line)}
.vf-card.rejc{border-color:var(--rej-line)}
.vf-card.grow{flex:1}
.vf-cardh{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.vf-cardh svg{width:16px;height:16px;color:var(--brand);flex:none}
.vf-cardh b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-cardh .rt{margin-left:auto;font-size:11.5px;color:var(--mute);font-weight:700}
.vf-cardp{font-size:12.5px;color:var(--body);line-height:1.75}
.vf-cardp b{color:var(--ink);font-weight:700}

.vf-full{width:100%;justify-content:center}
.vf-note{font-size:11.5px;color:var(--mute);line-height:1.75;margin-top:11px}
.vf-note b{color:var(--body);font-weight:700}
.vf-note a{color:var(--brand);font-weight:700}
.vf-link{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;color:var(--brand)}
.vf-link svg{width:13px;height:13px}
.vf-btnrow{display:flex;align-items:center;gap:8px;margin-top:14px;flex-wrap:wrap}

.vf-need{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.vf-needcol{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden}
.vf-needcol .hd{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);
  background:var(--bg-soft)}
.vf-needcol .hd svg{width:15px;height:15px;color:#9CA0AE;flex:none}
.vf-needcol .hd b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-needcol .hd span{margin-left:auto;font-size:11px;font-weight:800;color:var(--mute)}
.vf-needcol.req{border-color:var(--brand-lt2)}
.vf-needcol.req .hd{background:var(--brand-lt);border-bottom-color:var(--brand-lt2)}
.vf-needcol.req .hd svg{color:var(--brand)}
.vf-needcol.req .hd b{color:#3A2A9E}
.vf-needcol.req .hd span{color:var(--brand)}
.vf-needcol ul{list-style:none;padding:9px 16px 13px}
.vf-needcol li{display:flex;gap:9px;align-items:flex-start;padding:7px 0;font-size:13px;
  color:var(--body);line-height:1.62}
.vf-needcol li svg{width:14px;height:14px;flex:none;margin-top:2px;color:#B0B3BF}
.vf-needcol li b{color:var(--ink);font-weight:700}
.vf-needcol.req li svg{color:var(--brand)}
.vf-needcol .ft{padding:11px 16px;border-top:1px solid var(--line);background:var(--bg-soft);
  font-size:11.5px;color:var(--mute);font-weight:600;line-height:1.65}
.vf-needcol.req .ft{background:#FBFAFF;border-top-color:var(--brand-lt2);color:#5D53A0}

.vf-step{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:18px 19px 19px;
  display:flex;flex-direction:column;flex:1}
.vf-step.now{border-color:var(--brand);box-shadow:0 0 0 3px rgba(124,92,252,.10)}
.vf-step.done{border-color:var(--ok-line)}
.vf-steph{display:flex;align-items:center;gap:9px;margin-bottom:15px}
.vf-steph .n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;
  font-weight:800;background:var(--field);color:#8A8D9A;flex:none}
.vf-steph .n svg{width:13px;height:13px}
.vf-step.now .vf-steph .n{background:var(--brand);color:#fff}
.vf-step.done .vf-steph .n{background:var(--ok-lt);color:var(--ok)}
.vf-steph b{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-steph .st{margin-left:auto;font-size:11px;font-weight:700;color:#A8ABB8}
.vf-step .vf-fill{margin-top:auto}

.vf-selv{flex:1;font-size:13.5px;color:var(--ink);font-weight:600}
.vf-cav{color:#B0B3BF;flex:none;display:grid;place-items:center}
.vf-cav svg{width:15px;height:15px}
.vf-fgap{margin-top:12px}

.vf-otp{display:flex;gap:7px}
.vf-otp i{flex:1;height:52px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;
  display:grid;place-items:center;font-size:19px;font-weight:800;color:var(--ink);font-style:normal;
  font-family:'SF Mono',Consolas,monospace}
.vf-otp i.on{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-lt)}
.vf-otp i.mt{color:#CBCEDA}
.vf-otp.ng i{border-color:var(--rej-line);background:#FFFCFD;color:var(--rej)}

.vf-timer{display:flex;align-items:center;gap:8px;margin-top:12px}
.vf-timer .t{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;
  border-radius:var(--r-pill);background:var(--rej-lt);color:var(--rej);font-size:12.5px;font-weight:800;
  font-family:'SF Mono',Consolas,monospace}
.vf-timer .t svg{width:13px;height:13px}
.vf-timer .rt{margin-left:auto;display:flex;align-items:center;gap:7px}
.vf-resend{height:30px;padding:0 12px;border-radius:var(--r-pill);border:1px solid var(--line-2);
  background:#fff;color:#B0B3BF;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:5px}
.vf-resend svg{width:13px;height:13px}
.vf-resend.on{color:var(--body);border-color:#CFD1DA}
.vf-limit{display:flex;gap:7px;align-items:flex-start;margin-top:11px;padding:10px 12px;
  border-radius:var(--r-sm);background:var(--bg-soft);border:1px solid var(--line);
  font-size:11.5px;color:var(--mute);line-height:1.65;font-weight:600}
.vf-limit svg{width:14px;height:14px;flex:none;margin-top:1px;color:#A8ABB8}
.vf-limit b{color:var(--body);font-weight:800}

.vf-done{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2px 0 0}
.vf-done .ic{width:52px;height:52px;border-radius:50%;background:var(--ok-lt);color:var(--ok);
  display:grid;place-items:center;margin-bottom:13px}
.vf-done .ic svg{width:24px;height:24px}
.vf-mask{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em;
  font-family:'SF Mono',Consolas,monospace}
.vf-done .when{font-size:11.5px;color:var(--mute);font-weight:600;margin-top:7px}
.vf-done .msg{font-size:12.5px;color:var(--body);line-height:1.72;margin-top:13px}
.vf-done .msg b{color:var(--ink);font-weight:800}

.vf-errb{display:flex;gap:11px;align-items:flex-start}
.vf-errb .ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none}
.vf-errb .ic svg{width:16px;height:16px}
.vf-errb.rejb .ic{background:var(--rej-lt);color:var(--rej)}
.vf-errb.warnb .ic{background:var(--warn-lt);color:var(--warn)}
.vf-errb .tx{flex:1;min-width:0}
.vf-errb .tx h4{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
.vf-errb .tx p{font-size:12.5px;color:var(--body);line-height:1.72;margin-top:6px}
.vf-errb .tx p b{color:var(--ink);font-weight:800}
.vf-errlink{margin-top:12px}
.vf-tries{display:flex;align-items:center;gap:5px;margin-top:13px}
.vf-tries i{flex:1;height:4px;border-radius:2px;background:var(--line)}
.vf-tries i.hit{background:var(--rej)}
.vf-tries b{font-size:11px;font-weight:800;color:var(--rej);flex:none;margin-left:3px}

.vf-flow{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:13px}
.vf-flow .s{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 15px;
  border-radius:var(--r-pill);background:var(--bg-soft);border:1px solid var(--line);
  font-size:12.5px;font-weight:700;color:var(--body)}
.vf-flow .s i{width:19px;height:19px;border-radius:50%;background:#fff;border:1px solid var(--line-2);
  display:grid;place-items:center;font-size:10.5px;font-weight:800;color:var(--mute);font-style:normal}
.vf-flow .s.key{background:var(--brand-lt);border-color:var(--brand-lt2);color:#3A2A9E}
.vf-flow .s.key i{border-color:var(--brand-lt2);color:var(--brand)}
.vf-flow .ar{color:#CBCEDA;display:grid;place-items:center}
.vf-flow .ar svg{width:15px;height:15px}

.vf-priv{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);padding:18px 20px}
.vf-privh{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.vf-privh svg{width:16px;height:16px;color:var(--brand);flex:none}
.vf-privh b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-privh a{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;
  font-weight:800;color:var(--brand)}
.vf-privh a svg{width:13px;height:13px;color:var(--brand)}
.vf-ptbl{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);
  border-radius:var(--r-sm);overflow:hidden;background:#fff}
.vf-ptbl .c{padding:13px 15px;border-right:1px solid var(--line)}
.vf-ptbl .c:last-child{border-right:none}
.vf-ptbl .c .k{font-size:11.5px;font-weight:700;color:var(--mute)}
.vf-ptbl .c .v{font-size:13px;font-weight:700;color:var(--ink);margin-top:6px;line-height:1.6}
.vf-ptbl .c .v small{display:block;font-size:11.5px;font-weight:600;color:var(--mute);margin-top:4px}

.vf-verdict{display:flex;align-items:center;gap:14px;border:1px solid var(--warn-line);
  background:var(--warn-lt);border-radius:var(--r-md);padding:16px 19px}
.vf-verdict .ic{width:36px;height:36px;border-radius:11px;background:#fff;border:1px solid var(--warn-line);
  display:grid;place-items:center;color:var(--warn);flex:none}
.vf-verdict .ic svg{width:17px;height:17px}
.vf-verdict .tx{flex:1;min-width:0}
.vf-verdict .tx b{font-size:14px;font-weight:800;color:#8A5A0C;letter-spacing:-.02em}
.vf-verdict .tx p{font-size:12.5px;color:#8A5A0C;line-height:1.65;margin-top:4px}
.vf-verdict .rt{margin-left:auto;flex:none;display:flex;align-items:baseline;gap:3px;
  font-size:12.5px;font-weight:800;color:#8A5A0C}
.vf-verdict .rt b{font-size:22px;letter-spacing:-.02em}

.vf-chks{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;margin-top:13px}
.vf-chk{display:flex;align-items:flex-start;gap:13px;padding:16px 18px;border-bottom:1px solid var(--line)}
.vf-chk:last-child{border-bottom:none}
.vf-chk .mk{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex:none;margin-top:1px}
.vf-chk .mk svg{width:13px;height:13px}
.vf-chk.pass .mk{background:var(--ok-lt);color:var(--ok)}
.vf-chk.fail{background:#FFFCFD}
.vf-chk.fail .mk{background:var(--rej-lt);color:var(--rej)}
.vf-chk .ti{flex:1;min-width:0}
.vf-chk .ti h4{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-chk .ti p{font-size:12.5px;color:var(--mute);line-height:1.7;margin-top:5px}
.vf-chk .ti p b{color:var(--body);font-weight:700}
.vf-chk .rs{flex:none;display:flex;align-items:center;gap:8px}
.vf-res{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:6px;
  font-size:11.5px;font-weight:800}
.vf-res.pass{background:var(--ok-lt);color:var(--ok)}
.vf-res.fail{background:var(--rej-lt);color:var(--rej)}

.vf-quote{margin-top:11px;border:1px solid var(--rej-line);background:#fff;border-radius:var(--r-sm);
  padding:11px 13px}
.vf-quote .src{display:block;font-size:11px;color:var(--mute);font-weight:800;margin-bottom:7px}
.vf-quote .bd{font-size:12.5px;color:var(--body);line-height:1.78}
.vf-hl{background:var(--rej-lt);color:var(--rej);font-weight:800;padding:1px 5px;border-radius:3px}

.vf-prevwrap{border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft);overflow:hidden}
.vf-prevbar{display:flex;align-items:center;gap:8px;padding:12px 17px;border-bottom:1px solid var(--line);
  background:#fff}
.vf-prevbar svg{width:14px;height:14px;color:#A8ABB8;flex:none}
.vf-prevbar b{font-size:12px;font-weight:800;color:var(--mute);letter-spacing:.03em}
.vf-prevbar code{margin-left:auto;font-family:'SF Mono',Consolas,monospace;font-size:11.5px;color:var(--mute)}
.vf-prevbody{padding:20px}
.vf-pfcard{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 20px}
.vf-pfcard .av{width:72px;height:72px;border-radius:22px;flex:none;border:1px solid var(--line)}
.vf-pfcard .id{flex:1;min-width:0}
.vf-pfcard .id .nmrow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.vf-pfcard .id h4{font-size:19px;font-weight:800;color:var(--ink);letter-spacing:-.03em}
.vf-pfcard .id .hd{font-size:12px;color:var(--mute);font-family:'SF Mono',Consolas,monospace}
.vf-pfcard .id .bio{font-size:12.5px;color:var(--body);line-height:1.72;margin-top:10px}
.vf-pfjobs{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}
.vf-pfjob{height:25px;padding:0 10px;border-radius:6px;background:var(--bg-soft);border:1px solid var(--line-2);
  font-size:11.5px;font-weight:700;color:var(--body);display:inline-flex;align-items:center}
.vf-pfjob.main{background:var(--brand);border-color:var(--brand);color:#fff}
.vf-prlist{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.vf-prow2{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:11px 14px}
.vf-prow2 .th{width:78px;height:49px;border-radius:6px;flex:none;border:1px solid var(--line)}
.vf-prow2 .ti{flex:1;min-width:0}
.vf-prow2 .ti b{font-size:13.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.vf-prow2 .ti .m{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px;font-size:11.5px;
  color:var(--mute);font-weight:600}
.vf-prow2 .ti .m .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.vf-prow2 .rt{margin-left:auto;flex:none}
.vf-prow2.excl{border-style:dashed;background:repeating-linear-gradient(135deg,#FAFAFC 0 8px,#F5F5F9 8px 16px)}
.vf-prow2.excl .ti b{color:var(--mute)}
.vf-prow2.excl .th{background:repeating-linear-gradient(135deg,#F4F4F8 0 8px,#EFEFF4 8px 16px)}

.vf-agree{display:flex;flex-direction:column;gap:8px}
.vf-agreeit{display:flex;align-items:flex-start;gap:11px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;padding:14px 16px}
.vf-agreeit .tx{flex:1;min-width:0;font-size:13px;color:var(--body);line-height:1.7}
.vf-agreeit .tx b{color:var(--ink);font-weight:800}
.vf-agreeit.on{border-color:var(--brand);background:var(--brand-lt)}
.vf-agreeit.on .tx{color:#5D53A0}
.vf-agreeit.on .tx b{color:#3A2A9E}

.vf-noapp{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:5px;
  background:var(--ok-lt);color:var(--ok);font-size:11px;font-weight:800;margin-left:8px;
  vertical-align:2px;letter-spacing:-.01em}
.vf-noapp svg{width:12px;height:12px}
.vf-needapp{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:5px;
  background:var(--warn-lt);color:var(--warn);font-size:11px;font-weight:800;margin-left:8px;
  vertical-align:2px;letter-spacing:-.01em}
.vf-needapp svg{width:12px;height:12px}

.vf-subband{display:flex;align-items:center;gap:16px;margin-top:16px;padding:17px 19px;
  border:1px solid var(--line);border-radius:var(--r-md);background:var(--bg-soft)}
.vf-subband .msg{font-size:12.5px;color:var(--mute);font-weight:600;line-height:1.68}
.vf-subband .msg b{color:var(--body);font-weight:800}
.vf-subband .rt{margin-left:auto;display:flex;gap:8px;flex:none}

.vf-stat{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;
  display:flex;flex-direction:column;flex:1}
.vf-stat .sh{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line)}
.vf-stat .sh svg{width:15px;height:15px;flex:none}
.vf-stat .sh b{font-size:13px;font-weight:800;letter-spacing:-.02em}
.vf-stat .sb{padding:15px 16px 17px;flex:1;display:flex;flex-direction:column}
.vf-stat .sb p{font-size:12.5px;color:var(--body);line-height:1.72}
.vf-stat .sb p b{color:var(--ink);font-weight:800}
.vf-stat.waits{border-color:var(--warn-line)}
.vf-stat.waits .sh{background:var(--warn-lt);border-bottom-color:var(--warn-line);color:var(--warn)}
.vf-stat.pubs{border-color:var(--ok-line)}
.vf-stat.pubs .sh{background:var(--ok-lt);border-bottom-color:var(--ok-line);color:var(--ok)}
.vf-stat.rejs{border-color:var(--rej-line)}
.vf-stat.rejs .sh{background:var(--rej-lt);border-bottom-color:var(--rej-line);color:var(--rej)}
.vf-stat.hids{border-color:var(--line-2)}
.vf-stat.hids .sh{background:var(--dark);border-bottom-color:var(--dark);color:#D5D7E0}
.vf-code{font-family:'SF Mono',Consolas,monospace;font-size:10.5px;font-weight:700;
  margin-left:auto;opacity:.72}
.vf-kvs{margin:12px 0 2px}
.vf-mtop{margin-top:auto;padding-top:14px}

.vf-treq{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;overflow:hidden;margin-bottom:13px}
.vf-treq.newreq{border-color:var(--brand-lt2)}
.vf-trh{display:flex;gap:15px;align-items:flex-start;padding:17px 19px 15px}
.vf-trh .th{width:120px;height:76px;border-radius:var(--r-sm);flex:none;border:1px solid var(--line)}
.vf-tri{flex:1;min-width:0}
.vf-tri h3{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.4}
.vf-trmeta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:9px}
.vf-trmeta .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.vf-trmeta .txt{font-size:12px;color:var(--mute);font-weight:600}
.vf-role{height:23px;padding:0 9px;border-radius:5px;background:var(--brand-lt);color:#5B45C8;
  font-size:11.5px;font-weight:800;display:inline-flex;align-items:center}
.vf-tagger{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px 13px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:var(--bg-soft)}
.vf-tagger .av{width:28px;height:28px;border-radius:9px;flex:none;border:1px solid var(--line)}
.vf-tagger .nm{font-size:12.5px;font-weight:800;color:var(--ink)}
.vf-tagger .nm small{color:var(--mute);font-weight:600;font-family:'SF Mono',Consolas,monospace;margin-left:5px}
.vf-tagger .when{margin-left:auto;font-size:11.5px;color:var(--mute);font-weight:600;flex:none}
.vf-vok{display:inline-flex;align-items:center;gap:4px;height:21px;padding:0 8px;border-radius:5px;
  background:var(--ok-lt);color:var(--ok);font-size:10.5px;font-weight:800;flex:none}
.vf-vok svg{width:11px;height:11px}

.vf-live{margin:0 19px 16px;border:1px solid var(--warn-line);background:var(--warn-lt);
  border-radius:var(--r-md);padding:14px 16px}
.vf-liveh{display:flex;align-items:center;gap:7px;margin-bottom:11px}
.vf-liveh svg{width:14px;height:14px;color:var(--warn);flex:none}
.vf-liveh b{font-size:12px;font-weight:800;color:#8A5A0C;letter-spacing:-.01em}
.vf-liveh .now{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:21px;padding:0 9px;
  border-radius:var(--r-pill);background:#fff;border:1px solid var(--warn-line);color:var(--warn);
  font-size:10.5px;font-weight:800}
.vf-liveh .now i{width:5px;height:5px;border-radius:50%;background:var(--warn);display:block}
.vf-livebox{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 15px}
.vf-livebox .cap{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.03em;margin-bottom:10px}
.vf-crew{display:flex;gap:8px;flex-wrap:wrap}
.vf-crewit{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px 0 5px;
  border-radius:var(--r-pill);background:var(--bg-soft);border:1px solid var(--line);
  font-size:12px;font-weight:700;color:var(--body)}
.vf-crewit .av{width:22px;height:22px;border-radius:50%;flex:none;border:1px solid var(--line)}
.vf-crewit.me{background:var(--warn-lt);border-color:var(--warn-line);color:#8A5A0C}
.vf-unconf{height:19px;padding:0 7px;border-radius:4px;background:var(--warn);color:#fff;
  font-size:10px;font-weight:800;display:inline-flex;align-items:center}
.vf-livenote{display:flex;gap:7px;align-items:flex-start;margin-top:12px;font-size:12px;color:#8A5A0C;
  font-weight:700;line-height:1.65}
.vf-livenote svg{width:14px;height:14px;flex:none;margin-top:1px}

.vf-tract{display:flex;align-items:center;gap:8px;padding:13px 19px;border-top:1px solid var(--line);
  background:var(--bg-soft);flex-wrap:wrap}
.vf-tract .exp{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;
  color:var(--mute);font-weight:700}
.vf-tract .exp svg{width:13px;height:13px;flex:none}
#s68 .btn.vf-no{border:1px solid var(--rej-line);background:#fff;color:var(--rej)}
#s68 .btn.vf-no:hover{background:var(--rej-lt)}
#s68 .btn.vf-yes{background:var(--ok);color:#fff}
#s68 .btn.vf-yes:hover{background:#22673E}

.vf-diff{display:grid;grid-template-columns:1fr 34px 1fr;gap:14px;align-items:center}
.vf-diffbox{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:16px 18px}
.vf-diffbox .lb{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.04em;margin-bottom:11px}
.vf-diffbox ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.vf-diffbox li{display:flex;gap:9px;font-size:12.5px;color:var(--body);line-height:1.68}
.vf-diffbox li svg{width:14px;height:14px;flex:none;margin-top:2px;color:#B0B3BF}
.vf-diffbox li b{color:var(--ink);font-weight:800}
.vf-diffbox.after{border-color:var(--brand-lt2);background:var(--brand-lt)}
.vf-diffbox.after .lb{color:var(--brand)}
.vf-diffbox.after li{color:#5D53A0}
.vf-diffbox.after li svg{color:var(--brand)}
.vf-diffbox.after li b{color:#3A2A9E}
.vf-diffar{display:grid;place-items:center;color:#CBCEDA}
.vf-diffar svg{width:22px;height:22px}
.vf-perm{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:14px 16px;
  border-radius:var(--r-md);background:var(--bg-soft);border:1px solid var(--line);
  font-size:12.5px;color:var(--mute);line-height:1.72}
.vf-perm svg{width:15px;height:15px;color:var(--brand);flex:none;margin-top:2px}
.vf-perm b{color:var(--body);font-weight:800}

.vf-acc{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;padding:14px 16px;margin-bottom:10px}
.vf-acc .th{width:92px;height:58px;border-radius:6px;flex:none;border:1px solid var(--line)}
.vf-acc .ti{flex:1;min-width:0}
.vf-acc .ti b{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.vf-acc .ti .m{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:11.5px;
  color:var(--mute);font-weight:600}
.vf-acc .ti .m .dot{width:3px;height:3px;border-radius:50%;background:#CFD2DC}
.vf-acc .rt{flex:none;display:flex;align-items:center;gap:9px}
.vf-wr{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px;border-radius:6px;
  font-size:11.5px;font-weight:800}
.vf-wr svg{width:12px;height:12px}
.vf-wr.wdone{background:var(--ok-lt);color:var(--ok)}
.vf-wr.wtodo{background:var(--warn-lt);color:var(--warn)}

.vf-rejrow{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:var(--r-md);
  background:var(--bg-soft);padding:15px 17px}
.vf-rejrow .ic{width:36px;height:36px;border-radius:11px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:#9CA0AE;flex:none}
.vf-rejrow .ic svg{width:17px;height:17px}
.vf-rejrow .ti{flex:1;min-width:0}
.vf-rejrow .ti b{font-size:13.5px;font-weight:700;color:var(--body);letter-spacing:-.02em}
.vf-rejrow .ti p{font-size:12px;color:var(--mute);line-height:1.68;margin-top:5px}
.vf-rejrow .rt{margin-left:auto;flex:none;display:flex;align-items:center;gap:9px}

.vf-always{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line-2);background:#fff;
  border-radius:var(--r-md);padding:18px 20px}
.vf-always .ic{width:38px;height:38px;border-radius:12px;background:var(--brand-lt);color:var(--brand);
  display:grid;place-items:center;flex:none}
.vf-always .ic svg{width:18px;height:18px}
.vf-always .tx{flex:1;min-width:0}
.vf-always .tx b{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.vf-always .tx p{font-size:12.5px;color:var(--body);line-height:1.75;margin-top:6px}
.vf-always .rt{margin-left:auto;flex:none}
.vf-lockchip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 13px;
  border-radius:var(--r-pill);background:var(--field);color:#8A8D9A;font-size:11.5px;font-weight:800}
.vf-lockchip svg{width:13px;height:13px}

/* ===== _css_v6.css ===== */
/* ══════════════════════════════════════════════════════════════════
   CREWDIT v6.0 — 정책 v1.3 반영 추가분
   대상 화면 : s7 · s8 · s14 · s47 · s51 · s59
   규칙 : 셀렉터는 #sNN 로 시작하거나 .v6- 접두사만.
          기존 클래스 선언을 덮어쓰지 않는다. 새 색을 만들지 않는다.
   ══════════════════════════════════════════════════════════════════ */

#s7, #s8, #s59{
  --ok:#2A7A4B;      --ok-lt:#EAF6EE;     --ok-line:#CFE6D9;
  --warn:#A96A00;    --warn-lt:#FFF4E2;   --warn-line:#F2DFBE;
  --danger:#C2334D;  --danger-lt:#FDEDF1; --danger-line:#F3CBD5;
}

/* ══════════════════════════════════════════════════════════════════
   1. s7 · 프로젝트 상세 — 참여자 영역
   ══════════════════════════════════════════════════════════════════ */

.v6-mdesc{
  font-size:11.5px; line-height:1.65; color:var(--body);
  margin:-2px 0 10px 42px; padding-right:4px;
}

.v6-mwait .nm{color:var(--mute)}
.v6-mwait .nm small{color:var(--mute)}
.v6-mwait .av.ph{opacity:.6}

.v6-bwait{
  display:inline-flex; align-items:center; height:19px; padding:0 8px;
  border:1px solid var(--line-2); border-radius:var(--r-pill);
  background:var(--bg); color:var(--mute);
  font-size:10px; font-weight:800; letter-spacing:-.2px; white-space:nowrap;
  margin-left:6px;
}

.v6-mhold{
  display:flex; align-items:flex-start; gap:6px;
  margin:-2px 0 10px 42px; padding:8px 10px;
  border:1px dashed var(--line-2); border-radius:var(--r-sm);
  background:var(--bg-soft);
  font-size:11px; line-height:1.6; color:var(--mute);
}
.v6-mhold svg{width:13px; height:13px; flex:none; margin-top:2px}
.v6-mhold b{color:var(--body); font-weight:800}

.v6-mnote{
  margin-top:12px; padding-top:11px; border-top:1px solid var(--line);
  font-size:11px; line-height:1.7; color:var(--mute);
}
.v6-mnote b{color:var(--body); font-weight:800}

.v6-joinrow{margin-top:12px}
.v6-need{
  display:inline-flex; align-items:center; gap:4px;
  margin-top:8px; width:100%; justify-content:center;
  font-size:10.5px; font-weight:800; color:var(--brand);
  background:var(--brand-lt); border-radius:var(--r-pill);
  height:22px; padding:0 10px;
}
.v6-need svg{width:12px; height:12px}

/* ══════════════════════════════════════════════════════════════════
   2. s8 · 이력 관리 — 공개 상태 밴드 · 공개 범위 3택 · 링크
   ══════════════════════════════════════════════════════════════════ */

.v6-pubband{
  display:flex; align-items:flex-start; gap:14px;
  margin-top:20px; padding:17px 19px;
  border:1px solid var(--brand-lt2); border-radius:var(--r-lg);
  background:var(--brand-lt);
}
.v6-pbic{
  width:36px; height:36px; flex:none; border-radius:11px;
  background:var(--bg); color:var(--brand);
  display:grid; place-items:center;
}
.v6-pbic svg{width:18px; height:18px}
.v6-pbt{flex:1; min-width:0}
.v6-pbtop{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.v6-pbtop b{font-size:13px; font-weight:800; color:var(--ink)}
.v6-pbstate{
  display:inline-flex; align-items:center; height:21px; padding:0 9px;
  border-radius:var(--r-pill); background:var(--ink); color:#fff;
  font-size:10.5px; font-weight:800;
}
.v6-pbcode{
  font-size:10.5px; font-weight:700; color:var(--mute);
  letter-spacing:.02em;
}
.v6-pbt p{
  margin-top:7px; font-size:12px; line-height:1.75; color:var(--body);
  max-width:640px;
}
.v6-pbt p b{font-weight:800; color:var(--ink)}
.v6-pbr{
  flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:6px;
}
.v6-pbgo{font-size:10.5px; color:var(--mute); font-weight:600}

.v6-scope{
  display:grid; grid-template-columns:repeat(3,1fr); gap:10px;
  margin-top:10px;
}
.v6-sc{
  position:relative; padding:14px 15px 13px;
  border:1px solid var(--line); border-radius:var(--r-md);
  background:var(--bg);
}
.v6-sc.on{border-color:var(--brand); background:var(--brand-lt)}
.v6-sch{display:flex; align-items:center; gap:7px; flex-wrap:wrap}
.v6-sch b{font-size:12.5px; font-weight:800; color:var(--ink)}
.v6-sctag{
  display:inline-flex; align-items:center; height:19px; padding:0 8px;
  border-radius:var(--r-pill); font-size:10px; font-weight:800; white-space:nowrap;
}
.v6-sctag.need{background:var(--warn-lt); color:var(--warn)}
.v6-sctag.free{background:var(--ok-lt); color:var(--ok)}
.v6-sctag.cur{background:var(--brand); color:#fff}
.v6-sc p{
  margin-top:7px; font-size:11.5px; line-height:1.7; color:var(--body);
}
.v6-sccode{
  display:block; margin-top:9px; font-size:10px; font-weight:700;
  color:var(--mute); letter-spacing:.02em;
}

.v6-src{
  display:inline-flex; align-items:center; height:20px; padding:0 7px;
  border-radius:4px; font-size:10.5px; font-weight:700; white-space:nowrap;
}
.v6-src.own{background:var(--field); color:var(--body)}
.v6-src.ok{background:var(--ok-lt); color:var(--ok)}
.v6-src.wait{
  background:var(--bg); color:var(--mute);
  border:1px solid var(--line-2); height:20px;
}

.v6-locked{opacity:.92}
.v6-lockpill{
  display:inline-flex; align-items:center; height:19px; padding:0 8px;
  margin-left:auto; border-radius:var(--r-pill);
  background:var(--warn-lt); color:var(--warn);
  font-size:10px; font-weight:800; white-space:nowrap;
}
.v6-off{opacity:.5}
.v6-off code{text-decoration:line-through}
.v6-lockn{
  display:flex; align-items:flex-start; gap:6px; margin-top:9px;
  font-size:11px; line-height:1.6; color:var(--mute);
}
.v6-lockn svg{width:13px; height:13px; flex:none; margin-top:1px}
.v6-lockn em{font-style:normal; font-weight:700; color:var(--body)}

.v6-nowpill{
  display:inline-flex; align-items:center; height:19px; padding:0 8px;
  margin-left:8px; border-radius:var(--r-pill);
  background:var(--ok-lt); color:var(--ok);
  font-size:10px; font-weight:800; white-space:nowrap;
}
.v6-nown{
  margin:-2px 0 11px; font-size:11px; line-height:1.65; color:var(--mute);
}
.v6-nown b{color:var(--body); font-weight:800}
.v6-nown2{
  display:flex; align-items:flex-start; gap:6px;
  margin-bottom:12px; padding:9px 11px;
  border:1px solid var(--ok-line); border-radius:var(--r-sm);
  background:var(--ok-lt);
  font-size:11px; line-height:1.65; color:var(--body);
}
.v6-nown2 svg{width:13px; height:13px; flex:none; margin-top:2px; color:var(--ok)}
.v6-nown2 b{font-weight:800; color:var(--ok)}
.v6-nown2 em{font-style:normal; font-weight:700}

/* ══════════════════════════════════════════════════════════════════
   3. s14 · 통합 처리 큐 — 「프로필 공개」 유형 추가
   ══════════════════════════════════════════════════════════════════ */

.v6-kd-pub{background:var(--brand-lt); color:#5B45C8}
.v6-kpub b{color:var(--brand)}
.v6-kpub small{color:var(--brand)}

#s14 .adm-typ.pf{background:var(--brand-lt); color:#5B45C8}

.v6-qpub .q-what{padding-bottom:2px}

.v6-appl{
  display:flex; align-items:center; gap:10px; flex-wrap:wrap;
  margin-top:9px;
}
.v6-ap{font-size:11px; color:var(--mute); font-weight:600}
.v6-ap b{color:var(--ink); font-weight:800; margin-right:4px}
.v6-apsep{width:1px; height:11px; background:var(--line-2); display:block}
.v6-apok{
  display:inline-flex; align-items:center; gap:4px;
  height:20px; padding:0 8px; border-radius:var(--r-pill);
  background:var(--ok-lt); color:var(--ok);
  font-size:10px; font-weight:800;
}
.v6-apok svg{width:11px; height:11px}

.v6-chk4{display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin-top:9px}
.v6-c4{
  display:inline-flex; align-items:center; gap:5px;
  height:24px; padding:0 10px; border-radius:var(--r-pill);
  border:1px solid var(--line-2); background:var(--bg);
  font-size:10.5px; font-weight:700; color:var(--mute); white-space:nowrap;
}
.v6-c4 svg{width:12px; height:12px; flex:none}
.v6-c4.pass{border-color:var(--ok-line); background:var(--ok-lt); color:var(--ok)}
.v6-c4.fail{border-color:var(--danger-line); background:var(--danger-lt); color:var(--danger)}

.v6-quote{
  margin-top:10px; padding:11px 13px;
  border:1px solid var(--danger-line); border-left:3px solid var(--danger);
  border-radius:var(--r-sm); background:var(--danger-lt);
}
.v6-ql{
  display:block; font-size:10.5px; font-weight:800; color:var(--danger);
  letter-spacing:-.2px;
}
.v6-quote p{
  margin-top:6px; font-size:12px; line-height:1.75; color:var(--ink);
  font-weight:600;
}
.v6-quote mark{
  background:var(--danger); color:#fff; font-weight:800;
  padding:1px 5px; border-radius:4px;
}
.v6-qn{
  display:block; margin-top:7px; font-size:10.5px; line-height:1.6;
  color:var(--danger);
}

.v6-auhi{color:var(--ok)}

/* ══════════════════════════════════════════════════════════════════
   4. s47 · 회원 탈퇴 — 선택지 제거 · 고정 안내 · 전후 예시
   ══════════════════════════════════════════════════════════════════ */

.v6-fixed{white-space:nowrap}
.v6-nopick{
  display:block; margin-top:5px;
  font-size:10px; font-weight:700; color:var(--mute);
}

.v6-fixbox{
  display:flex; align-items:flex-start; gap:14px;
  padding:17px 19px; border:1px solid var(--line);
  border-left:3px solid var(--ink); border-radius:var(--r-lg);
  background:var(--bg-soft);
}
.v6-fxic{
  width:36px; height:36px; flex:none; border-radius:11px;
  background:var(--bg); border:1px solid var(--line);
  color:var(--ink); display:grid; place-items:center;
}
.v6-fxic svg{width:18px; height:18px}
.v6-fxt{flex:1; min-width:0}
.v6-fxt b{
  display:block; font-size:13.5px; font-weight:800; color:var(--ink);
  line-height:1.55;
}
.v6-fxt p{
  margin-top:7px; font-size:12px; line-height:1.8; color:var(--body);
  max-width:760px;
}
.v6-fxt p b{display:inline; font-size:inherit}
.v6-fxrow{display:flex; align-items:center; gap:7px; flex-wrap:wrap; margin-top:11px}
.v6-fxp{
  display:inline-flex; align-items:center; gap:4px;
  height:24px; padding:0 11px; border-radius:var(--r-pill);
  background:var(--bg); border:1px solid var(--line-2);
  font-size:11px; font-weight:700; color:var(--body);
}
.v6-fxp b{display:inline; font-size:11px; color:var(--ink)}
.v6-fxp.off{
  color:var(--mute); border-style:dashed; text-decoration:line-through;
}

.v6-ba{
  display:grid; grid-template-columns:1fr 30px 1fr; align-items:center;
  gap:10px; margin-top:14px;
}
.v6-bacol{min-width:0}
.v6-balb{
  display:inline-flex; align-items:center; height:22px; padding:0 10px;
  border-radius:var(--r-pill); background:var(--field);
  font-size:10.5px; font-weight:800; color:var(--mute); margin-bottom:8px;
}
.v6-balb.after{background:var(--brand-lt); color:var(--brand)}
.v6-bacard{
  padding:14px 15px; border:1px solid var(--line);
  border-radius:var(--r-md); background:var(--bg);
}
.v6-bacard.after{border-color:var(--brand-lt2)}
.v6-bahd{display:flex; align-items:center; gap:8px}
.v6-bahd .av.ph{width:26px; height:26px; border-radius:9px; flex:none}
.v6-bawho{
  display:flex; flex-direction:column; gap:1px;
  font-size:11.5px; font-weight:800; color:var(--ink); line-height:1.3;
}
.v6-bawho small{font-size:10px; font-weight:600; color:var(--mute)}
.v6-anon{color:var(--mute)}
.v6-bab{
  margin-left:auto; display:inline-flex; align-items:center;
  height:19px; padding:0 8px; border-radius:4px;
  background:var(--brand-lt); color:#5B45C8;
  font-size:10px; font-weight:800;
}
.v6-bat{
  display:block; margin-top:10px; font-size:12.5px; font-weight:800;
  color:var(--ink); line-height:1.55;
}
.v6-bap{
  margin-top:6px; font-size:11.5px; line-height:1.7; color:var(--body);
}
.v6-bafoot{
  display:flex; gap:12px; margin-top:10px; padding-top:9px;
  border-top:1px solid var(--line);
  font-size:10.5px; font-weight:700; color:var(--mute);
}
.v6-baar{
  display:grid; place-items:center; color:var(--mute);
}
.v6-baar svg{width:20px; height:20px}
.v6-banote{
  margin-top:9px; font-size:11px; line-height:1.65; color:var(--mute);
}

/* ══════════════════════════════════════════════════════════════════
   5. s51 · 사업자 인증 — 선행 조건 · 인증하면 열리는 기능 5개
   ══════════════════════════════════════════════════════════════════ */

.v6-pre{
  display:flex; align-items:center; gap:14px;
  padding:15px 18px; margin-bottom:10px;
  border:1px solid var(--ok-line); border-radius:var(--r-lg);
  background:var(--ok-lt);
}
.v6-preic{
  width:34px; height:34px; flex:none; border-radius:11px;
  background:var(--bg); color:var(--ok); display:grid; place-items:center;
}
.v6-preic svg{width:17px; height:17px}
.v6-pret{flex:1; min-width:0}
.v6-pret b{
  display:block; font-size:12.5px; font-weight:800; color:var(--ink);
  line-height:1.55;
}
.v6-pret b em{font-style:normal; color:var(--brand)}
.v6-pret p{
  margin-top:5px; font-size:11.5px; line-height:1.7; color:var(--body);
  max-width:640px;
}
.v6-prest{
  flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:6px;
}
.v6-pst{
  display:inline-flex; align-items:center; gap:5px;
  height:26px; padding:0 12px; border-radius:var(--r-pill);
  font-size:11px; font-weight:800;
}
.v6-pst svg{width:12px; height:12px}
.v6-pst.done{background:var(--ok); color:#fff}
.v6-pst.wait{background:var(--wait-lt); color:var(--wait)}
.v6-psn{font-size:10.5px; font-weight:700; color:var(--mute)}

.v6-undone{
  border-color:var(--wait-line); background:var(--wait-lt);
  border-style:dashed;
}
.v6-undone .v6-preic{color:var(--wait)}

.v6-onecert{
  display:flex; align-items:flex-start; gap:9px;
  margin-bottom:12px; padding:13px 16px;
  border:1px solid var(--brand-lt2); border-radius:var(--r-md);
  background:var(--brand-lt);
  font-size:12px; line-height:1.8; color:var(--body);
}
.v6-onecert svg{width:16px; height:16px; flex:none; margin-top:3px; color:var(--brand)}
.v6-onecert b{color:var(--ink); font-weight:800}

.v6-bc5{border-color:var(--brand-lt2)}

/* ══════════════════════════════════════════════════════════════════
   6. s59 · 광고 문의 — 무료 체험
   ══════════════════════════════════════════════════════════════════ */

.v6-free{
  display:grid; grid-template-columns:1fr 268px; gap:20px;
  margin-top:20px; padding:22px 24px;
  border:1px solid var(--brand-lt2); border-radius:var(--r-lg);
  background:var(--brand-lt);
}
.v6-frl{min-width:0}
.v6-frtag{
  display:inline-flex; align-items:center; height:23px; padding:0 11px;
  border-radius:var(--r-pill); background:var(--brand); color:#fff;
  font-size:10.5px; font-weight:800; letter-spacing:-.2px;
}
.v6-frt{
  display:block; margin-top:11px; font-size:21px; font-weight:800;
  color:var(--ink); line-height:1.4; letter-spacing:-.5px;
}
.v6-frp{
  margin-top:8px; font-size:13px; line-height:1.8; color:var(--body);
  max-width:620px;
}
.v6-frcond{display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:14px}
.v6-frc{
  display:inline-flex; align-items:center; gap:6px;
  height:30px; padding:0 13px 0 6px; border-radius:var(--r-pill);
  background:var(--bg); border:1px solid var(--brand-lt2);
  font-size:12px; font-weight:600; color:var(--body);
}
.v6-frc i{
  width:19px; height:19px; border-radius:50%; flex:none;
  background:var(--brand-lt); color:var(--brand);
  display:grid; place-items:center;
  font-style:normal; font-size:10px; font-weight:800;
}
.v6-frc b{font-weight:800; color:var(--ink)}
.v6-frn{
  margin-top:11px; font-size:11px; line-height:1.7; color:var(--mute);
}

.v6-frr{
  padding:15px 16px; border-radius:var(--r-md);
  background:var(--bg); border:1px solid var(--brand-lt2);
}
.v6-frrl{
  display:block; font-size:10.5px; font-weight:800; color:var(--brand);
  margin-bottom:10px;
}
.v6-frst{
  display:flex; align-items:flex-start; gap:8px;
  padding:7px 0; border-bottom:1px solid var(--line);
}
.v6-frst:last-child{border-bottom:none; padding-bottom:0}
.v6-frst i{
  width:18px; height:18px; border-radius:50%; flex:none; margin-top:1px;
  background:var(--brand-lt); color:var(--brand);
  display:grid; place-items:center;
  font-style:normal; font-size:9.5px; font-weight:800;
}
.v6-frst span{
  display:flex; flex-direction:column; gap:2px;
  font-size:10.5px; color:var(--mute); line-height:1.5;
}
.v6-frst b{font-size:11.5px; font-weight:800; color:var(--ink)}

.v6-same{
  margin-top:12px; padding:19px 22px;
  border:1px solid var(--line); border-radius:var(--r-lg);
  background:var(--bg-soft);
}
.v6-samehd{display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.v6-samehd svg{width:17px; height:17px; color:var(--ink); flex:none}
.v6-samehd b{font-size:14px; font-weight:800; color:var(--ink)}
.v6-samehd span{font-size:11px; font-weight:600; color:var(--mute)}
.v6-samegrid{
  display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px;
}
.v6-sm{
  padding:14px 15px; border:1px solid var(--line);
  border-radius:var(--r-md); background:var(--bg);
}
.v6-smn{
  display:block; font-size:10.5px; font-weight:800; color:var(--brand);
  letter-spacing:.04em;
}
.v6-sm b{
  display:block; margin-top:6px; font-size:12.5px; font-weight:800;
  color:var(--ink); line-height:1.5;
}
.v6-sm p{
  margin-top:6px; font-size:11.5px; line-height:1.7; color:var(--body);
}

.v6-trycb{
  display:flex; align-items:flex-start; gap:10px;
  padding:14px 16px; margin-top:4px;
  border:1px solid var(--brand); border-radius:var(--r-md);
  background:var(--brand-lt);
}
.v6-cbon{
  width:19px; height:19px; flex:none; border-radius:6px; margin-top:1px;
  background:var(--brand); color:#fff; display:grid; place-items:center;
}
.v6-cbon svg{width:12px; height:12px}
.v6-trytx{display:flex; flex-direction:column; gap:5px}
.v6-trytx b{font-size:12.5px; font-weight:800; color:var(--ink); line-height:1.5}
.v6-trytx span{font-size:11.5px; line-height:1.7; color:var(--body)}

/* ══════════ 좁은 폭 대응 ══════════ */

@media (max-width:1180px){
  .v6-scope{grid-template-columns:1fr}
  .v6-free{grid-template-columns:1fr}
  .v6-samegrid{grid-template-columns:repeat(2,1fr)}
  .v6-ba{grid-template-columns:1fr; gap:6px}
  .v6-baar{transform:rotate(90deg); margin:2px 0}
  .v6-pubband{flex-wrap:wrap}
  .v6-pbr{align-items:flex-start; width:100%}
  .v6-pre{flex-wrap:wrap}
  .v6-prest{align-items:flex-start; width:100%; flex-direction:row}
}

/* ===== _css_rx.css ===== */
#s4 .util .av,#s37 .util .av{width:34px;height:34px;border-radius:11px;flex:none;border:1px solid var(--line);display:block}
#s4 .content,#s34 .content,#s37 .content{padding:26px 32px 52px}

.rx-head{display:flex;align-items:flex-start;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.rx-head .rx-hl{min-width:0;flex:1}
.rx-head .rx-hr{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none;padding-top:4px}
.rx-sub-line{margin-top:9px;font-size:12.5px;color:var(--mute);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rx-sub-line b{color:var(--body);font-weight:700}
.rx-sub-line .rx-dot{color:var(--line-2)}

.rx-bhead{display:flex;align-items:flex-start;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.rx-bhead .rx-bico{width:46px;height:46px;border-radius:14px;background:var(--brand-lt);color:var(--brand);
  display:grid;place-items:center;flex:none;margin-top:2px}
.rx-bhead .rx-bico svg{width:22px;height:22px}
.rx-bhead .rx-btx{min-width:0;flex:1}
.rx-bhead .rx-bname{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.3}
.rx-bhead .rx-bdesc{margin-top:6px;font-size:13.5px;color:var(--body);line-height:1.65}
.rx-bhead .rx-bstat{margin-top:9px;font-size:12.5px;color:var(--mute);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rx-bhead .rx-bstat b{color:var(--body);font-weight:700}
.rx-bhead .rx-bstat .rx-dot{color:var(--line-2)}
.rx-bhead .rx-bact{margin-left:auto;display:flex;align-items:center;gap:8px;flex:none;padding-top:4px}
.rx-wait{color:#C2334D;font-weight:700}

.rx-need{font-size:11px;color:var(--mute);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.rx-need svg{width:12px;height:12px}

.rx-segbar{display:flex;align-items:center;gap:10px;margin:16px 0 4px;flex-wrap:wrap}
.rx-segs{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--field);border-radius:var(--r-pill)}
.rx-seg{height:32px;padding:0 15px;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--mute);
  display:inline-flex;align-items:center;gap:6px;background:none;white-space:nowrap}
.rx-seg:hover{color:var(--body)}
.rx-seg.on{background:#fff;color:var(--ink);font-weight:700;box-shadow:none;border:1px solid var(--line)}
.rx-seg .rx-reddot{width:6px;height:6px;border-radius:50%;background:#C2334D;flex:none}
.rx-segbar .rx-filter{margin-left:auto}

.rx-3col{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:28px;margin-top:18px;align-items:start}
.rx-side-l,.rx-side-r{min-width:0}

.rx-sec{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.rx-sec:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.rx-sec-h{font-size:11.5px;font-weight:800;color:var(--mute);letter-spacing:.04em;margin-bottom:10px;
  display:flex;align-items:center;gap:6px}
.rx-sec-h .rx-n{margin-left:auto;font-weight:700;color:var(--line-2)}

.rx-bd{display:flex;align-items:center;gap:9px;height:34px;padding:0 8px;border-radius:var(--r-sm);
  font-size:13px;color:var(--body);font-weight:600}
.rx-bd:hover{background:var(--bg-soft);color:var(--ink)}
.rx-bd .rx-bd-i{width:18px;height:18px;flex:none;color:var(--mute);display:grid;place-items:center}
.rx-bd .rx-bd-i svg{width:16px;height:16px}
.rx-bd .rx-bd-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rx-bd .rx-bd-c{margin-left:auto;font-size:11px;font-weight:700;color:var(--mute);flex:none}
.rx-bd.on{background:var(--brand-lt);color:var(--brand)}
.rx-bd.on .rx-bd-i{color:var(--brand)}
.rx-bd.on .rx-bd-c{color:var(--brand)}
.rx-bd.on .rx-bd-n{font-weight:700}
.rx-bd .rx-new{margin-left:auto;font-size:10.5px;font-weight:800;color:var(--brand);flex:none}

.rx-morebd{width:100%;height:34px;padding:0 8px;border-radius:var(--r-sm);font-size:12.5px;font-weight:700;
  color:var(--mute);display:flex;align-items:center;gap:6px;margin-top:2px}
.rx-morebd:hover{background:var(--bg-soft);color:var(--body)}
.rx-morebd svg{width:14px;height:14px;margin-left:auto}

.rx-aigrp{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line-2)}
.rx-aigrp .rx-sec-h{margin-bottom:6px}

.rx-join{padding:14px;border:1px dashed var(--line-2);border-radius:var(--r-md);margin-bottom:18px}
.rx-join .rx-join-t{font-size:13px;font-weight:800;color:var(--ink);line-height:1.5}
.rx-join .rx-join-d{margin-top:6px;font-size:11.5px;color:var(--mute);line-height:1.6}
.rx-join .rx-join-b{margin-top:11px;display:flex;gap:6px}
.rx-join .rx-join-b .btn{flex:1;height:32px;padding:0 10px;font-size:12px}

.rx-feed{min-width:0;border-top:1px solid var(--line)}
.rx-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:16px;padding:20px 0;border-bottom:1px solid var(--line)}

.rx-stat{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right;padding-top:2px}
.rx-st{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.rx-st b{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.rx-st span{font-size:10.5px;color:var(--mute);font-weight:600;margin-top:2px}
.rx-st.rx-mute b{color:var(--mute);font-weight:700}
.rx-st.rx-box{border:1px solid var(--line);border-radius:var(--r-sm);padding:5px 8px;align-items:center}
.rx-st.rx-box.rx-dash{border:1px dashed var(--line-2);background:var(--bg-soft)}
.rx-st.rx-box.rx-dash b{color:var(--mute)}
.rx-st.rx-box.rx-solid{border:1px solid var(--line-2)}
.rx-pick{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:5px;
  background:#EAF6EE;color:#2A7A4B;font-size:11px;font-weight:800}
.rx-pick svg{width:12px;height:12px}

.rx-body{min-width:0}
.rx-brd{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--mute);margin-bottom:7px}
.rx-brd .rx-c{font-weight:800;color:var(--body)}
.rx-brd .rx-c:hover{color:var(--brand)}
.rx-brd .rx-dot{color:var(--line-2)}
.rx-brd .rx-bact2{margin-left:auto;display:flex;align-items:center;gap:6px;flex:none}
.rx-minisub{height:24px;padding:0 11px;border-radius:var(--r-pill);border:1px solid var(--line-2);
  font-size:11.5px;font-weight:700;color:var(--body)}
.rx-minisub:hover{border-color:var(--brand);color:var(--brand)}
.rx-minisub.on{background:var(--brand-lt);border-color:var(--brand-lt2);color:var(--brand)}
.rx-kebab{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--mute)}
.rx-kebab:hover{background:var(--bg-soft);color:var(--body)}
.rx-kebab svg{width:15px;height:15px}

.rx-t{font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.02em;margin-bottom:6px}
.rx-t a{color:var(--ink)}
.rx-t a:hover{color:var(--brand)}
.rx-sum{font-size:13px;color:var(--body);line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rx-sum1{-webkit-line-clamp:1;margin-top:9px;color:var(--mute);font-size:12.5px}

.rx-media{aspect-ratio:16/10;border-radius:var(--r-md);margin-top:11px;width:100%}

.rx-rowfoot{display:flex;align-items:center;gap:12px;margin-top:11px;flex-wrap:wrap}
.rx-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.rx-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;
  background:var(--field);color:#6E7180;font-size:11px;font-weight:700}
.rx-tag:hover{background:var(--brand-lt);color:var(--brand)}
.rx-who{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--mute);flex:none}
.rx-who .rx-av{width:20px;height:20px;border-radius:6px;flex:none}
.rx-who b{color:var(--body);font-weight:700}
.rx-who .rx-dot{color:var(--line-2)}

.rx-pills{display:flex;align-items:center;gap:6px;margin-top:11px}
.rx-pill{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 13px;
  border-radius:var(--r-pill);background:var(--field);font-size:12px;font-weight:700;color:var(--body)}
.rx-pill:hover{background:var(--brand-lt);color:var(--brand)}
.rx-pill svg{width:14px;height:14px}
.rx-pill.rx-off{color:var(--mute);background:var(--bg-soft)}
.rx-pill.rx-off:hover{background:var(--bg-soft);color:var(--mute)}

.rx-row.rx-locked .rx-t a{color:var(--ink)}
.rx-row.rx-locked .rx-stat{opacity:.45}

.rx-gate{padding:20px;border:1px dashed var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);
  margin:20px 0;display:flex;align-items:center;gap:16px}
.rx-gate .rx-gicon{width:38px;height:38px;border-radius:12px;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;color:var(--brand);flex:none}
.rx-gate .rx-gicon svg{width:18px;height:18px}
.rx-gate .rx-gtx{min-width:0;flex:1}
.rx-gate .rx-gt{font-size:13.5px;font-weight:800;color:var(--ink)}
.rx-gate .rx-gd{margin-top:5px;font-size:12px;color:var(--mute);line-height:1.6}
.rx-gate .rx-gb{display:flex;gap:7px;flex:none}

.rx-ad{background:none}
.rx-adlabel{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:4px;
  border:1px solid var(--line);background:var(--bg-soft);color:var(--mute);font-size:10px;font-weight:800;letter-spacing:.04em}
.rx-adhead{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.rx-adhead .rx-adt{font-size:13.5px;font-weight:800;color:var(--ink)}
.rx-adnote{font-size:11.5px;color:var(--mute);line-height:1.6;margin-bottom:12px}
.rx-admini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.rx-admini .rx-mi{min-width:0}
.rx-admini .rx-mi .thumb{aspect-ratio:16/10;border-radius:var(--r-sm);width:100%}
.rx-admini .rx-mi .rx-mt{margin-top:7px;font-size:12px;font-weight:700;color:var(--ink);line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rx-admini .rx-mi .rx-md{margin-top:3px;font-size:11px;color:var(--mute)}

.rx-pop{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:12.5px;color:var(--body);font-weight:600}
.rx-pop:hover{color:var(--brand)}
.rx-pop .rx-pi{width:26px;height:26px;border-radius:9px;background:var(--bg-soft);color:var(--mute);
  display:grid;place-items:center;flex:none}
.rx-pop .rx-pi svg{width:14px;height:14px}
.rx-pop .rx-pc{margin-left:auto;font-size:11px;color:var(--mute);font-weight:700;flex:none}

.rx-mini{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid var(--line)}
.rx-mini:last-child{border-bottom:0}
.rx-mini .rx-mnum{font-size:11px;font-weight:800;color:var(--line-2);flex:none;width:12px;padding-top:1px}
.rx-mini .rx-mbody{min-width:0}
.rx-mini .rx-mt{font-size:12.5px;font-weight:600;color:var(--body);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rx-mini:hover .rx-mt{color:var(--brand)}
.rx-mini .rx-mm{margin-top:4px;font-size:11px;color:var(--mute)}

.rx-rule{display:flex;gap:8px;font-size:12px;color:var(--body);line-height:1.65;padding:5px 0}
.rx-rule i{width:16px;height:16px;border-radius:5px;background:var(--field);color:var(--mute);flex:none;
  font-size:10px;font-weight:800;display:grid;place-items:center;font-style:normal;margin-top:2px}

.rx-person{display:flex;align-items:center;gap:9px;padding:7px 0}
.rx-person .rx-av{width:30px;height:30px;border-radius:9px;flex:none}
.rx-person .rx-ptx{min-width:0}
.rx-person .rx-pn{font-size:12.5px;font-weight:700;color:var(--ink);line-height:1.35}
.rx-person .rx-ph2{font-size:11px;color:var(--mute);margin-top:2px}
.rx-person .rx-pcnt{margin-left:auto;font-size:11px;color:var(--mute);font-weight:700;flex:none}

.rx-plink{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:11.5px;color:var(--mute);line-height:1.7}
.rx-plink a{color:var(--mute)}
.rx-plink a:hover{color:var(--brand)}
.rx-note{margin-top:10px;font-size:11px;color:var(--mute);line-height:1.7}

.rx-prj{display:flex;gap:9px;padding:8px 0}
.rx-prj .thumb{width:56px;aspect-ratio:16/10;border-radius:var(--r-sm);flex:none}
.rx-prj .rx-ptx{min-width:0}
.rx-prj .rx-pn{font-size:12px;font-weight:700;color:var(--ink);line-height:1.4;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rx-prj:hover .rx-pn{color:var(--brand)}
.rx-prj .rx-pm{margin-top:4px;font-size:10.5px;color:var(--mute)}

@media (max-width:1400px){
  .rx-3col{grid-template-columns:220px minmax(0,1fr);gap:24px}
  .rx-side-r{display:none}
}

/* ===== _css_rc.css ===== */
#s5 .util .av,#s35 .util .av,#s36 .util .av{width:34px;height:34px;border-radius:11px;flex:none;border:1px solid var(--line);display:block}
#s5 .util .chip,#s35 .util .chip,#s36 .util .chip{font-weight:700}
#s5 .crumb a,#s35 .crumb a,#s36 .crumb a{color:var(--body);font-weight:600}
#s5 .crumb a:hover,#s35 .crumb a:hover,#s36 .crumb a:hover{color:var(--brand)}

.rc-2col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;margin-top:14px}
.rc-3col{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;gap:28px;align-items:start;margin-top:18px}
.rc-main{min-width:0}

.rc-head{display:flex;align-items:flex-start;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.rc-headtx{min-width:0;flex:1}
.rc-headlead{margin-top:8px;line-height:1.7;max-width:760px}
.rc-headlead b{color:var(--body);font-weight:700}
.rc-headact{display:flex;align-items:center;gap:8px;flex:none}
.rc-write{flex:none}
.rc-bstat{margin-top:9px;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mute);font-weight:600}

.rc-segrow{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.rc-seg{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-pill);overflow:hidden}
.rc-sgb{height:32px;padding:0 15px;display:inline-flex;align-items:center;font-size:12.5px;font-weight:600;
        color:var(--mute);border-right:1px solid var(--line);transition:.12s;cursor:pointer}
.rc-sgb:last-child{border-right:0}
.rc-sgb:hover{background:var(--bg-soft);color:var(--body)}
.rc-sgb.on{background:var(--brand-lt);color:var(--brand);font-weight:700}
.rc-filter{flex:none}
.rc-view{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-pill);overflow:hidden;margin-left:auto}
.rc-vbt{height:32px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
        color:var(--mute);border-right:1px solid var(--line);cursor:pointer;transition:.12s}
.rc-vbt:last-child{border-right:0}
.rc-vbt svg{width:14px;height:14px}
.rc-vbt:hover{background:var(--bg-soft);color:var(--body)}
.rc-vbt.on{background:var(--ink);color:#fff}
.rc-viewnote{margin-top:9px;font-size:12px;color:var(--mute);line-height:1.7}

.rc-nav{min-width:0;position:sticky;top:18px}
.rc-navh{font-size:11px;font-weight:800;color:var(--mute);letter-spacing:.04em;margin:0 0 8px 10px}
.rc-navit{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;border-radius:var(--r-sm);
          font-size:12.5px;font-weight:600;color:var(--body);transition:.12s}
.rc-navit svg{width:15px;height:15px;color:var(--mute);flex:none}
.rc-navit:hover{background:var(--bg-soft)}
.rc-navit.on{background:var(--brand-lt);color:var(--brand)}
.rc-navit.on svg{color:var(--brand)}
.rc-navnm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-navcnt{font-size:11px;color:var(--mute);font-style:normal;font-weight:700;flex:none}
.rc-subon{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:var(--r-pill);
          background:var(--brand-lt);color:var(--brand);font-size:10.5px;font-weight:700;flex:none}
.rc-navdiv{border-top:1px dashed var(--line-2);margin:16px 0 14px}
.rc-navlk{display:flex;align-items:center;justify-content:space-between;gap:8px;height:31px;padding:0 10px;
          border-radius:var(--r-sm);font-size:12.5px;color:var(--mute);font-weight:600;transition:.12s}
.rc-navlk em{font-style:normal;font-size:11px;color:#B2B5C2;font-weight:700}
.rc-navlk:hover{background:var(--bg-soft);color:var(--body)}
.rc-navall{display:block;margin-top:10px;padding:0 10px;font-size:12px;font-weight:700;color:var(--brand)}

.rc-feed{min-width:0}
.rc-row{display:grid;grid-template-columns:88px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid var(--line)}
.rc-row:first-child{padding-top:6px}
.rc-stat{display:flex;flex-direction:column;align-items:flex-end;gap:9px;text-align:right;padding-top:2px}
.rc-stn b{display:block;font-size:16px;font-weight:800;color:var(--ink);line-height:1.15;letter-spacing:-.02em}
.rc-stn em{display:block;font-style:normal;font-size:10.5px;font-weight:600;color:var(--mute);margin-top:2px}
.rc-stn.sm b{font-size:13px;font-weight:700;color:var(--body)}
.rc-rbody{min-width:0}

.rc-rhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:7px}
.rc-bd{font-size:12.5px;font-weight:700;color:var(--ink)}
.rc-bd:hover{color:var(--brand)}
.rc-bdsm{font-size:11.5px;font-weight:700;color:var(--mute);margin-left:4px}
.rc-dot{color:#C7C9D4;font-size:11px}
.rc-time{font-size:12px;color:var(--mute);font-weight:500}
.rc-rnick{font-size:12px;color:var(--body);font-weight:600;display:inline-flex;align-items:center;gap:5px}
.rc-rnick small{font-size:11.5px;color:var(--mute);font-weight:500}
.rc-ib{width:28px;height:28px}
.rc-ib svg{width:16px;height:16px}
.rc-rhead .rc-ib,.rc-rhead .rc-subbtn,.rc-rhead .rc-subon{margin-left:auto}
.rc-rhead .rc-subon+.rc-ib{margin-left:0}
.rc-rhead .rc-subbtn+.rc-ib{margin-left:0}

.rc-rtt{display:block;font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.42}
.rc-rtt:hover{color:var(--brand)}
.rc-sum{margin-top:7px;font-size:13px;color:var(--body);line-height:1.72;
        display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rc-sum1{margin-top:8px;font-size:12.5px;color:var(--body);line-height:1.7;
         display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.rc-media{aspect-ratio:16/10;border-radius:var(--r-md);margin-top:11px}

.rc-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:9px}
.rc-tlab{font-size:10.5px;font-weight:700;color:var(--mute);letter-spacing:.02em;margin-right:1px}
.rc-tool{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;
         border:1px solid var(--line-2);background:#fff;font-size:11px;font-weight:700;color:var(--body)}
.rc-tool.none{border-style:dashed;color:var(--mute);font-weight:600}
.rc-pp{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:5px;
       background:var(--brand-lt);color:#5B45C8;font-size:10.5px;font-weight:700}

.rc-rfoot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:12px}
.rc-tagrow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.rc-by{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex:none}
.rc-tag{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:5px;
        background:var(--bg-soft);color:#6E7180;font-size:11.5px;font-weight:600;transition:.12s}
.rc-tag:hover{background:var(--brand-lt);color:var(--brand)}
.rc-tag.sm{height:22px;padding:0 8px;font-size:11px}

.rc-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.rc-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px;border-radius:var(--r-pill);
         background:var(--bg-soft);color:var(--body);font-size:12.5px;font-weight:600;transition:.12s}
.rc-pill svg{width:15px;height:15px}
.rc-pill b{font-weight:800;color:var(--ink)}
.rc-pill:hover{background:var(--field)}
.rc-pill.sm{height:28px;padding:0 12px;font-size:11.5px}
.rc-pill.sm svg{width:13px;height:13px}
.rc-pill.rc-up:hover{background:var(--brand-lt);color:var(--brand)}
.rc-pill.rc-up:hover b{color:var(--brand)}
.rc-pill.rc-rep{color:var(--mute)}

.rc-adrow .rc-stat{justify-content:flex-start}
.rc-adlab{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:4px;
          border:1px solid var(--line-2);color:var(--mute);font-size:10.5px;font-weight:800;letter-spacing:.02em}
.rc-adin{display:flex;align-items:center;gap:14px}
.rc-adin.wide{gap:16px}
.rc-adth{width:120px;aspect-ratio:16/10;border-radius:var(--r-sm);flex:none;display:block}
.rc-adin.wide .rc-adth{width:168px}
.rc-adtx{min-width:0;display:block}
.rc-adtx b{display:block;font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1.45}
.rc-adtx em{display:block;margin-top:6px;font-style:normal;font-size:12px;color:var(--mute);line-height:1.7}
.rc-adin:hover .rc-adtx b{color:var(--brand)}
.rc-adnote{margin-top:10px;font-size:11px;color:#A6A9B6;line-height:1.6}
.rc-adbox .rc-adlab{margin-bottom:11px}
.rc-adbox .rc-adin{gap:11px}
.rc-adbox .rc-adth{width:88px}
.rc-adbox .rc-adtx b{font-size:13px}

.rc-ahead{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding-bottom:12px}
.rc-av{width:24px;height:24px;border-radius:8px;flex:none;display:inline-block}
.rc-av2{width:26px;height:26px;border-radius:8px;flex:none;display:inline-block}
.rc-av3{width:20px;height:20px;border-radius:6px;flex:none;display:inline-block}
.rc-nick{font-size:12.5px;font-weight:700;color:var(--ink)}
.rc-nick:hover{color:var(--brand)}
.rc-uid{font-size:11.5px;color:var(--mute);font-weight:500}
.rc-job{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--r-pill);
        background:var(--bg-soft);color:#6E7180;font-size:10.5px;font-weight:700}
.rc-aact{margin-left:auto;display:flex;align-items:center;gap:6px}

.rc-titrow{padding-bottom:16px;border-bottom:1px solid var(--line)}
.rc-pre{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:5px;
        background:var(--brand-lt);color:var(--brand);font-size:11px;font-weight:800;margin-bottom:9px}
.rc-title{font-size:29px;line-height:1.35}
.rc-tmeta{margin-top:10px;font-size:12px;color:var(--mute);font-weight:500}

.rc-art{padding-top:6px}
.rc-art p{font-size:14.5px;color:var(--body);line-height:1.92;margin-top:18px}
.rc-fig{aspect-ratio:16/9;border-radius:var(--r-md);margin-top:20px}
.rc-figcap{margin-top:8px;font-size:11.5px;color:var(--mute);line-height:1.65}

.rc-code{margin-top:20px;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.rc-codeh{display:flex;align-items:center;gap:7px;padding:9px 14px;background:var(--bg-soft);
          border-bottom:1px solid var(--line);font-size:11.5px;font-weight:700;color:var(--body)}
.rc-codeh svg{width:14px;height:14px;color:var(--mute)}
.rc-codeb{margin:0;background:var(--dark);color:#D5D8E6;padding:15px 16px;overflow-x:auto;white-space:pre;
          font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"D2Coding",monospace;font-size:12.5px;line-height:1.8}
.rc-codef{padding:9px 14px;border-top:1px solid var(--line);font-size:11.5px;color:var(--mute);line-height:1.65}

.rc-quote{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px 16px;
          border:1px solid var(--line);border-radius:var(--r-md);border-left:3px solid var(--brand-lt2)}
.rc-quote.sm{margin-top:12px;padding:11px 13px;gap:12px}
.rc-qth{width:104px;aspect-ratio:16/10;border-radius:var(--r-sm);flex:none;display:block}
.rc-quote.sm .rc-qth{width:84px}
.rc-qbody{min-width:0;flex:1}
.rc-qnm{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
.rc-quote.sm .rc-qnm{font-size:13px}
.rc-qsub{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}
.rc-qmeta{font-size:11.5px;color:var(--mute);font-weight:500}
.rc-qbtn{flex:none}

.rc-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.rc-barnote{margin-left:auto;font-size:11.5px;color:#A6A9B6}
.rc-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:16px}

.rc-cmts{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}
.rc-ch{display:flex;align-items:baseline;gap:8px}
.rc-chc{font-size:13px;font-weight:700;color:var(--mute)}
.rc-cwrite{display:flex;gap:11px;margin-top:16px}
.rc-cwbox{flex:1;min-width:0;border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden}
.rc-cwfield{padding:13px 15px;font-size:13px;color:#A8ABB8;line-height:1.7;min-height:64px}
.rc-cwbtm{display:flex;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid var(--line);background:var(--bg-soft)}
.rc-cwnote{flex:1;min-width:0;font-size:11px;color:var(--mute)}

.rc-csort{display:flex;align-items:center;gap:14px;margin-top:20px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.rc-csort .rc-sgb{height:26px;padding:0;border:0;background:none;color:var(--mute);font-size:12.5px}
.rc-csort .rc-sgb:hover{background:none;color:var(--body)}
.rc-csort .rc-sgb.on{background:none;color:var(--ink);font-weight:800}
.rc-csnote{margin-left:auto;font-size:11.5px;color:var(--mute)}
.rc-clist{padding-top:2px}

.rc-c{display:grid;grid-template-columns:20px minmax(0,1fr);padding-top:15px}
.rc-clist>.rc-c{padding-top:18px;border-top:1px solid var(--line)}
.rc-clist>.rc-c:first-child{border-top:0}
.rc-crail{display:flex;flex-direction:column;align-items:center;padding-top:4px}
.rc-ctog{width:17px;height:17px;border-radius:50%;border:1px solid var(--line-2);background:#fff;
         color:var(--mute);font-size:11px;font-weight:800;line-height:1;display:grid;place-items:center;flex:none;cursor:pointer}
.rc-ctog:hover{border-color:var(--brand);color:var(--brand)}
.rc-cbar{flex:1;width:1px;min-height:16px;background:var(--line);margin-top:6px}
.rc-c:hover>.rc-crail>.rc-cbar{background:var(--line-2)}
.rc-cmain{min-width:0}
.rc-chd{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rc-me{display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:4px;
       background:var(--brand-lt);color:var(--brand);font-size:10.5px;font-weight:800}
.rc-deep{font-size:10.5px;color:#B2B5C2;font-weight:600;margin-left:2px}
.rc-ctx p{font-size:13.5px;color:var(--body);line-height:1.85;margin-top:7px}
.rc-cact{display:flex;align-items:center;gap:14px;margin-top:9px;flex-wrap:wrap}
.rc-cbtn{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:var(--mute);
         background:none;padding:0;transition:.12s;cursor:pointer}
.rc-cbtn svg{width:13px;height:13px}
.rc-cbtn:hover{color:var(--brand)}
.rc-cont{font-size:11.5px;font-weight:700;color:var(--brand)}
.rc-cont:hover{text-decoration:underline}

.rc-kids{position:relative;margin-left:20px;padding-left:16px;border-left:1px solid var(--line);margin-top:4px}
.rc-kids:hover{border-left-color:var(--line-2)}
.rc-ktog{position:absolute;left:-9px;top:10px;width:17px;height:17px;border-radius:50%;
         border:1px solid var(--line-2);background:#fff;color:var(--mute);font-size:11px;font-weight:800;
         line-height:1;display:grid;place-items:center;cursor:pointer}
.rc-ktog:hover{border-color:var(--brand);color:var(--brand)}
.rc-flat,.rc-kids .rc-kids .rc-kids .rc-kids{margin-left:0;padding-left:0;border-left:0}
.rc-flat{border-top:1px dashed var(--line-2);margin-top:12px;padding-top:2px}
.rc-flat>.rc-ktog,.rc-kids .rc-kids .rc-kids .rc-kids>.rc-ktog{display:none}
.rc-fold{display:flex;align-items:center;gap:9px;padding:9px 0}
.rc-kids>.rc-fold{margin-left:-25px}
.rc-fold .rc-ktog{position:static}
.rc-foldtx{font-size:12px;font-weight:700;color:var(--brand);cursor:pointer}
.rc-foldtx:hover{text-decoration:underline}
.rc-cmore{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);text-align:center}

.rc-side{min-width:0}
.rc-sbox{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.rc-sbox:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.rc-sh{display:flex;align-items:baseline;gap:8px;margin-bottom:12px}
.rc-sh .h2{font-size:14px}
.rc-smore{margin-left:auto;font-size:11.5px;font-weight:700;color:var(--mute)}
.rc-smore:hover{color:var(--brand)}
.rc-snote{margin-top:11px;font-size:11px;color:#A6A9B6;line-height:1.7}
.rc-sit{display:block;padding:9px 0;border-top:1px solid var(--line)}
.rc-sit:first-of-type{border-top:0;padding-top:0}
.rc-sitt{display:block;font-size:12.5px;font-weight:600;color:var(--body);line-height:1.55;
         display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rc-sit:hover .rc-sitt{color:var(--brand)}
.rc-sits{display:block;margin-top:5px;font-size:11px;color:var(--mute);font-weight:600}

.rc-au{display:flex;align-items:center;gap:11px}
.rc-bigav{width:46px;height:46px;border-radius:14px;flex:none;display:block;border:1px solid var(--line)}
.rc-aunm{font-size:14.5px;font-weight:800;color:var(--ink);display:flex;align-items:baseline;gap:6px}
.rc-aujob{margin-top:4px;font-size:11.5px;color:var(--mute);font-weight:600}
.rc-aubio{margin-top:11px;font-size:12.5px;color:var(--body);line-height:1.75}
.rc-austat{margin-top:9px;display:flex;align-items:center;gap:7px;font-size:11.5px;color:var(--mute);font-weight:600}
.rc-sbtn{width:100%;justify-content:center;margin-top:13px}

.rc-rules{margin-top:2px;padding-left:17px;list-style:decimal}
.rc-rules li{font-size:12.5px;color:var(--body);line-height:1.75;margin-top:8px;padding-left:2px}
.rc-rules li:first-child{margin-top:0}
.rc-rules li b{font-weight:800;color:var(--ink)}

.rc-tlist{display:flex;flex-direction:column}
.rc-tit{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.rc-tit:first-child{border-top:0;padding-top:0}
.rc-titn{font-size:12.5px;font-weight:700;color:var(--ink)}
.rc-tit em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:600}

.rc-mini3{display:flex;flex-direction:column;gap:11px}
.rc-mini{display:flex;align-items:center;gap:11px}
.rc-minith{width:74px;aspect-ratio:16/10;border-radius:var(--r-sm);flex:none;display:block}
.rc-minitx{min-width:0;font-size:12px;font-weight:600;color:var(--body);line-height:1.5}
.rc-minitx em{display:block;margin-top:4px;font-style:normal;font-size:10.5px;color:var(--mute);font-weight:700}
.rc-mini:hover .rc-minitx{color:var(--brand)}

.rc-pol{display:flex;flex-wrap:wrap;gap:8px 14px}
.rc-pol a{font-size:11.5px;color:var(--mute);font-weight:600}
.rc-pol a:hover{color:var(--brand)}

.rc-subbtn.on{border-color:var(--brand-lt2);background:var(--brand-lt);color:var(--brand)}
.rc-subbtn.on svg{color:var(--brand)}

@media (max-width:1400px){
  .rc-3col{grid-template-columns:220px minmax(0,1fr);gap:24px}
  .rc-2col{grid-template-columns:minmax(0,1fr)}
  .rc-side{display:none}
}

/* ===== 지표 아이콘 (Lucide · ISC) — 통계 열·카드 지표 공통 ===== */
.ic-s{width:13px;height:13px;flex:none;display:inline-block;vertical-align:-2px;
      margin-right:4px;opacity:.72;stroke-width:2.1}
.rx-st span,.rc-stn em{display:inline-flex;align-items:center;justify-content:center}
.rx-st.rx-mute .ic-s,.rc-stn.sm .ic-s{opacity:.5}
.rx-st.rx-solid .ic-s,.rx-st.rx-dash .ic-s{opacity:.75}

/* ===== 카피 · 브랜드 슬로건 ===== */
.cp-slog{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.08em;
         color:var(--brand);background:var(--brand-lt);border-radius:var(--r-pill);
         padding:5px 14px;margin-bottom:16px}
.cp-tag{font-size:17px;font-weight:700;color:var(--brand);margin:14px 0 0;letter-spacing:-.02em}
.cp-fslog{font-size:12.5px;color:#8A8D9A;margin-top:8px;letter-spacing:.02em}
.v4-hero h1{line-height:1.22}
.v4-hero p b{color:var(--ink);font-weight:700}


/* ═══════════════════════════════════════════════════════════
   인터랙션 · 반응형  (2026-08-16 추가)
   ─────────────────────────────────────────────────────────
   ※ OS 「동작 줄이기」를 켜면 이 아래 애니메이션은 전부 꺼집니다.
   ═══════════════════════════════════════════════════════════ */

/* ── 1. 스크롤 진입 ── */
.js .reveal{opacity:0;transform:translateY(14px);
  transition:opacity .5s cubic-bezier(.22,.8,.3,1) var(--rv-d,0ms),
             transform .5s cubic-bezier(.22,.8,.3,1) var(--rv-d,0ms)}
.js .reveal.is-in{opacity:1;transform:none}

/* ── 2. 추천 · 구독 반응 ── */
@keyframes ws-pop{0%{transform:scale(1)}38%{transform:scale(1.14)}100%{transform:scale(1)}}
.pop{animation:ws-pop .34s cubic-bezier(.3,1.4,.5,1)}
.rc-pill,.rx-pill,.rc-cbtn{transition:background .14s,color .14s,border-color .14s,transform .14s}
.rc-pill:hover,.rx-pill:hover,.rc-cbtn:hover{background:var(--brand-lt);color:var(--brand)}
.rc-pill:active,.rx-pill:active{transform:scale(.96)}
.voted{background:var(--brand-lt)!important;color:var(--brand)!important;font-weight:700}
.voted svg{fill:currentColor;stroke:currentColor}
.subbed{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}

/* ── 3. 댓글 가지 접기 ── */
.rc-c.folded > .rc-cmain > *:not(.rc-chd){display:none}
.rc-c.folded > .rc-clist,.rc-c.folded .rc-clist{display:none}
.rc-c.folded .rc-chd{opacity:.6}
.rc-ctog{cursor:pointer;transition:background .14s,color .14s}
.rc-ctog:hover{background:var(--brand-lt);color:var(--brand)}
.rc-cbar{cursor:pointer;transition:background .14s}
.rc-cbar:hover{background:var(--brand)}

/* ── 4. 목록 전환 ── */
@keyframes ws-swap{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
.swap{animation:ws-swap .3s ease-out}

/* ── 5. 카드 호버 ── */
.v4-ac,.v4-n-card,.v4-f-card,.v4-dc,.card,.pcard{transition:transform .18s cubic-bezier(.22,.8,.3,1),box-shadow .18s}
.v4-ac:hover,.v4-n-card:hover,.v4-f-card:hover,.v4-dc:hover,.card:hover,.pcard:hover{
  transform:translateY(-3px);box-shadow:0 10px 26px rgba(22,23,29,.10)}
.rx-row,.rc-row,.rx-item,.rc-item{transition:background .16s}
.rx-row:hover,.rc-row:hover,.rx-item:hover,.rc-item:hover{background:var(--bg-soft)}

/* ── 6. 상단바 · 맨 위로 ── */
.topbar{position:sticky;top:0;z-index:40;background:var(--bg);transition:box-shadow .2s}
.topbar.stuck{box-shadow:0 2px 14px rgba(22,23,29,.07)}
.ws-top{position:fixed;right:26px;bottom:26px;z-index:60;width:44px;height:44px;border-radius:50%;
  background:#fff;border:1px solid var(--line);color:var(--body);cursor:pointer;
  display:grid;place-items:center;box-shadow:0 6px 18px rgba(22,23,29,.12);
  opacity:0;pointer-events:none;transform:translateY(10px);transition:.22s}
.ws-top svg{width:20px;height:20px}
.ws-top.show{opacity:1;pointer-events:auto;transform:none}
.ws-top:hover{border-color:var(--brand);color:var(--brand)}

/* ── 7. 토스트 ── */
.ws-toast{position:fixed;left:50%;bottom:34px;z-index:90;transform:translate(-50%,14px);
  background:var(--dark);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:-.01em;
  padding:11px 20px;border-radius:var(--r-pill);box-shadow:0 8px 24px rgba(0,0,0,.22);
  opacity:0;pointer-events:none;transition:.24s cubic-bezier(.22,.8,.3,1)}
.ws-toast.show{opacity:1;transform:translate(-50%,0)}

/* ── 8. 자리표시자 흐름 ── */
@keyframes ws-shim{from{background-position:-160% 0}to{background-position:260% 0}}
.ph-live::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.5) 50%,transparent 68%);
  background-size:220% 100%;animation:ws-shim 3.4s linear infinite}
.ph{position:relative;overflow:hidden}

/* ── 9. 링크 · 버튼 공통 ── */
a{transition:color .14s}
.btn{transition:background .15s,color .15s,border-color .15s,transform .12s}
.btn:active{transform:scale(.97)}
.rail .it{transition:background .14s,color .14s}

/* ── 10. 모바일 서랍 ── */
.ws-burger{display:none;width:38px;height:38px;border-radius:10px;background:none;border:0;
  color:var(--body);cursor:pointer;place-items:center;flex:none}
.ws-burger svg{width:22px;height:22px}
.ws-burger:hover{background:var(--bg-soft)}
.ws-dim{position:fixed;inset:0;z-index:70;background:rgba(22,23,29,.42);
  opacity:0;pointer-events:none;transition:opacity .22s}
body.nav-open .ws-dim{opacity:1;pointer-events:auto}


/* ═══════════ 반응형 ═══════════ */

/* 1400 이하 — 우측 사이드 접기 */
@media (max-width:1400px){
  .rx-3col,.rc-3col{grid-template-columns:200px minmax(0,1fr);gap:24px}
  .rx-3col > *:nth-child(3),.rc-3col > *:nth-child(3){display:none}
  .pjbody{grid-template-columns:1fr 290px;gap:24px}
  .content{padding:26px 24px 48px}
}

/* 1180 이하 — 2단을 1단으로, 카드 열 축소 */
@media (max-width:1180px){
  .pjbody{grid-template-columns:1fr}
  .my-shell{grid-template-columns:1fr}
  .my-nav{display:flex;flex-wrap:wrap;gap:6px}
  .my-nav-it{flex:0 0 auto}
  .my-nav-h,.my-nav-sep{display:none}
}

/* 940 이하 — 레일을 서랍으로 */
@media (max-width:940px){
  .ws-burger{display:grid}
  .rail{position:fixed;left:0;top:0;bottom:0;z-index:80;
        transform:translateX(-100%);transition:transform .26s cubic-bezier(.22,.8,.3,1);
        box-shadow:0 0 30px rgba(0,0,0,.16)}
  body.nav-open .rail{transform:none}
  .content{padding:22px 18px 44px}
  .topbar{padding:12px 18px;gap:10px}
  .search input{font-size:14px}
  .util .btn{padding:8px 13px;font-size:13px}
  .rx-3col,.rc-3col{grid-template-columns:minmax(0,1fr)}
  .rx-3col > *:first-child,.rc-3col > *:first-child{display:none}
  .adm-side{display:none}
  .foot{padding:28px 18px 24px}
  .frow1{flex-direction:column;gap:18px}
}

/* 720 이하 — 휴대폰 */
@media (max-width:720px){
  .h1,.v4-hero h1{font-size:27px;line-height:1.26}
  .lead,.v4-hero p{font-size:14px}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
  .content{padding:18px 14px 40px}
  .topbar{padding:10px 14px}
  .util .btn.ghost{display:none}
  /* 목록 행 — 통계 열을 가로로 눕힌다 */
  .rx-row,.rc-row{grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .rx-stat,.rc-stat{flex-direction:row;gap:16px;align-items:center;justify-content:flex-start}
  .rx-st,.rc-stn{display:flex;flex-direction:row;align-items:baseline;gap:5px}
  .rx-st b,.rc-stn b{font-size:14px}
  .rx-st span,.rc-stn em{font-size:11.5px}
  table{display:block;overflow-x:auto;white-space:nowrap}
  .ws-top{right:14px;bottom:76px;width:40px;height:40px}
  .ws-toast{bottom:20px;font-size:13px;padding:10px 17px;max-width:88vw;text-align:center}
}

/* 480 이하 — 좁은 휴대폰 */
@media (max-width:480px){
  .grid{grid-template-columns:minmax(0,1fr)!important}
  .h1,.v4-hero h1{font-size:24px}
  .content{padding:16px 12px 36px}
  .crumb{font-size:11.5px}
  .btn{padding:9px 14px;font-size:13px}
  .cp-slog{font-size:11.5px;padding:4px 11px}
}

/* 동작 줄이기 */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
                       transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .reveal{opacity:1;transform:none}
  .ph-live::after{display:none}
}

/* 인쇄 */
@media print{
  .rail,.topbar,.ws-top,.ws-burger,.ws-dim,.ws-toast,.foot{display:none!important}
  .content{padding:0}
  .js .reveal{opacity:1;transform:none}
}

/* ── 본문 바로가기 (키보드·스크린리더) ── */
.ws-skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--brand);color:#fff;
  padding:11px 18px;border-radius:0 0 10px 0;font-size:13.5px;font-weight:700;text-decoration:none}
.ws-skip:focus{left:0}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}

/* ── 반응형 보강: 메인 벤토 · 다열 그리드 ── */
@media (max-width:1180px){
  #s6 .v4-bento,.v4-bento{grid-template-columns:1fr 1fr}
  .v4-grid5{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .v4-grid4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #s6 .v4-dgrid,.v4-dgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:940px){
  #s6 .v4-ways,.v4-ways{grid-template-columns:1fr}
  .v4-grid5{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
  #s6 .v4-bento,.v4-bento{grid-template-columns:1fr;gap:12px}
  #s6 .v4-bento > *,.v4-bento > *{grid-area:auto!important}
  .v4-bg-card .v4-bg-thumb{aspect-ratio:16/10;height:auto!important;min-height:0!important}
  .v4-bg-by{flex-wrap:wrap;gap:6px;font-size:12px}
  .v4-bg-stat{margin-left:0;width:100%;gap:14px}
  .v4-dgrid,.v4-grid4,.v4-grid5{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
  .v4-mk-works{grid-template-columns:repeat(3,1fr)}
  .hbtns,.v4-cta-b{flex-wrap:wrap}
  .hbtns .btn,.v4-cta-b .btn{flex:1 1 46%}
}
@media (max-width:480px){
  .v4-dgrid,.v4-grid4,.v4-grid5{grid-template-columns:minmax(0,1fr)!important}
  .v4-bg-cat{font-size:11.5px}
  .v4-bg-scrim h3{font-size:20px}
  .hbtns .btn,.v4-cta-b .btn{flex:1 1 100%}
}

/* ==== 모바일 가로 넘침 보정 (390px) ==== */
@media (max-width:720px){
  .adm-user{gap:6px;min-width:0;flex-wrap:nowrap;margin-left:auto;align-items:center}
  .adm-who,.adm-out span,.adm-topsep{display:none}
  .adm-av{width:24px!important;height:24px!important;flex:none}
  .adm-top{flex-wrap:wrap;gap:6px 8px;align-items:center;padding:8px 12px;height:auto!important}
  .adm-topnote{order:9;flex:1 1 100%;font-size:10.5px;line-height:1.4}
  .my-axis,.my-axisgrid,.my-notgrid,.my-flow,.my-orggrid,
  .ad2-gcards,.ad2-inq,.ad2-inqgrid{grid-template-columns:minmax(0,1fr)!important;display:grid!important;gap:10px}
  .my-axiscard,.my-notcard,.my-flowstep,.my-orgbox,
  .ad2-gcard,.ad2-inqside,.ad2-inqmain{width:auto!important;max-width:100%!important;min-width:0!important;flex:1 1 100%!important}
  .my-flow,.my-orgbox{flex-wrap:wrap}
  .lg-pl{max-width:100%;white-space:normal;word-break:keep-all;overflow-wrap:anywhere}
  .lg-plist,.lg-toc,.lg-prow{flex-wrap:wrap}
}
@media (max-width:1440px){
  .adm-members-wrap,.adm-main{min-width:0}
}

/* ==== 모바일 레이아웃 붕괴 방지 (≤900px) ==== */
@media (max-width:900px){
  /* 1) 2~4단 그리드는 모두 1단으로 */
  .two,.adm-split,.ad2-trust,.q-axedit,.mp-ben,.mp-2col,.mp-3col,.my-sum,
  .mp-act3,.my-frow,.fcols,.fm-heads,.ad2-inq,.ad2-inqgrid,.my-axis,
  .my-notgrid,.my-flow,.my-orggrid,.ad2-gcards,.q-gr,.ax-exprow,
  .mp-fgrp,.my-fsec,.lg-gr{grid-template-columns:minmax(0,1fr)!important}
  .two>*,.adm-split>*,.mp-2col>*,.mp-3col>*{min-width:0!important;max-width:100%!important}

  /* 2) 고정폭 사이드 패널은 전폭으로 */
  .side,.my-nav,.adm-detail,.mp-side,.my-prev,.ad2-inqside,.ad2-inqmain,
  .ax-exp-side,.mp-hist,.adm-detail-b{width:auto!important;max-width:100%!important;
    min-width:0!important;flex:1 1 100%!important;position:static!important}

  /* 3) 표는 가로 스크롤 */
  .adm-tblwrap,.mp-tblwrap,.ad2-tlwrap,.ax-diffwrap,.q-tbl-hit{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .adm-tbl,.mp-tbl,.ad2-tl{min-width:640px}

  /* 4) 칩/탭 줄은 가로 스와이프 */
  .m2-swipe,.my-tabs,.pf-tabs,.adm-chipbar,.chiprow,.tgs,.mp-vtabs,
  .adm-listbar,.q-sec-h,.sorts{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .m2-swipe::-webkit-scrollbar,.my-tabs::-webkit-scrollbar{display:none}
  .m2-chip,.my-tab,.mp-vtab{flex:0 0 auto}

  /* 5) 긴 문자열(코드·URL·인증번호)은 강제 줄바꿈 */
  .ad2-mono,.adm-mono,.q-mono,.ad2-tryng,.ad2-tryblk,.ad2-tryok,.ad2-spec,
  .vf-code,.vf-vok,.lg-pl,.lg-qk,.adm-logline,.adm-detail-url,.linkfield,
  .v6-lockn,.when,.st-en,.mp-pill,.ad2-key,.ad2-keyx,pre,code{
    white-space:normal!important;overflow-wrap:anywhere;word-break:break-word;max-width:100%}

  /* 6) flex 줄은 무조건 wrap + 최소폭 해제 */
  .adm-band,.adm-br,.adm-sec,.adm-sec-h,.adm-stats,.adm-flow,.adm-flowbar,
  .adm-detail-h,.adm-acts,.adm-act,.adm-rt,.adm-cellrow,.adm-preset,.adm-rp,
  .ad2-kpi,.ad2-kpin,.ad2-autorow,.ad2-autor,.ad2-capr,.ad2-formcol,.ad2-formact,
  .ad2-trow,.ad2-lockband,.ad2-maskrow,.ad2-nkhd,.ad2-nkit,.ad2-acts,.ad2-radio2,
  .q-tgr,.q-clslist,.q-crow,.q-cr,.q-wbh,.q-wbf,.q-axcard-h,.q-axr,.q-chgit,.q-grp-h,
  .mp-mc,.mp-jm,.mp-jprev,.mp-jprevh,.mp-sechead,.mp-flabrow,.mp-payrow,.mp-etool,
  .mp-fixbar,.mp-flowline,.mp-statusbar,.mp-band,.mp-wrap,.mp-re,.mp-ax,.mp-axfoot,
  .my-jdtop,.my-jdsave,.my-jdlist,.my-apply,.my-reportbar,.my-listbar,.my-saveband,
  .my-waitbar,.my-prevhead,.my-pact,.my-aact,.my-radios,.my-tgl,.my-ym,
  .lg-f,.lg-ky,.lg-sc,.lg-sf,.lg-of,.lg-rd,.lg-plist,.lg-toc,
  .st-lg,.st-fix,.st-tcard,.ctapanel,.pbtns,.cbtns,.btns,.pager,.rt,.rt2,
  .m2-bch,.pcard,.ptop,.pjobs,.pfoot,.fm-up,.fm-files,.fm-file,.fm-range,
  .fm-agree,.fm-prevh,.fm-sel,.v6-fxrow,.v6-bahd,.v6-bafoot,.v6-pre,.v6-prest,
  .adm-radios,.adm-note,.adm-tag,.adm-chks,.adm-chk,.ad2-ckhd,.ad2-prio,
  .ad2-memo,.ad2-inlinenote,.ax-chg,.ax-exp-h,.ax-link,.adm-dh,.q-hitmk,
  .mp-warnlist,.mp-wr,.mp-reasons,.mp-rs,.mp-agree,.mp-chk,.mp-fold,.mp-up,
  .mp-prt,.mp-arow,.mp-blindbox,.my-prow,.my-flab,.my-avup,.my-handle,
  .my-linkin,.my-subagree,.my-jobmini,.my-jdco,.my-dday,.my-cond,
  .kv,.kv2,.tags,.tagmini,.roles,.tools,.rmeta,.rtop,.rfoot,.bh,.bfoot,
  .my-pmain,.my-mpain,.mp-amain,.mp-mini,.notice,.actband,.wbar,.linkrow{
    flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}

  /* 7) 마지막 안전망: 화면 밖으로 나가는 잔여 요소 차단 */
  .content,.adm-main,.mob-body,.my-shell,.pjbody{max-width:100%;overflow-x:clip}
}

/* ==== 잔여 넘침 보정 ==== */
@media (max-width:900px){
  .ad2-trytbl{max-width:100%;overflow:hidden}
  .ad2-tryhd{display:none!important}
  .ad2-tryrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;row-gap:2px}
  .ad2-tryrow>*:last-child{grid-column:1/-1}
}
@media (max-width:1500px){
  .adm-detail{width:auto!important;max-width:320px;min-width:0}
  .adm-body{min-width:0}
}
@media (max-width:900px){
  .ad2-lgrow{grid-template-columns:minmax(0,1fr)!important}
  .ad2-lgcol,.ad2-lgcard,.ad2-lgstep{min-width:0!important;max-width:100%}
  .ad2-lgstep{flex-wrap:wrap}
  .ad2-lgcard,.ad2-lgnote,.ad2-lgmini{overflow-wrap:anywhere;word-break:keep-all}
}

/* ==== 모바일 목업 프레임: 좁은 화면에서 전폭 ==== */
@media (max-width:430px){
  .mob{width:100%!important;max-width:100%;border-radius:0;border-left:0;border-right:0}
  .mob-wrap,.mob-stage{padding-left:0!important;padding-right:0!important;max-width:100%}
}
/* ==== 관리자 목록+상세: 노트북 이하에서 상세를 아래로 ==== */
@media (max-width:1320px){
  .adm-body{flex-wrap:wrap}
  .adm-detail{width:100%!important;max-width:100%!important;flex:1 1 100%!important;
    border-left:0;border-top:1px solid var(--line-2, #32343F)}
  .adm-main{flex:1 1 100%;min-width:0}
}
/* ==== 초소형(320px) ==== */
@media (max-width:360px){
  html{font-size:15px}
  .content,.adm-main,.mob-body{padding-left:12px!important;padding-right:12px!important}
  .grid,[class*="-3col"],[class*="-2col"]{grid-template-columns:minmax(0,1fr)!important}
  .my-shell,.pjbody,.two,.adm-split{grid-template-columns:minmax(0,1fr)!important}
  .card,.pcard,.rx-row,.rc-row{min-width:0;max-width:100%}
  .btn{padding-left:10px;padding-right:10px;font-size:12px}
  table,.adm-tbl,.mp-tbl{min-width:0!important}
  .m2-chip{font-size:11px;padding:0 8px}
}
@media (max-width:400px){
  .fmenu,.fcols,.foot-in,.mp-coact,.cbtn,.my-orgbox,.n{flex-wrap:wrap!important;min-width:0!important;max-width:100%!important}
  .fmenu>*,.mp-coact>*,.cbtn>*{flex:0 1 auto;min-width:0}
  ul,ol{padding-left:18px}
  ul li,ol li{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:keep-all}
  .two,.two>*{min-width:0!important;max-width:100%!important}
}
@media (max-width:400px){
  .my-heronums{flex-wrap:wrap!important;gap:10px 14px}
  .my-heronums .n{flex:0 0 auto;min-width:0}
  .my-heronums b{white-space:normal;overflow-wrap:anywhere}
}

/* ==== 관리자 화면 모바일 스택 ==== */
@media (max-width:900px){
  .adm-head,.adm-hl,.adm-hr,.q-today,.q-alert,.q-kinds,.adm-band,.adm-sec-h,
  .adm-detail-h,.adm-flowbar,.ad2-nkhd,.q-sec-h,.q-grp-h,.mp-sechead{
    flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:8px}
  .adm-head{flex-direction:column;align-items:stretch}
  .adm-hl,.adm-hr{width:100%;min-width:0}
  .adm-hr{justify-content:flex-start}
  .adm-hl p{max-width:100%}
  .q-today,.q-alert{flex-direction:column;align-items:flex-start}
  .q-today>*,.q-alert>*{width:100%;min-width:0}
  .q-kinds{flex-direction:row;flex-wrap:wrap;gap:6px 14px}
  .q-alsep{display:none}
  .adm-mini-btn{align-self:flex-start}
}

/* ==== AEO: 화면에 보이는 FAQ (JSON-LD FAQPage와 1:1) ==== */
.ws-faq{border-top:1px solid var(--line-2,#E7E7EF);background:#FBFBFE}
.ws-faq-in{max-width:820px;margin:0 auto;padding:54px 24px 60px}
.ws-faq-kicker{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--brand,#6C4DF6)}
.ws-faq h2{margin:0 0 22px;font-size:25px;font-weight:800;letter-spacing:-.02em;color:var(--ink,#16161D)}
.ws-faq-it{border-bottom:1px solid var(--line-2,#E7E7EF)}
.ws-faq-it>summary{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 2px;cursor:pointer;list-style:none;font-size:15.5px;font-weight:700;
  color:var(--ink,#16161D);word-break:keep-all}
.ws-faq-it>summary::-webkit-details-marker{display:none}
.ws-faq-it>summary:hover{color:var(--brand,#6C4DF6)}
.ws-faq-it>summary:focus-visible{outline:2px solid var(--brand,#6C4DF6);outline-offset:3px;border-radius:6px}
.ws-faq-ar{width:18px;height:18px;flex:none;opacity:.5;transition:transform .22s ease}
.ws-faq-it[open] .ws-faq-ar{transform:rotate(180deg)}
.ws-faq-it>p{margin:0;padding:0 2px 18px;font-size:14px;line-height:1.75;
  color:var(--ink-3,#5A5C6B);word-break:keep-all;animation:ws-faq-in .26s ease both}
@keyframes ws-faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.ws-faq-more{margin:22px 0 0;font-size:13px;color:var(--ink-4,#83859A)}
.ws-faq-more a{color:var(--brand,#6C4DF6);font-weight:700;text-decoration:none}
.ws-faq-more a:hover{text-decoration:underline}
@media (max-width:900px){
  .ws-faq-in{padding:38px 18px 44px}
  .ws-faq h2{font-size:21px}
  .ws-faq-it>summary{font-size:14.5px;padding:14px 2px}
}
@media (prefers-reduced-motion:reduce){
  .ws-faq-ar{transition:none}.ws-faq-it>p{animation:none}
}
/* 약관·방침 제목을 h2/h3로 승격했을 때 기본 마진 제거 */
h2.lg-ch-t,h3.lg-art-t{margin:0}
h2.lg-ch-t{margin-top:5px}
/* 앵커 이동 시 상단 바에 가리지 않도록 */
html{scroll-behavior:smooth}
h2[id],h3[id],#main,#faq-h{scroll-margin-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 상세 헤더: 모바일에서 제목과 버튼 분리 */
@media (max-width:720px){
  .pjhead,.ax-head,.pf-head,.rx-head,.rc-head,.jb-head,.my-head{
    flex-direction:column;align-items:stretch!important;gap:12px}
  .pjhead>.l,.ax-head>.l,.pjhead>.r,.ax-head>.r{width:100%;min-width:0;max-width:100%}
  .pjhead>.r,.ax-head>.r{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}
  .pjhead h1,.ax-head h1{font-size:23px;line-height:1.3;word-break:keep-all}
}

/* ==== 모바일에서 칸이 너무 좁아지는 그리드 정리 ==== */
@media (max-width:720px){
  #s3 .v4-agrid,.v4-agrid,.v4-dw,.rx-admini,.vf-ptbl,.ad2-slotgrid,.ad2-slots,
  .ad2-guide,.ad2-dates,.ad2-offgrid,.lg-quick,.lg-radios,.lg-reqgrid,
  .ax-opts,.ax-arow,.qa-bcards,.qa-two,.st-two,.lg-key,.lg-officer,
  .ad2-jobs,.ad2-specs,.q-axrow,.rc-c{grid-template-columns:minmax(0,1fr)!important}
  .ad2-kpis,.st-legend,.lg-sum,.lg-safe,.q-check{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vf-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:480px){
  .ad2-kpis,.st-legend,.lg-sum,.lg-safe,.vf-cols{grid-template-columns:minmax(0,1fr)!important}
}
/* 프로필 히어로: 모바일 스택 */
@media (max-width:720px){
  .pf-hero{padding:22px 18px 0}
  .pf-top{flex-wrap:wrap;gap:14px}
  .pf-av{width:64px!important;height:64px!important;flex:none}
  .pf-id{flex:1 1 calc(100% - 78px);min-width:0}
  .pf-act{flex-direction:row!important;flex-wrap:wrap;align-items:flex-start!important;
    justify-content:flex-start;width:100%;order:9}
  .pf-bio{max-width:100%;word-break:keep-all}
  .pf-nums,.pf-stats{flex-wrap:wrap;gap:12px 22px}
}
/* 레퍼런스 행: 모바일 세로 스택 */
@media (max-width:720px){
  .ref{flex-direction:column;gap:12px}
  .ref .shot{width:100%!important;flex:none}
  .ref .info{width:100%}
  .ref .rtop{flex-wrap:wrap}
  .ref .rtop .pin{margin-left:0}
}
/* 제작사 히어로: 모바일 스택 */
@media (max-width:720px){
  .mp-cohero{padding-left:18px;padding-right:18px}
  .mp-costats,.mp-conums{flex-wrap:wrap;gap:14px 24px;padding-left:0;padding-right:0}
  .mp-cotop{flex-wrap:wrap;gap:14px}
  .mp-colg{width:64px!important;height:64px!important;flex:none}
  .mp-coid{flex:1 1 calc(100% - 78px);min-width:0}
  .mp-coact{flex:1 1 100%!important;order:9;justify-content:flex-start;flex-wrap:wrap}
  .mp-cometa,.mp-coid .nmrow{flex-wrap:wrap;min-width:0}
  .mp-cometa>span,.mp-cometa>a{white-space:nowrap}
  .mp-codesc,.mp-cobio{word-break:keep-all}
}
/* 정렬·필터 바: 모바일 세로 스택 */
@media (max-width:720px){
  .sortrow{flex-direction:column;align-items:stretch;gap:10px;margin:16px 0 14px}
  .sortrow .sorts{margin-left:0!important;width:100%;gap:6px;flex-wrap:nowrap;
    overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}
  .sortrow .sorts::-webkit-scrollbar{display:none}
  .sortrow .sorts>*{flex:0 0 auto;white-space:nowrap}
  .sortrow .chiprow{justify-content:flex-start}
  .sortrow>*{min-width:0}
}

/* ==== 라벨+설명 2단 구조 모바일 스택 ==== */
@media (max-width:720px){
  .my-frow,.lg-safe,.st-two,.lg-evid,.lg-quick2,.fm-2col{grid-template-columns:minmax(0,1fr)!important}
  .ad2-capset,.ad2-eyeit,.rx-bhead,.rx-gate,.my-radio,.my-tgl,.rc-qsub,
  .lg-tl-i,.st-card,.st-lab,.st-quiet,.st-qrow,.st-hot,.askbtns,.fm-ask,
  .steps,.ad2-capl,.ad2-formcol{flex-wrap:wrap;min-width:0}
  .ad2-eyex,.rx-btx,.rx-gtx,.my-fbody,.lg-tl-b,.lg-sf,.st-tcard,.st-hotx,
  .rt,.ti,.ad2-ff{flex:1 1 100%!important;min-width:0!important;max-width:100%!important;width:auto!important}
  .steps>.st{flex:1 1 100%;min-width:0}
  .rx-bhead>*,.rx-gate>*{min-width:0}
}
/* 문서·설정·상태 페이지 다단 → 1단 */
@media (max-width:900px){
  .my-shell,.my-shell.wide3,.lg-doc,.st-grid,.st-grid.st-g2,.st-grid.st-g3,
  .lg-doc-w>.lg-doc{grid-template-columns:minmax(0,1fr)!important}
  .my-shell>*,.lg-doc>*,.st-grid>*{min-width:0;max-width:100%}
  .lg-toc{position:static!important;max-height:none!important}
}
@media (max-width:900px){
  .ad2-cap,.ad2-form,.ad2-ups,.ad2-auto,.ad2-aud{grid-template-columns:minmax(0,1fr)!important}
  .ad2-cap>*,.ad2-form>*{min-width:0;width:auto!important}
  .rc-quote,.vf-prow2{flex-wrap:wrap}
  .rc-qbody,.vf-prow2>*{flex:1 1 100%!important;min-width:0!important}
}
@media (max-width:400px){
  .topbar{gap:6px;padding-left:10px;padding-right:10px}
  .util{gap:5px;min-width:0;flex-wrap:nowrap}
  .util .btn{padding:0 9px;font-size:12px;white-space:nowrap}
  .util .iconbtn{width:32px;height:32px;flex:none}
  .util .av{flex:none}
  .search{min-width:0}
}


/* ══════════════════════════════════════════════════════════
   광고 센터 (adx-) — 자리 선택 · 셀프 결제 · 소재 관리 · 정산
   ══════════════════════════════════════════════════════════ */

/* ── 단계 표시 ── */
.adx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 30px}
.adx-step{display:flex;flex-direction:column;gap:2px;padding:13px 15px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;position:relative;transition:border-color .18s,background .18s}
.adx-step i{position:absolute;top:13px;right:14px;width:20px;height:20px;border-radius:50%;
  background:var(--field);color:var(--mute);font-size:11px;font-weight:800;font-style:normal;
  display:grid;place-items:center}
.adx-step b{font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.adx-step span{font-size:11.5px;color:var(--mute);font-weight:600}
.adx-step:hover{border-color:var(--brand-lt2)}
.adx-step.on{border-color:var(--brand);background:var(--brand-lt)}
.adx-step.on i{background:var(--brand);color:#fff}
.adx-step.on b{color:var(--brand-dk)}
.adx-step.done i{background:var(--brand-lt2);color:var(--brand-dk)}

/* ── 2단 레이아웃 ── */
.adx-two{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start}
.adx-main{min-width:0}
.adx-side{position:sticky;top:88px;display:flex;flex-direction:column;gap:14px;min-width:0}

/* ── 자리 선택 카드 ── */
.adx-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adx-slot{display:flex;gap:13px;padding:14px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;cursor:pointer;position:relative;transition:border-color .18s,box-shadow .18s}
.adx-slot:hover{border-color:var(--brand-lt2);box-shadow:0 3px 12px rgba(22,23,29,.05)}
.adx-slot.on{border-color:var(--brand);background:var(--brand-lt)}
.adx-slot.sold{opacity:.5;cursor:not-allowed}
.adx-slot input{position:absolute;top:13px;right:13px;width:17px;height:17px;accent-color:var(--brand);cursor:inherit}
.adx-slotb{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1;padding-right:22px}
.adx-slott{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.adx-slott b{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.adx-slott em{font-size:10.5px;font-weight:800;color:var(--brand-dk);background:var(--brand-lt2);
  padding:2px 6px;border-radius:4px;font-style:normal}
.adx-form{font-size:11px;font-weight:700;color:var(--mute)}
.adx-slotd{font-size:12.5px;line-height:1.6;color:var(--body)}
.adx-slotspec{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--mute);font-weight:600}
.adx-slotspec b{color:var(--ink);font-weight:800}
.adx-slotf{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  margin-top:2px;padding-top:8px;border-top:1px solid var(--line)}
.adx-stk{font-size:11.5px;font-weight:700;color:#0F9D58}
.adx-stk b{font-weight:800}
.adx-stk.none{color:#D33A3A}
.adx-price{font-size:12px;color:var(--mute);font-weight:600}
.adx-price b{font-size:15px;color:var(--ink);font-weight:800;letter-spacing:-.02em}
.adx-price em{font-style:normal;font-size:11px}

/* 지면 위치 도식 (미니) */
.adx-dg{width:88px;height:96px;flex:none;border:1px solid var(--line-2);border-radius:var(--r-sm);
  background:var(--bg-soft);padding:5px;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.adx-dghero{height:22px;border-radius:3px;background:#DCDCE6;flex:none}
.adx-dgb{height:9px;border-radius:2px;background:#DCDCE6;flex:none}
.adx-dgad{height:14px;border-radius:3px;background:var(--brand);color:#fff;font-size:7px;font-weight:800;
  display:grid;place-items:center;flex:none;letter-spacing:.02em}
.adx-dgad.thin{height:9px;font-size:6px}
.adx-dgg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex:none}
.adx-dgg i{height:13px;border-radius:2px;background:#E6E6EE}
.adx-dgg i.ad{background:var(--brand)}
.adx-dgl{height:7px;border-radius:2px;background:#E6E6EE;flex:none}
.adx-dgl.ad{background:var(--brand)}
.adx-dgsplit{display:grid;grid-template-columns:1fr 34px;gap:3px;flex:1}
.adx-dgsplit i{border-radius:2px;background:#E6E6EE}
.adx-dgsplit b{border-radius:2px;background:#E6E6EE}
.adx-dgsplit b.ad{background:var(--brand)}
.adx-dgft{height:9px;border-radius:2px;background:#C9C9D6;flex:none;margin-top:auto}

/* ── 기간 ── */
.adx-perrow{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}
.adx-plab{width:76px;flex:none;font-size:13px;font-weight:800;color:var(--ink);padding-top:9px}
.adx-pdays{display:flex;gap:6px;flex-wrap:wrap}
.adx-pd{height:38px;padding:0 15px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:#fff;
  font-size:13px;font-weight:700;color:var(--body);display:inline-flex;align-items:center;gap:5px;transition:.16s}
.adx-pd em{font-style:normal;font-size:10.5px;font-weight:800;color:#0F9D58}
.adx-pd:hover{border-color:var(--brand-lt2)}
.adx-pd.on{background:var(--brand);border-color:var(--brand);color:#fff}
.adx-pd.on em{color:#fff;opacity:.85}

/* ── 재고 캘린더 ── */
.adx-cal{border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px;background:#fff;margin-top:4px}
.adx-calhd{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:11px}
.adx-calhd b{font-size:14px;font-weight:800;color:var(--ink)}
.adx-callg{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--mute);font-weight:600;flex-wrap:wrap}
.adx-callg i{width:11px;height:11px;border-radius:3px;display:inline-block;margin-left:6px}
.adx-callg i.free{background:#E3F3E8}
.adx-callg i.part{background:#FDF0D9}
.adx-callg i.full{background:#EFEFF3}
.adx-cdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}
.adx-cdays span{text-align:center;font-size:10.5px;font-weight:800;color:var(--mute)}
.adx-cgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.adx-cd{aspect-ratio:1/.82;border-radius:6px;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:2px;font-size:11.5px;font-weight:700;background:#E3F3E8;color:#26694A}
.adx-cd b{font-weight:800}
.adx-cd i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.45}
.adx-cd.part{background:#FDF0D9;color:#8A6415}
.adx-cd.full{background:#EFEFF3;color:#9A9CAA}
.adx-cd.full i{opacity:0}
.adx-cd.pad{background:none}
.adx-cd.sel{outline:2px solid var(--brand);outline-offset:-2px}

/* ── 게재 범위 ── */
.adx-scope{display:grid;gap:8px;margin-bottom:12px}
.adx-rad{display:flex;gap:10px;padding:13px 15px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;cursor:pointer;transition:.16s}
.adx-rad:hover{border-color:var(--brand-lt2)}
.adx-rad.on{border-color:var(--brand);background:var(--brand-lt)}
.adx-rad input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:var(--brand)}
.adx-rad span{display:flex;flex-direction:column;gap:2px;min-width:0}
.adx-rad b{font-size:13.5px;font-weight:800;color:var(--ink)}
.adx-rad em{font-style:normal;font-size:12.5px;color:var(--body);line-height:1.6}
.adx-boards{display:flex;gap:6px;flex-wrap:wrap}

/* ── 경고 배너 ── */
.adx-warn{display:flex;gap:12px;padding:16px 18px;border:1px solid #F0DDB4;background:#FEF9EE;
  border-radius:var(--r-md);margin-top:20px;font-size:13px;line-height:1.7;color:#6B5522}
.adx-warn svg{width:20px;height:20px;flex:none;color:#C48A1B;margin-top:1px}
.adx-warn b{color:#4E3D14;font-weight:800}

/* ── 견적 / 사이드 ── */
.adx-quote{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;padding:17px 18px;
  box-shadow:0 3px 14px rgba(22,23,29,.05)}
.adx-qhd{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;
  font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:12px}
.adx-qauto{font-size:11px;font-weight:600;color:var(--mute)}
.adx-qlist{padding-bottom:11px;margin-bottom:11px;border-bottom:1px solid var(--line)}
.adx-qi{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:13px;font-weight:700;color:var(--ink)}
.adx-qi em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--mute);margin-left:4px}
.adx-qsub{font-size:11.5px;color:var(--mute);font-weight:600;margin:2px 0 9px}
.adx-qrow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;
  color:var(--body);font-weight:600;padding:4px 0}
.adx-qrow b{font-weight:800;color:var(--ink)}
.adx-qrow em{font-style:normal;font-size:10.5px;color:var(--mute);margin-left:3px}
.adx-qrow.disc,.adx-qrow.disc b{color:#0F9D58}
.adx-qtot{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:9px;
  padding-top:11px;border-top:1px solid var(--line);font-size:13px;font-weight:800;color:var(--ink)}
.adx-qtot b{font-size:22px;letter-spacing:-.03em}
.adx-qtot em{font-style:normal;font-size:13px;margin-left:2px}
.adx-qbtn{width:100%;margin-top:13px;justify-content:center}
.adx-qnote{font-size:11.5px;line-height:1.65;color:var(--mute);margin-top:11px}
.adx-qnote b{color:var(--ink);font-weight:800}

.adx-help{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);
  padding:15px 16px;font-size:12.5px;line-height:1.75;color:var(--body)}
.adx-help>b:first-child{display:block;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:5px}
.adx-help b{font-weight:800;color:var(--ink)}
.adx-help .lnk{display:inline-block;margin-top:7px}
.adx-help.ng{border-color:#F1D8D8;background:#FDF6F6;color:#7A4A4A}
.adx-help.ng>b:first-child{color:#8E2F2F}
.adx-help .btn{margin-top:11px}
.adx-rfr{display:flex;gap:9px;margin-top:8px}
.adx-rfr i{width:17px;height:17px;flex:none;border-radius:50%;background:var(--brand-lt2);color:var(--brand-dk);
  font-style:normal;font-size:10.5px;font-weight:800;display:grid;place-items:center;margin-top:3px}
.adx-rfr b{display:inline;font-size:12.5px;margin:0}
.adx-rfn{margin-top:11px;padding-top:10px;border-top:1px solid var(--line-2);font-size:11.5px;color:var(--mute)}
.adx-rfn b{display:inline;font-size:11.5px;color:var(--ink);margin:0}

/* ── 주문 표 ── */
.adx-otbl{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden}
.adx-oh,.adx-or{display:grid;grid-template-columns:1fr 190px 100px 130px;gap:12px;padding:12px 16px;align-items:center}
.adx-oh{background:var(--bg-soft);font-size:11px;font-weight:800;color:var(--mute)}
.adx-or{border-top:1px solid var(--line);font-size:12.5px;color:var(--body);font-weight:600}
.adx-or b{font-size:13.5px;font-weight:800;color:var(--ink);display:block}
.adx-or em{display:block;font-style:normal;font-size:11px;color:var(--mute);margin-top:1px}
.adx-back{display:inline-block;margin-top:11px;font-size:12.5px}

/* ── 결제 수단 ── */
.adx-pays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.adx-pay{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:15px 16px;
  border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;cursor:pointer;position:relative;transition:.16s}
.adx-pay:hover{border-color:var(--brand-lt2)}
.adx-pay.on{border-color:var(--brand);background:var(--brand-lt)}
.adx-pay input{position:absolute;top:14px;right:14px;width:16px;height:16px;accent-color:var(--brand)}
.adx-pay svg{width:22px;height:22px;color:var(--brand-dk);margin-bottom:3px}
.adx-pay b{font-size:13.5px;font-weight:800;color:var(--ink)}
.adx-pay em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:600}

.adx-payx{border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px;background:#fff;margin-bottom:12px}
.adx-payx.alt{background:var(--bg-soft)}
.adx-payhd{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:13px}
.adx-payhd b{font-size:14px;font-weight:800;color:var(--ink)}
.adx-pgtag{font-size:11px;font-weight:700;color:var(--mute)}
.adx-pgbox{display:flex;gap:11px;margin-top:12px;padding:13px 15px;border-radius:var(--r-sm);
  background:var(--brand-lt);font-size:12.5px;line-height:1.7;color:#4A3E86}
.adx-pgbox svg{width:18px;height:18px;flex:none;color:var(--brand-dk);margin-top:2px}
.adx-pgbox b{color:var(--brand-dk);font-weight:800}
.adx-vacc{border:1px solid var(--line-2);border-radius:var(--r-sm);background:#fff;overflow:hidden}
.adx-vrow{display:flex;align-items:center;gap:10px;padding:11px 15px;border-bottom:1px solid var(--line);font-size:12.5px}
.adx-vrow:last-child{border-bottom:0}
.adx-vrow span{width:90px;flex:none;color:var(--mute);font-weight:700}
.adx-vrow b{font-weight:800;color:var(--ink)}
.adx-vrow em{font-style:normal;font-size:11px;font-weight:700;color:#C4552B;margin-left:6px}
.adx-copy{margin-left:auto;height:26px;padding:0 10px;border-radius:6px;background:var(--field);
  font-size:11.5px;font-weight:800;color:var(--body)}
.adx-copy:hover{background:var(--brand-lt2);color:var(--brand-dk)}

/* ── 폼 ── */
.adx-form{border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px;background:#fff}
.adx-frow{display:flex;align-items:flex-start;gap:14px;margin-bottom:13px}
.adx-flab{width:120px;flex:none;font-size:12.5px;font-weight:800;color:var(--ink);padding-top:10px}
.adx-in{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.adx-in input{height:40px;padding:0 13px;border:1px solid var(--line-2);border-radius:var(--r-sm);
  background:var(--field);font-size:13.5px;color:var(--ink);font-weight:600;width:100%}
.adx-in input:focus{outline:2px solid var(--brand);outline-offset:-1px;background:#fff}
.adx-inh{font-size:11.5px;color:var(--mute);line-height:1.6}
.adx-fsel{display:flex;gap:6px;flex-wrap:wrap}
.adx-fs{height:36px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:#fff;
  font-size:12.5px;font-weight:700;color:var(--body);transition:.16s}
.adx-fs:hover{border-color:var(--brand-lt2)}
.adx-fs.on{background:var(--brand);border-color:var(--brand);color:#fff}
.adx-fhint{font-size:11.5px;color:var(--mute);line-height:1.7;margin-top:2px}
.adx-fact{display:flex;gap:8px;padding-top:6px}

/* ── 동의 ── */
.adx-agrees{display:grid;gap:8px}
.adx-ag{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:12px 15px;border:1px solid var(--line-2);
  border-radius:var(--r-md);background:#fff;font-size:12.5px;cursor:pointer}
.adx-ag input{width:16px;height:16px;flex:none;accent-color:var(--brand)}
.adx-ag b{font-weight:700;color:var(--ink)}
.adx-ag span{font-size:11.5px;color:var(--mute);font-weight:600}
.adx-ag .lnk{margin-left:auto;font-size:11.5px}

/* ── 결제 결과 ── */
.adx-res2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.adx-res{border:1px solid var(--line-2);border-radius:var(--r-md);padding:20px 18px;background:#fff;
  display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.adx-rico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin-bottom:3px}
.adx-rico svg{width:19px;height:19px}
.adx-res.ok{border-color:#CFE9D8;background:#F6FBF8}
.adx-res.ok .adx-rico{background:#DCF0E4;color:#1E7A4E}
.adx-res.wait{border-color:#F0DDB4;background:#FEF9EE}
.adx-res.wait .adx-rico{background:#FAEBCE;color:#A5761A}
.adx-res b{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.adx-res p{font-size:12.5px;line-height:1.7;color:var(--body)}
.adx-res .btn{margin-top:5px}

/* ── 소재 관리 ── */
.adx-crea{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.adx-cslot{border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px;background:#fff}
.adx-cshd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.adx-cshd b{font-size:13px;font-weight:800;color:var(--ink)}
.adx-csz{font-size:11px;font-weight:800;color:var(--brand-dk);background:var(--brand-lt2);padding:2px 7px;border-radius:4px}
.adx-cok{margin-left:auto;font-size:11px;font-weight:800;color:#1E7A4E;background:#DCF0E4;padding:2px 7px;border-radius:4px}
.adx-cprev{border-radius:var(--r-sm);border:1px solid var(--line-2)}
.adx-cprev.pc{aspect-ratio:1200/150}
.adx-cprev.mo{aspect-ratio:375/100}
.adx-cprev.sq{aspect-ratio:300/250}
.adx-csf{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px;font-size:11.5px;color:var(--mute)}
.adx-mini{height:28px;padding:0 11px;border-radius:6px;background:var(--field);font-size:11.5px;
  font-weight:800;color:var(--body);margin-left:auto}
.adx-mini:hover{background:var(--brand-lt2);color:var(--brand-dk)}
.adx-mini.danger{color:#B23A3A}
.adx-mini.danger:hover{background:#FBE9E9;color:#8E2F2F}
.adx-drop{border:1.5px dashed var(--line-2);border-radius:var(--r-sm);background:var(--bg-soft);
  padding:26px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;cursor:pointer;transition:.18s}
.adx-drop:hover{border-color:var(--brand);background:var(--brand-lt)}
.adx-drop svg{width:26px;height:26px;color:var(--mute)}
.adx-drop b{font-size:13px;font-weight:800;color:var(--ink)}
.adx-drop span{font-size:11.5px;color:var(--mute);font-weight:600}
.adx-cmeta{margin-top:14px;border:1px solid var(--line-2);border-radius:var(--r-md);padding:15px 17px;background:var(--bg-soft)}
.adx-cmeta .adx-frow:last-child{margin-bottom:0}

.adx-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:13px}
.adx-ck{display:flex;align-items:flex-start;gap:8px;padding:10px 13px;border-radius:var(--r-sm);
  background:#F6FBF8;border:1px solid #DCF0E4;font-size:12.5px;color:#2A6349;flex-wrap:wrap}
.adx-ck i{font-style:normal;font-weight:800}
.adx-ck b{font-weight:700}
.adx-ck em{font-style:normal;width:100%;font-size:11.5px;color:var(--mute)}
.adx-ck.ng{background:#FEF9EE;border-color:#F0DDB4;color:#7A6224}
.adx-ck.bad{background:#FDF6F6;border-color:#F1D8D8;color:#8E2F2F}

.adx-waitbar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:14px;padding:13px 16px;
  border:1px solid #F0DDB4;background:#FEF9EE;border-radius:var(--r-md);font-size:12.5px;line-height:1.7;color:#6B5522}
.adx-waitbar svg{width:18px;height:18px;flex:none;color:#C48A1B}
.adx-waitbar span{flex:1;min-width:0}
.adx-waitbar b{font-weight:800;color:#4E3D14}
.adx-waitbar .adx-mini{margin-left:0}

.adx-reject{display:grid;gap:9px}
.adx-rj{display:flex;gap:13px;align-items:flex-start;padding:14px;border:1px solid #F1D8D8;
  background:#FDF6F6;border-radius:var(--r-md)}
.adx-rjth{width:84px;height:56px;flex:none;border-radius:6px;border:1px solid var(--line-2)}
.adx-rjx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.adx-rjx b{font-size:13px;font-weight:800;color:var(--ink)}
.adx-rjr{font-size:12.5px;line-height:1.7;color:#7A4A4A}
.adx-rjr em{font-style:normal;font-weight:800;color:#8E2F2F;margin-right:5px}
.adx-rjd{font-size:11px;color:var(--mute);font-weight:600}

.adx-spec{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;padding:16px 17px}
.adx-spht{display:block;font-size:14px;font-weight:800;color:var(--ink);margin-bottom:11px;letter-spacing:-.02em}
.adx-spr{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap;
  padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--body);font-weight:600}
.adx-spr b{font-size:12.5px;font-weight:800;color:var(--brand-dk)}
.adx-spr em{width:100%;font-style:normal;font-size:11px;color:var(--mute)}
.adx-spn{margin-top:11px;font-size:11.5px;line-height:1.7;color:var(--mute)}
.adx-spn b{color:var(--ink);font-weight:800}

/* ── KPI ── */
.adx-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:8px 0 26px}
.adx-kpi{border:1px solid var(--line-2);border-radius:var(--r-md);padding:15px 17px;background:#fff;
  display:flex;flex-direction:column;gap:2px;min-width:0}
.adx-kpi span{font-size:11.5px;font-weight:700;color:var(--mute)}
.adx-kpi b{font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.2}
.adx-kpi b.warn{color:#C4552B}
.adx-kpi em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:600}

/* ── 집행 중 카드 ── */
.adx-run{display:flex;gap:16px;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;margin-bottom:11px;align-items:flex-start}
.adx-rth{width:180px;flex:none;aspect-ratio:1200/150;border-radius:var(--r-sm);border:1px solid var(--line-2)}
.adx-rth.sq{aspect-ratio:300/250;width:110px}
.adx-rx{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.adx-rtop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adx-rtop b{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.adx-code{font-size:10.5px;font-weight:800;color:var(--mute);background:var(--field);padding:2px 7px;border-radius:4px}
.adx-rmeta{font-size:12.5px;color:var(--body);font-weight:600}
.adx-rmeta b{font-weight:800;color:var(--brand-dk)}
.adx-prog{height:5px;border-radius:3px;background:var(--field);overflow:hidden;max-width:420px}
.adx-prog i{display:block;height:100%;border-radius:3px;background:var(--brand)}
.adx-rstat{display:flex;gap:26px;flex-wrap:wrap;margin-top:3px}
.adx-rstat span{display:flex;flex-direction:column;gap:1px}
.adx-rstat small{font-size:11px;color:var(--mute);font-weight:700}
.adx-rstat b{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.adx-ract{display:flex;flex-direction:column;gap:6px;flex:none;align-items:stretch}
.adx-ract .adx-mini{margin-left:0;text-align:center}

/* ── 표 ── */
.adx-tblwrap{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden}
.adx-tbl{width:100%;border-collapse:collapse;font-size:12.5px}
.adx-tbl th{background:var(--bg-soft);text-align:left;padding:11px 15px;font-size:11px;font-weight:800;
  color:var(--mute);white-space:nowrap;border-bottom:1px solid var(--line)}
.adx-tbl th.w{width:150px}
.adx-tbl td{padding:11px 15px;border-bottom:1px solid var(--line);color:var(--body);font-weight:600;vertical-align:middle}
.adx-tbl tr:last-child td{border-bottom:0}
.adx-tbl tbody tr:hover{background:var(--bg-soft)}
.adx-tbl td em{display:block;font-style:normal;font-size:11px;color:var(--mute);margin-top:1px}
.adx-bar{display:block;height:6px;border-radius:3px;background:var(--field);overflow:hidden}
.adx-bar i{display:block;height:100%;border-radius:3px;background:var(--brand);opacity:.75}

/* ── 상태 배지 ── */
.badge.live{background:#DCF0E4;color:#1E7A4E}
.badge.wait{background:#FAEBCE;color:#8A6415}
.badge.ok{background:var(--brand-lt2);color:var(--brand-dk)}
.badge.ng{background:#FBE4E4;color:#A83A3A}

/* ══════════ 광고 센터 반응형 ══════════ */
@media (max-width:1180px){
  .adx-two{grid-template-columns:minmax(0,1fr)}
  .adx-side{position:static;flex-direction:row;flex-wrap:wrap}
  .adx-side>*{flex:1 1 300px;min-width:0}
}
@media (max-width:1000px){
  .adx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adx-oh,.adx-or{grid-template-columns:1fr 150px 90px 110px}
}
@media (max-width:900px){
  .adx-slots,.adx-crea,.adx-res2,.adx-check{grid-template-columns:minmax(0,1fr)}
  .adx-pays{grid-template-columns:minmax(0,1fr)}
  .adx-oh{display:none}
  .adx-or{grid-template-columns:minmax(0,1fr);gap:4px;padding:14px 16px}
  .adx-or span:nth-child(3):before{content:'일 단가 '}
  .adx-or span:nth-child(4):before{content:'금액 '}
  .adx-run{flex-wrap:wrap}
  .adx-rth{width:100%!important}
  .adx-ract{flex-direction:row;flex-wrap:wrap;width:100%}
  .adx-side{flex-direction:column}
  .adx-side>*{flex:1 1 100%}
  .adx-perrow{flex-direction:column;gap:7px}
  .adx-plab{width:auto;padding-top:0}
  .adx-frow{flex-direction:column;gap:6px}
  .adx-flab{width:auto;padding-top:0}
  .adx-tbl{min-width:600px}
  .adx-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:560px){
  .adx-steps{grid-template-columns:minmax(0,1fr)}
  .adx-kpis{grid-template-columns:minmax(0,1fr)}
  .adx-slot{flex-direction:column}
  .adx-dg{width:100%;height:74px;flex-direction:row}
  .adx-dg>*{flex:1}
  .adx-rstat{gap:16px}
}


/* ══════════ 관리자 광고 · 정산 ══════════ */
.adx-atabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:0}
.adx-atabs a{padding:9px 14px 11px;font-size:13px;font-weight:700;color:var(--mute);
  border-bottom:2px solid transparent;margin-bottom:-1px;transition:.16s;white-space:nowrap}
.adx-atabs a:hover{color:var(--ink)}
.adx-atabs a.on{color:var(--brand-dk);font-weight:800;border-bottom-color:var(--brand)}

.adx-kpis.wdk{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 22px}

/* 관리자 표 */
.adx-r{text-align:right}
.adx-r.warn{color:#C4552B!important;font-weight:800}
.adx-tbl tr.adx-sum td{background:var(--bg-soft);border-top:1.5px solid var(--line-2)}
.adx-tbl tr.adx-sum td b{color:var(--ink)}
.adx-acode{font-size:11px;font-weight:800;color:var(--brand-dk);background:var(--brand-lt2);
  padding:2px 7px;border-radius:4px;display:inline-block}
.adx-sold{color:#C4552B;font-weight:800}
.adx-free{color:#0F9D58;font-weight:700}
.adx-anote{margin-top:11px;font-size:11.5px;line-height:1.7;color:var(--mute)}
.adx-anote b{color:var(--ink);font-weight:800}

.adx-a2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}

/* 빈 칸 채우기 */
.adx-fallback{display:grid;gap:8px}
.adx-arad{display:flex;gap:10px;padding:13px 15px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;cursor:pointer;transition:.16s}
.adx-arad:hover{border-color:var(--brand-lt2)}
.adx-arad.on{border-color:var(--brand);background:var(--brand-lt)}
.adx-arad input{width:16px;height:16px;flex:none;margin-top:2px;accent-color:var(--brand)}
.adx-arad span{display:flex;flex-direction:column;gap:2px;min-width:0}
.adx-arad b{font-size:13.5px;font-weight:800;color:var(--ink)}
.adx-arad em{font-style:normal;font-size:12.5px;color:var(--body);line-height:1.65}

/* 소재 검수 카드 */
.adx-chks{display:grid;gap:12px}
.adx-chk{display:flex;gap:16px;padding:16px;border:1px solid var(--line-2);border-radius:var(--r-md);
  background:#fff;align-items:flex-start}
.adx-chkth{width:150px;flex:none;aspect-ratio:16/10;border-radius:var(--r-sm);border:1px solid var(--line-2)}
.adx-chkth.wide{aspect-ratio:1200/150;width:210px}
.adx-chkx{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.adx-chktop{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.adx-chktop b{font-size:14.5px;font-weight:800;color:var(--ink)}
.adx-chkt{font-size:11px;color:var(--mute);font-weight:600}
.adx-chkkv{display:flex;gap:9px;flex-wrap:wrap;font-size:12px;color:var(--mute);font-weight:600}
.adx-chkkv span{width:74px;flex:none}
.adx-chkkv b{color:var(--ink);font-weight:700;min-width:0;overflow-wrap:anywhere}
.adx-chkauto{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}
.adx-chkauto .adx-ck{padding:5px 10px;font-size:11.5px}
.adx-chkwarn{font-size:11.5px;line-height:1.65;color:#8A6415;margin-top:2px}
.adx-chkact{width:210px;flex:none;display:flex;flex-direction:column;gap:7px}
.adx-chkact .btn{justify-content:center}
.adx-chkact .adx-mini{margin-left:0;text-align:center}
.adx-rjin{width:100%;padding:9px 11px;border:1px solid var(--line-2);border-radius:var(--r-sm);
  background:var(--field);color:var(--body);font:inherit;font-size:12px;line-height:1.6;resize:vertical}
.adx-rjin:focus{outline:2px solid var(--brand);outline-offset:-1px;background:#fff}

/* 입금 대기 / 미수금 */
.adx-vwait{display:grid;gap:9px}
.adx-vw{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:15px 17px;
  border:1px solid #F0DDB4;background:#FEF9EE;border-radius:var(--r-md)}
.adx-vwl{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.adx-vwl b{font-size:14px;font-weight:800;color:var(--ink)}
.adx-vwl span{font-size:12px;color:var(--mute);font-weight:600}
.adx-vwm{display:flex;gap:24px;flex-wrap:wrap}
.adx-vwm span{display:flex;flex-direction:column;gap:1px}
.adx-vwm small{font-size:10.5px;color:var(--mute);font-weight:700}
.adx-vwm b{font-size:13.5px;font-weight:800;color:var(--ink)}
.adx-vwr{display:flex;gap:7px;flex-wrap:wrap;align-items:center}

/* 환불 계산 */
.adx-refund{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:start}
.adx-rfcalc{border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--bg-soft);padding:15px 17px}
.adx-rfr2{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0;
  font-size:12.5px;color:var(--body);font-weight:600}
.adx-rfr2 b{color:var(--ink);font-weight:800}
.adx-rfr2.tot{margin-top:6px;padding-top:11px;border-top:1px solid var(--line-2);font-size:13px}
.adx-rfr2.tot b{font-size:19px;color:var(--brand-dk);letter-spacing:-.02em}
.adx-rfact{border:1px solid var(--line-2);border-radius:var(--r-md);background:#fff;padding:15px 17px}

/* 정산 기간 바 */
.adx-perrow.wdk{align-items:center;margin-bottom:20px;flex-wrap:wrap}
.adx-perrow.wdk .adx-plab{padding-top:0}
.adx-dl{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.adx-dl svg{width:15px;height:15px}

/* 안내 박스 */
.adx-abox{display:flex;gap:12px;padding:16px 18px;border:1px solid var(--line-2);background:var(--bg-soft);
  border-radius:var(--r-md);margin-top:20px;font-size:12.5px;line-height:1.75;color:var(--body)}
.adx-abox svg{width:19px;height:19px;flex:none;color:var(--mute);margin-top:2px}
.adx-abox b{color:var(--ink);font-weight:800}

@media (max-width:1320px){
  .adx-a2,.adx-refund{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .adx-kpis.wdk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .adx-atabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}
  .adx-atabs::-webkit-scrollbar{display:none}
  .adx-chk{flex-wrap:wrap}
  .adx-chkth{width:100%!important}
  .adx-chkact{width:100%}
  .adx-vw,.adx-vwm,.adx-vwr{flex-wrap:wrap}
  .adx-perrow.wdk{flex-direction:column;align-items:stretch}
  .adx-dl{margin-left:0;align-self:flex-start}
}
@media (max-width:560px){
  .adx-kpis.wdk{grid-template-columns:minmax(0,1fr)}
}
/* 표 안 스위치 */
.adx-tbl td .sw{display:inline-block;vertical-align:middle}
.adx-fact .adx-mini{margin-left:0}
.adx-kpis.wdk{grid-template-columns:repeat(4,minmax(0,1fr))}
.adx-kpis.wdk.k6{grid-template-columns:repeat(3,minmax(0,1fr))}
.adx-rjin{min-height:64px}
@media (max-width:1320px){.adx-kpis.wdk{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.adx-kpis.wdk,.adx-kpis.wdk.k6{grid-template-columns:minmax(0,1fr)}}
/* 광고 안내 → 신청 진입 배너 */
.adx-entry{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin:22px 0 30px;padding:22px 26px;
  border:1px solid var(--brand-lt2);background:var(--brand-lt);border-radius:var(--r-lg)}
.adx-entryx{flex:1;min-width:260px;display:flex;flex-direction:column;gap:5px}
.adx-etag{align-self:flex-start;font-size:11px;font-weight:800;color:#fff;background:var(--brand);
  padding:3px 9px;border-radius:var(--r-pill)}
.adx-entryx b{font-size:17px;font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.45}
.adx-entryx p{font-size:13px;line-height:1.7;color:var(--body)}
.adx-entryb{display:flex;gap:8px;flex-wrap:wrap;flex:none}
@media (max-width:720px){
  .adx-entry{padding:18px;gap:14px}
  .adx-entryx b{font-size:15.5px}
  .adx-entryb{width:100%}
  .adx-entryb .btn{flex:1 1 46%;justify-content:center}
}
@media (max-width:720px){
  .sec .head,.adm-sec-h{flex-direction:column;align-items:flex-start;gap:3px}
  .sec .head .cnt,.adm-sec-h .adm-more{margin-left:0!important}
}

/* ══════════ 실제 동작 인터랙션 보조 스타일 ══════════ */
@keyframes ws-in{from{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:none}}

/* 결과 없음 */
.ws-empty[hidden]{display:none!important}
.ws-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:56px 20px;
  border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--bg-soft);text-align:center}
.ws-empty svg{width:30px;height:30px;color:var(--mute);opacity:.6}
.ws-empty b{font-size:15px;font-weight:800;color:var(--ink)}
.ws-empty span{font-size:13px;color:var(--mute)}
.ws-empty .btn{margin-top:6px}

/* 글자수 카운터 */
.ws-cnt{align-self:flex-end;font-size:11px;font-weight:700;color:var(--mute);letter-spacing:.01em}
.ws-cnt.over{color:#C4552B}
/* 필수값 미입력 */
.ws-bad{border-color:#E39A9A!important;background:#FDF6F6!important}

/* 드래그 중인 업로드 영역 */
.adx-drop.over{border-color:var(--brand);background:var(--brand-lt);transform:scale(1.01)}
.adx-drop{transition:border-color .16s,background .16s,transform .16s}
.adx-cnew{margin-left:auto;font-size:11px;font-weight:800;color:var(--brand-dk);
  background:var(--brand-lt2);padding:2px 7px;border-radius:4px}

/* 견적 빈 상태 · 비활성 버튼 */
.adx-qempty{font-size:12.5px;color:var(--mute);padding:6px 0 2px}
.adx-qbtn.is-off{opacity:.45;pointer-events:none}

/* 필터로 걸러진 항목 */
[data-list] > [hidden]{display:none!important}

/* 검색창 포커스 강조 */
.topbar .search input:focus{outline:2px solid var(--brand);outline-offset:2px;background:#fff}

/* ══════════════════════════════════════════════════════════
   크루딧을 크루딧에 등록한다 (sf-) — made-with-ai.html
   ══════════════════════════════════════════════════════════ */
.sf-head{margin-bottom:22px}
.sf-lead{padding:20px 24px;border-left:3px solid var(--brand);background:var(--brand-lt);
  border-radius:0 var(--r-md) var(--r-md) 0;margin-bottom:26px}
.sf-lead p{font-size:15px;line-height:1.8;color:var(--ink);word-break:keep-all}
.sf-lead b{font-weight:800}

.sf-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}
.sf-fact{border:1px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px;background:#fff;
  display:flex;flex-direction:column;gap:1px;min-width:0}
.sf-fact b{font-size:30px;font-weight:800;color:var(--ink);letter-spacing:-.035em;line-height:1.1}
.sf-fact span{font-size:12px;font-weight:700;color:var(--mute);order:-1}
.sf-fact em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:600}
.sf-fact:nth-child(3) b,.sf-fact:nth-child(4) b{color:var(--brand-dk)}

.sf-note{font-size:13px;line-height:1.75;color:var(--body);margin-bottom:16px;word-break:keep-all}
.sf-note b{color:var(--ink);font-weight:800}

.sf-axes{display:grid;gap:11px}
.sf-axis{border:1px solid var(--line-2);border-radius:var(--r-md);padding:17px 19px;background:#fff;
  transition:border-color .18s,box-shadow .18s}
.sf-axis:hover{border-color:var(--brand-lt2);box-shadow:0 3px 14px rgba(22,23,29,.05)}
.sf-axhd{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:7px}
.sf-axhd b{font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.02em;min-width:74px}
.sf-axhd code{font-family:'SF Mono',Consolas,monospace;font-size:11px;color:var(--mute);
  background:var(--field);padding:2px 7px;border-radius:4px;margin-left:auto}
.badge.way-plan{background:#EDEEF3;color:#7B7E90}
.sf-axd{font-size:13.5px;line-height:1.75;color:var(--body);word-break:keep-all;margin-bottom:11px}
.sf-whos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.sf-who{padding:11px 13px;border-radius:var(--r-sm);background:var(--bg-soft);min-width:0}
.sf-who span{display:block;font-size:11px;font-weight:800;margin-bottom:3px;letter-spacing:.02em}
.sf-who p{font-size:12.5px;line-height:1.65;color:var(--body);word-break:keep-all}
.sf-who.h{background:#F4F6FA}
.sf-who.h span{color:#3D5A8C}
.sf-who.a{background:var(--brand-lt)}
.sf-who.a span{color:var(--brand-dk)}

.sf-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}
.sf-col{border:1px solid var(--line-2);border-radius:var(--r-md);padding:18px 20px;background:#fff}
.sf-colhd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;
  padding-bottom:11px;border-bottom:1px solid var(--line)}
.sf-colhd b{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.02em}
.sf-colhd em{font-style:normal;font-size:11.5px;color:var(--mute);font-weight:600}
.sf-dot{width:9px;height:9px;border-radius:50%;flex:none}
.sf-col.h .sf-dot{background:#3D5A8C}
.sf-col.a .sf-dot{background:var(--brand)}
.sf-col ul{list-style:none;display:grid;gap:9px;padding:0;margin:0}
.sf-col li{font-size:13px;line-height:1.7;color:var(--body);padding-left:14px;position:relative;word-break:keep-all}
.sf-col li:before{content:"";position:absolute;left:0;top:9px;width:5px;height:5px;border-radius:50%;background:var(--line-2)}
.sf-col.a li:before{background:var(--brand-lt2)}
.sf-col li b{color:var(--ink);font-weight:800}

.sf-reject{border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden;background:#fff}
.sf-rjhd{display:flex;align-items:center;gap:8px;padding:13px 19px;background:var(--bg-soft);
  border-bottom:1px solid var(--line)}
.sf-rjhd svg{width:16px;height:16px;color:#B23A3A}
.sf-rjhd b{font-size:13.5px;font-weight:800;color:var(--ink)}
.sf-rjbody{padding:18px 20px;display:grid;gap:12px}
.sf-rjq{display:flex;gap:12px;align-items:flex-start}
.sf-rjw{flex:none;width:38px;height:22px;border-radius:var(--r-pill);display:grid;place-items:center;
  font-size:10.5px;font-weight:800;background:#EDF1F7;color:#3D5A8C;margin-top:2px}
.sf-rjq.a .sf-rjw{background:var(--brand-lt2);color:var(--brand-dk)}
.sf-rjq p{font-size:13.5px;line-height:1.8;color:var(--body);word-break:keep-all}
.sf-rjq p b{color:var(--ink);font-weight:800}
.sf-rjr{font-size:12.5px;color:var(--mute);padding-top:10px;border-top:1px solid var(--line)}

.sf-tl{position:relative;padding-left:8px}
.sf-tl:before{content:"";position:absolute;left:70px;top:8px;bottom:14px;width:1px;background:var(--line-2)}
.sf-tli{display:flex;gap:22px;padding:0 0 20px;position:relative}
.sf-tld{flex:none;width:54px;text-align:right;font-size:11.5px;font-weight:800;color:var(--mute);padding-top:1px}
.sf-tli:after{content:"";position:absolute;left:66px;top:6px;width:9px;height:9px;border-radius:50%;
  background:var(--brand);box-shadow:0 0 0 3px var(--brand-lt)}
.sf-tli.next:after{background:#fff;border:1.5px solid var(--line-2);box-shadow:none}
.sf-tlx{flex:1;min-width:0;padding-left:12px}
.sf-tlx b{display:block;font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.02em;margin-bottom:3px}
.sf-tlx p{font-size:13px;line-height:1.7;color:var(--body);word-break:keep-all}
.sf-tli.next .sf-tlx b,.sf-tli.next .sf-tlx p{color:var(--mute)}

.sf-tools{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.sf-tools .tool{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;
  border-radius:var(--r-pill);border:1px solid var(--line-2);background:#fff;
  font-size:12.5px;font-weight:700;color:var(--body)}
.sf-tools .tool em{font-style:normal;font-size:10.5px;font-weight:800;color:var(--mute)}

.sf-close{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin:34px 0 10px;padding:28px 30px;
  border-radius:var(--r-lg);background:linear-gradient(135deg,var(--brand-lt) 0%,#F7F5FF 100%);
  border:1px solid var(--brand-lt2)}
.sf-closex{flex:1;min-width:260px}
.sf-closex b{display:block;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.025em;margin-bottom:7px}
.sf-closex p{font-size:13.5px;line-height:1.8;color:var(--body);word-break:keep-all}
.sf-closex p b{display:inline;font-size:13.5px;margin:0}
.sf-closeb{display:flex;gap:8px;flex-wrap:wrap;flex:none}

@media (max-width:1000px){
  .sf-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sf-split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:720px){
  .sf-lead{padding:16px 18px}
  .sf-lead p{font-size:14px}
  .sf-whos{grid-template-columns:minmax(0,1fr)}
  .sf-axhd code{margin-left:0}
  .sf-tl:before{left:8px}
  .sf-tli{gap:0;flex-direction:column;padding-left:26px}
  .sf-tli:after{left:4px;top:5px}
  .sf-tld{width:auto;text-align:left;margin-bottom:2px}
  .sf-tlx{padding-left:0}
  .sf-close{padding:20px}
  .sf-closeb{width:100%}
  .sf-closeb .btn{flex:1 1 46%;justify-content:center}
}
@media (max-width:480px){
  .sf-fact{padding:12px 14px}
  .sf-fact b{font-size:24px}
}

/* 홈 — AI로 만들었다는 띠 */
.sf-strip{border-top:1px solid var(--line);background:#14141B;color:#fff;padding:52px 0}
.sf-stripin{max-width:1180px;margin:0 auto;padding:0 32px;display:flex;gap:44px;align-items:center;flex-wrap:wrap}
.sf-stripx{flex:1;min-width:300px}
.sf-stripbadge{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:var(--r-pill);
  background:rgba(124,92,252,.18);color:#B7A5FF;font-size:11.5px;font-weight:800;margin-bottom:13px}
.sf-stripbadge svg{width:13px;height:13px}
.sf-stripx h2{font-size:27px;font-weight:800;letter-spacing:-.03em;line-height:1.35;color:#fff;
  margin-bottom:11px;word-break:keep-all}
.sf-stripx p{font-size:14px;line-height:1.85;color:#A5A7B8;word-break:keep-all;margin-bottom:19px;max-width:640px}
.sf-stripx p b{color:#E4E5EE;font-weight:800}
.sf-stripaxes{flex:none;display:grid;gap:7px;min-width:220px}
.sf-sa{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 15px;
  border-radius:var(--r-sm);background:#1E1E28;border:1px solid #2A2A36}
.sf-sa i{font-style:normal;font-size:13px;font-weight:700;color:#C9CBD8}
.sf-sa b{font-size:11px;font-weight:800;padding:3px 9px;border-radius:5px}
.sf-sa b.full{background:#3A2F6E;color:#C4B6FF}
.sf-sa b.part{background:#2B3550;color:#9DB6E8}
.sf-sa b.plan{background:#2A2A36;color:#83859A}

/* 아카이브 — 자기 자신 카드 */
.v4-selfat{background:linear-gradient(140deg,#1E1B36 0%,#312A5E 55%,#4A3E92 100%);position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}
.v4-selfmark{display:inline-flex;align-items:center;gap:7px;font-size:16px;font-weight:800;
  letter-spacing:.06em;color:#fff}
.v4-selfmark svg{width:19px;height:19px}
.v4-selftx{font-size:11.5px;font-weight:700;color:#B7A5FF;letter-spacing:.02em}
.v4-self .v4-acap b{color:var(--brand-dk)}

@media (max-width:900px){
  .sf-strip{padding:38px 0}
  .sf-stripin{gap:26px;padding:0 18px}
  .sf-stripx h2{font-size:21px}
  .sf-stripaxes{width:100%;min-width:0}
}
/* 편집 가능 영역 · 태그 입력 */
.ws-editable{outline:none;min-height:150px;cursor:text}
.ws-editable:focus{box-shadow:inset 0 0 0 2px var(--brand-lt2)}
.ws-editable:empty:before{content:attr(data-ph);color:var(--mute)}
.ws-cnt-ed{text-align:right;padding:6px 2px 0;font-size:11px;font-weight:700;color:var(--mute)}
.ws-tag{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 6px 0 10px;
  border-radius:var(--r-pill);background:var(--brand-lt);color:var(--brand-dk);
  font-size:12px;font-weight:700;margin-right:5px}
.ws-tag button{width:16px;height:16px;border-radius:50%;background:rgba(124,92,252,.18);
  color:var(--brand-dk);font-size:12px;line-height:1;display:grid;place-items:center}
.ws-tag button:hover{background:var(--brand);color:#fff}
.ws-taginp{border:0;outline:none;background:none;font:inherit;font-size:13px;min-width:140px;padding:4px 0}
.btn.is-off,button.is-off{opacity:.45;pointer-events:none}
/* 푸터 메뉴가 길어져 줄바꿈이 필요 */
.fmenu{flex-wrap:wrap}
@media (max-width:1100px){
  .frow1{flex-wrap:wrap;gap:14px}
  .fmenu{flex-wrap:wrap!important;row-gap:8px;min-width:0;max-width:100%}
  .fmenu a{white-space:nowrap}
}

/* ══════════════════════════════════════════════════════════════
   목록 왼쪽 수치 열 — 다시 정리 (2026-08-17)

   전에는 88·31·5.1k 세 숫자가 같은 크기로 세로로 쌓여서
   ① 점수판처럼 보이고 ② 제목보다 먼저 눈에 들어왔습니다.
   크루딧은 점수를 매기지 않는 서비스라 숫자가 주인공이면 안 됩니다.

   숫자는 오른쪽으로 자릿수를 맞춰 세우고, 이름은 그 옆에 작게 붙였습니다.
   추천만 조금 진하게 두고 댓글·조회는 물러나게 했습니다.
   ══════════════════════════════════════════════════════════════ */

.rx-stat, .rc-stat{
  display:grid;
  grid-template-columns:auto auto;
  justify-content:end;
  align-content:start;
  column-gap:6px;
  row-gap:7px;
  text-align:right;
  padding-top:3px;
  gap:7px 6px;                       /* 위 flex 규칙의 gap 을 덮습니다 */
}
/* 숫자와 이름을 격자에 직접 앉힙니다 — 자릿수가 세로로 맞습니다 */
.rx-st, .rc-stn{ display:contents }

.rx-st > b, .rc-stn > b{
  font-size:13px; font-weight:800; color:var(--body);
  line-height:1.35; letter-spacing:-.01em;
  text-align:right; justify-self:end;
  font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1;
}
.rx-st > span, .rc-stn > em{
  display:inline-flex; align-items:center; gap:3px;
  justify-self:start; margin:0;
  font-size:10.5px; font-weight:600; color:var(--mute);
  line-height:1.35; font-style:normal; white-space:nowrap;
}
.rx-st > span .ic-s, .rc-stn > em .ic-s{ width:11px; height:11px; opacity:.75 }

/* 추천만 한 단계 진하게 — 나머지는 물러납니다 */
.rx-stat > .rx-st:first-child > b,
.rc-stat > .rc-stn:first-child > b{ font-size:15.5px; color:var(--ink) }
.rx-stat > .rx-st:first-child > span,
.rc-stat > .rc-stn:first-child > em{ color:var(--body); font-weight:700 }
.rx-stat > .rx-st:first-child > span .ic-s,
.rc-stat > .rc-stn:first-child > em .ic-s{ color:var(--brand); opacity:1 }

/* 조회수는 가장 옅게 */
.rx-st.rx-mute > b, .rc-stn.sm > b{ color:var(--mute); font-weight:700; font-size:12.5px }

@media (max-width:760px){
  /* 좁은 화면에서는 한 줄로 눕힙니다 */
  .rx-stat, .rc-stat{
    grid-auto-flow:column; grid-template-columns:none;
    justify-content:start; align-items:center;
    gap:0 5px; text-align:left;
  }
  .rx-stat > .rx-st + .rx-st > b,
  .rc-stat > .rc-stn + .rc-stn > b{ margin-left:12px }
  .rx-st > b, .rc-stn > b{ font-size:13.5px !important }
  .rx-stat > .rx-st:first-child > b,
  .rc-stat > .rc-stn:first-child > b{ font-size:14.5px !important }
}

/* ══════════════════════════════════════════════════════════════
   CREWDIT 워드마크 (2026-08-17)

   글자를 폰트로 찍지 않고 선으로 그렸습니다.
   Pretendard 가 없는 PC 에서도, 인쇄물에서도 모양이 똑같습니다.

   CREW 는 currentColor, DIT 는 --wm-accent 를 씁니다.
   자리마다 두 색만 바꿔 주면 됩니다.
   ══════════════════════════════════════════════════════════════ */

.wm-in{display:inline-flex;align-items:center;line-height:0}
.wm-in svg{width:112px;height:auto;display:block}

/* 좌측 레일 */
.rail .logo.wm-rail{
  width:auto;height:auto;display:block;place-items:unset;
  padding-left:2px;margin-bottom:20px;color:var(--ink);
}
.rail .logo.wm-rail svg{width:74px;height:auto;display:block}

/* 어두운 푸터 */
.foot .flogo.wm-foot{gap:0;color:#fff;--wm-accent:#A896FF}
.foot .flogo.wm-foot svg{width:126px;height:auto;display:block}

/* 관리자 로그인 상단 */
.ad2-lgmark .wm-adm svg{width:106px;height:auto;color:#fff}
.ad2-lgmark{--wm-accent:#A896FF}
.ad2-lgmark em{font-style:normal;font-weight:800;letter-spacing:.06em;font-size:12.5px;
  color:#A896FF;margin-left:9px}

/* 로그인 · 가입 화면 — 정사각 배지를 가로로 눕힙니다 */
.au-mark.wm-au{
  width:auto;height:auto;display:inline-flex;align-items:center;justify-content:center;
  border-radius:14px;padding:13px 20px;color:var(--ink);
}
.au-mark.wm-au svg{width:128px;height:auto;display:block}

/* 아주 작아질 때 — 두 색 구분이 뭉개지므로 한 색으로 */
@media (max-width:520px){
  .rail .logo.wm-rail svg{width:62px}
  .foot .flogo.wm-foot svg{width:108px}
  .au-mark.wm-au svg{width:112px}
}

/* 레일 안에서는 svg 규칙이 색을 덮어써서 여기서 다시 지정합니다 */
.rail .logo.wm-rail svg{color:var(--ink);--wm-accent:var(--brand)}

/* 푸터는 CREW 를 흰색, DIT 를 연보라로 — svg 규칙이 색을 덮어써서 다시 지정 */
.foot .flogo.wm-foot svg{color:#fff;--wm-accent:#A896FF}
.adm-mark .wm-adm svg, .ad2-lgmark .wm-adm svg{color:#fff;--wm-accent:#A896FF}

/* 6단계 — 카드에 붙는 크레딧 한 줄 (2026-08-17) */
.v4-acrd{
  font-size:11px;color:var(--mute);font-weight:600;margin-top:5px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* ══════════════════════════════════════════════════════════════
   제작방식 캐릭터 아이콘 (2026-08-17)
   사람 · 로봇 · 사람과 로봇 — 글자를 읽기 전에 그림으로 먼저 알아봅니다.
   ※ 점수도 등급도 아닙니다. 셋의 크기와 무게를 똑같이 맞춰
     어느 쪽이 「더 낫다」로 보이지 않게 했습니다.
   ══════════════════════════════════════════════════════════════ */
.wayic{flex:none;display:block}
.badge .wayic{margin-left:-1px}
.badge > i{font-style:normal;font-weight:inherit;letter-spacing:inherit;line-height:1}
#s3 .v4-chip,#s2 .v4-chip{display:inline-flex;align-items:center;gap:5px}
#s3 .v4-chip > i,#s2 .v4-chip > i{font-style:normal;font-weight:inherit;line-height:1}
#s7 .ax-sumbadge .badge{gap:7px}
#s9 .ax-pv-badge .badge{gap:8px}
.v4-at .badge.v4-tb,.m2-at .badge.m2-tb{
  background:rgba(255,255,255,.94);
  box-shadow:0 1px 4px rgba(22,23,29,.16);
}
.v4-at .badge.v4-tb.way-full,.m2-at .badge.m2-tb.way-full{color:#4A38B0}
.v4-at .badge.v4-tb.way-part,.m2-at .badge.m2-tb.way-part{color:#23589B}
.v4-at .badge.v4-tb.way-human,.m2-at .badge.m2-tb.way-human{color:#1F5F3A}

/* ── 역할 아이콘 (2026-08-17) ─────────────────
   30px 이상 = 캐릭터형, 미만 = 도구형. 두 층으로 씁니다. */
.roleic{flex:none;display:block}
.cr-rname,.cr-role,.role,.vf-role{display:inline-flex;align-items:center;gap:5px}
.cr-rname > i,.cr-role > i,.role > i,.vf-role > i{
  font-style:normal;font-weight:inherit;letter-spacing:inherit;line-height:1}
.cr-rname{align-items:flex-start}
.cr-rname .roleic{margin-top:.5px}