/* ---- fonts/pretendard/pretendard.css ---- */
/*
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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/fonts/pretendard/PretendardVariable.subset.19.woff2) format('woff2-variations');
unicode-range: U+caf4-cb47, U+cb4a-cb90;
}
/* [20] */
@font-face {
font-family: 'Pretendard Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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 Variable';
font-style: normal;
font-display: swap;
font-weight: 45 920;
src: url(/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;
}
/* ---- fonts/instrument/instrument.css ---- */
/* Instrument Serif — SIL OFL 1.1 (OFL.txt). 영어 한 줄(This Sunday 등)에만 씁니다. */
@font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url(/fonts/instrument/instrument-serif-latin-400-italic.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url(/fonts/instrument/instrument-serif-latin-400-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* ---- fonts/montserrat/montserrat.css ---- */
/* Montserrat — SIL OFL 1.1 (OFL.txt). 꼬리말 「CONNECT WITH US」 같은 영어 한 줄에만 씁니다. */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; font-display: swap; src: url(/fonts/montserrat/montserrat-latin-700-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; font-display: swap; src: url(/fonts/montserrat/montserrat-latin-800-normal.woff2) format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
/* ---- ui/lux.css ---- */
/* =========================================================
TEVA YN — Vesper 디자인 시스템 (LUX 2026 · v2)
---------------------------------------------------------
모든 화면의 맨 마지막에 실립니다 (lib/pages.js). 각 페이지와
Theme.html 보다 뒤에 서서 이깁니다. 화면마다 다듬는 것은
public/ui/lux/<화면>.css (있으면 이 파일 다음에 자동으로 실림).
원칙
· 빛은 하나 — 어두운 화면은 주황(#D2511F), 밝은 화면은 청록(#46BDC6).
강조색은 "누를 것 · 지금 상태"에만. 아이콘은 글자색.
· 유리는 떠 있는 것에만 — 머리말 막대 · 하단 탭 · 시트 · 알림.
카드는 단단한 면 (글씨가 흐려지지 않고, 휴대폰에서 빠릅니다).
· 글자 — Pretendard 하나에 굵기와 크기로 위계를. 영어 한 줄(This Sunday 등)만
Instrument Serif 이탤릭으로 숨을 줍니다.
· 제목은 왼쪽, 대문자 영어 라벨 · 가운데 정렬 로고 · 밑줄 장식은 쓰지 않음.
========================================================= */
:root {
/* ---- Night (어두운 화면 · 기본) ---- */
--lx-bg: #0D0C0B;
--lx-bg-2: #121110;
--lx-surface: #171614; /* 카드 */
--lx-surface-2: #201E1B; /* 카드 안 · 입력 */
--lx-surface-3: #2C2926; /* 선택된 칸 · 눌린 것 */
--lx-chrome: rgba(23,21,19,.74); /* 떠 있는 유리 */
--lx-chrome-edge: rgba(255,255,255,.09);
--lx-cblur: blur(24px) saturate(180%);
/* 옛 이름 (페이지가 쓰는 것) — 이제 "유리"는 단단한 면을 뜻합니다 */
--lx-glass: var(--lx-surface);
--lx-glass-2: var(--lx-surface-2);
--lx-glass-strong: var(--lx-chrome);
--lx-edge: rgba(255,255,255,.065);
--lx-edge-2: rgba(255,255,255,.11);
--lx-spec: inset 0 1px 0 rgba(255,255,255,.035);
--lx-drop: 0 1px 0 rgba(0,0,0,.25);
--lx-lift: 0 24px 48px -20px rgba(0,0,0,.75);
--lx-blur: none;
--lx-ink: #F5F2EE;
--lx-ink-2: #CBC4BB;
--lx-ink-3: #938C83;
--lx-ink-4: #645E57;
--lx-ph: #857E75; /* 입력칸 안내 글씨 (3:1 이상) */
--lx-line: rgba(255,255,255,.07);
--lx-line-2: rgba(255,255,255,.12);
--lx-acc: #D2511F;
--lx-acc-rgb: 210,81,31;
--lx-acc-fill: #CB4C1C; /* 흰 글씨가 올라가는 단추 */
--lx-acc-ink: #F2915F; /* 어두운 바탕 위 강조 글씨 */
--lx-acc-soft: rgba(210,81,31,.15);
--lx-acc-line: rgba(242,145,95,.36);
--lx-on-acc: #FFFFFF;
--lx-good: #7ED3A6; --lx-good-soft: rgba(126,211,166,.13);
--lx-warn: #EAC07A; --lx-warn-soft: rgba(234,192,122,.13);
--lx-bad: #F4917A; --lx-bad-soft: rgba(244,145,122,.13);
--lx-r-xs: 10px; --lx-r-sm: 14px; --lx-r-md: 16px; --lx-r-lg: 20px; --lx-r-xl: 26px;
--lx-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
--lx-display: var(--lx-sans);
--lx-serif: "Instrument Serif", "Times New Roman", serif;
--lx-ease: cubic-bezier(.2,.8,.2,1);
--lx-nav-h: 0px;
color-scheme: dark;
}
html[data-theme="light"] {
/* ---- Day (밝은 화면) ---- */
--lx-bg: #F4F5F3;
--lx-bg-2: #ECEFEE;
--lx-surface: #FFFFFF;
--lx-surface-2: #F0F2F1;
--lx-surface-3: #E3E8E7;
--lx-chrome: rgba(250,251,250,.78);
--lx-chrome-edge: rgba(16,24,32,.07);
--lx-cblur: blur(24px) saturate(180%);
--lx-edge: rgba(16,24,32,.055);
--lx-edge-2: rgba(16,24,32,.10);
--lx-spec: inset 0 0 0 0 transparent;
--lx-drop: 0 1px 2px rgba(16,24,32,.04), 0 10px 26px -16px rgba(16,24,32,.14);
--lx-lift: 0 24px 48px -20px rgba(16,24,32,.28);
--lx-ink: #0F1A1D;
--lx-ink-2: #39464A;
--lx-ink-3: #5F6B6E;
--lx-ink-4: #9AA3A6;
--lx-ph: #6E797C;
--lx-line: rgba(16,24,32,.075);
--lx-line-2: rgba(16,24,32,.13);
--lx-acc: #46BDC6;
--lx-acc-rgb: 70,189,198;
--lx-acc-fill: #0E7882;
--lx-acc-ink: #0B6870;
--lx-acc-soft: rgba(70,189,198,.16);
--lx-acc-line: rgba(14,120,130,.30);
--lx-on-acc: #FFFFFF;
--lx-good: #1B6B4B; --lx-good-soft: #E3F1EA;
--lx-warn: #85590F; --lx-warn-soft: #FAF0DC;
--lx-bad: #B13A1F; --lx-bad-soft: #FBEAE4;
color-scheme: light;
}
/* 옛 토큰을 새 값에 연결 — 각 페이지가 var(--ink-1) 처럼 쓰는 곳이 자동으로 따라옵니다 */
html body {
--tone: var(--lx-acc); --tone-rgb: var(--lx-acc-rgb);
--tone-soft: var(--lx-acc-soft); --tone-line: var(--lx-acc-line);
--accent: var(--lx-acc);
--ink-1: var(--lx-ink); --ink-2: var(--lx-ink-2); --ink-3: var(--lx-ink-3); --ink-4: var(--lx-ink-4);
--night-ink: var(--lx-ink); --night-sub: var(--lx-ink-2);
--night: var(--lx-bg); --night-2: var(--lx-surface); --night-3: var(--lx-surface-2);
--surface: var(--lx-surface); --canvas: transparent; --sunken: var(--lx-surface-2);
--hair: var(--lx-line); --hair-2: var(--lx-line-2); --hair-night: var(--lx-line);
--good: var(--lx-good); --good-bg: var(--lx-good-soft);
--warn: var(--lx-warn); --warn-bg: var(--lx-warn-soft);
--bad: var(--lx-bad); --bad-bg: var(--lx-bad-soft);
--sh-1: none; --sh-2: none; --sh-3: var(--lx-lift);
--r-xs: 10px; --r-sm: var(--lx-r-sm); --r-md: var(--lx-r-md); --r-lg: var(--lx-r-lg); --r-xl: var(--lx-r-xl);
--lg-fill: var(--lx-surface); --lg-fill-2: var(--lx-surface-2); --lg-edge: var(--lx-edge);
--lg-spec: var(--lx-spec); --lg-drop: var(--lx-drop); --lg-blur: none;
--lt-bg: var(--lx-bg); --lt-card: var(--lx-surface); --lt-card-2: var(--lx-surface-2); --lt-sunk: var(--lx-surface-2);
--lt-ink: var(--lx-ink); --lt-ink-2: var(--lx-ink-2); --lt-ink-3: var(--lx-ink-3); --lt-ink-4: var(--lx-ink-4);
--lt-line: var(--lx-line); --lt-line-2: var(--lx-line-2); --lt-or: var(--lx-acc); --lt-or-ink: var(--lx-acc-ink); --lt-or-soft: var(--lx-acc-soft);
--mc: var(--lx-ink-2); --mc-soft: var(--lx-surface-2);
}
html[data-theme="light"] body { --accent: var(--lx-acc) !important; --tone: var(--lx-acc) !important; --tone-rgb: var(--lx-acc-rgb) !important; }
/* ---------------------------------------------------------
바탕 · 글자
--------------------------------------------------------- */
html { background: var(--lx-bg); }
html body, html[data-theme="light"] body {
background: var(--lx-bg) !important; color: var(--lx-ink) !important;
font-family: var(--lx-sans) !important; line-height: 1.6; letter-spacing: -0.012em;
font-feature-settings: "tnum" 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
padding-bottom: var(--lx-nav-h); word-break: keep-all; overflow-wrap: anywhere;
}
html body input, html body select, html body textarea, html body button { font-family: var(--lx-sans) !important; letter-spacing: -0.01em; }
/* 바탕 — 위에서 번지는 빛 한 점. 토론토 지도는 아주 옅은 질감으로만 */
html body::before, html[data-theme="light"] body::before {
content: ""; position: fixed; left: 0; top: 0; width: 100%; height: 100lvh; z-index: -1; pointer-events: none;
background:
radial-gradient(120% 60% at 50% -18%, rgba(var(--lx-acc-rgb), .16) 0%, rgba(var(--lx-acc-rgb), .04) 45%, rgba(var(--lx-acc-rgb), 0) 70%),
linear-gradient(rgba(13,12,11,.88), rgba(13,12,11,.88)),
url('/bulletin/toronto-dark-p.svg') center / cover no-repeat,
var(--lx-bg) !important;
opacity: 1; filter: none; transform: translateZ(0);
}
html[data-theme="light"] body::before {
background:
radial-gradient(120% 55% at 50% -18%, rgba(var(--lx-acc-rgb), .20) 0%, rgba(var(--lx-acc-rgb), .05) 45%, rgba(var(--lx-acc-rgb), 0) 70%),
linear-gradient(rgba(244,245,243,.86), rgba(244,245,243,.86)),
url('/bulletin/toronto-light-p.svg') center / cover no-repeat,
var(--lx-bg) !important;
}
@media (orientation: landscape) {
html body::before { background:
radial-gradient(120% 60% at 50% -18%, rgba(var(--lx-acc-rgb), .16) 0%, rgba(var(--lx-acc-rgb), .04) 45%, rgba(var(--lx-acc-rgb), 0) 70%),
linear-gradient(rgba(13,12,11,.88), rgba(13,12,11,.88)), url('/bulletin/toronto-dark-l.svg') center / cover no-repeat, var(--lx-bg) !important; }
html[data-theme="light"] body::before { background:
radial-gradient(120% 55% at 50% -18%, rgba(var(--lx-acc-rgb), .20) 0%, rgba(var(--lx-acc-rgb), .05) 45%, rgba(var(--lx-acc-rgb), 0) 70%),
linear-gradient(rgba(244,245,243,.86), rgba(244,245,243,.86)), url('/bulletin/toronto-light-l.svg') center / cover no-repeat, var(--lx-bg) !important; }
}
html body::after { content: none !important; display: none !important; }
html body .shell { max-width: 640px; margin: 0 auto; }
@media (min-width: 1024px) { html body .shell { max-width: 920px; } }
html body ::selection { background: rgba(var(--lx-acc-rgb), .32); }
html body a { color: var(--lx-acc-ink); text-underline-offset: 3px; }
html body :focus-visible { outline: 2px solid var(--lx-acc-ink); outline-offset: 2px; border-radius: 8px; }
html body hr { border: 0; height: 1px; background: var(--lx-line); }
html body h1, html body h2, html body h3, html body h4 { letter-spacing: -0.025em; color: var(--lx-ink); }
html body b, html body strong { font-weight: 650; }
html body small { letter-spacing: -0.005em; }
.lx-serif { font-family: var(--lx-serif) !important; font-style: italic; font-weight: 400 !important; letter-spacing: -0.01em !important; }
/* ---------------------------------------------------------
머리말 — 큰 제목(왼쪽) + 오른쪽 위 도구.
포털이 아닌 화면은 로고 자리에 "‹ 홈" 동그란 단추. 스크롤하면 lux.js 가
위에 유리 막대(.luxbar · 뒤로 + 작은 제목)를 띄웁니다.
--------------------------------------------------------- */
html body header {
position: relative; text-align: left !important;
display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px;
padding: calc(12px + env(safe-area-inset-top, 0px)) 20px 10px !important;
min-height: 60px; box-sizing: border-box; background: transparent;
}
html body header:after, html body header::after { display: none !important; content: none !important; }
html body header > .homelink, html body header > img { order: 0; flex: none; margin: 0 !important; line-height: 0; }
html body header img { height: 26px !important; width: auto; margin: 0 !important; opacity: 1 !important; filter: none !important; }
html[data-theme="light"] body header > img, html[data-theme="light"] body header .homelink img { filter: invert(1) brightness(.12) !important; }
/* 포털 밖 — 로고 대신 뒤로(홈) 단추 */
html.lux:not(.lux-portal) body header > .homelink, html.lux:not(.lux-portal) body .shell > header > .homelink {
width: 40px; height: 40px; border-radius: 50% !important; display: inline-flex !important; align-items: center; justify-content: center;
background: var(--lx-surface) !important; border: 1px solid var(--lx-edge-2); box-shadow: var(--lx-spec), var(--lx-drop);
color: var(--lx-ink); text-decoration: none; position: relative; transition: transform .15s var(--lx-ease);
}
html.lux:not(.lux-portal) body header > .homelink img { display: none !important; }
html.lux:not(.lux-portal) body header > .homelink::before {
content: ""; width: 18px; height: 18px; background: currentColor;
-webkit-mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
mask: url("data:image/svg+xml;utf8,") center / contain no-repeat;
}
html.lux:not(.lux-portal) body header > .homelink:active { transform: scale(.92); }
html body header h1 {
order: 3; flex: 1 0 100%; margin: 18px 0 0 !important; padding: 0 !important;
font-family: var(--lx-sans) !important; font-size: 30px !important; font-weight: 700 !important; letter-spacing: -0.035em !important; line-height: 1.2 !important;
color: var(--lx-ink) !important; text-align: left; word-break: keep-all; text-transform: none !important;
}
html body header .meta, html body header .sub {
order: 4; flex: 1 0 100%; margin: 6px 0 0 !important;
font-family: var(--lx-sans) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: -0.01em !important;
text-transform: none !important; color: var(--lx-ink-3) !important; opacity: 1 !important; text-align: left;
}
/* 영어 대문자 메타("YNTORONTO · CELL REPORT")는 lux.js 가 제목 위 세리프 한 줄로 바꿉니다 */
html body header .lx-eyebrow {
order: 2; flex: 1 0 100%; margin: 18px 0 -14px !important; font-family: var(--lx-serif) !important; font-style: italic; font-weight: 400 !important;
font-size: 19px !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; color: var(--lx-acc-ink) !important; text-transform: none !important;
}
/* 포털 — 워드마크는 로고 옆 한 줄 (TEVA YN · 고딕 볼드) */
html body .shell header h1.teva {
order: 1; flex: 0 1 auto; margin: 0 !important;
font-family: var(--lx-sans) !important; font-size: 19px !important; font-weight: 800 !important;
letter-spacing: -0.045em !important; padding: 0 !important; line-height: 1 !important; color: var(--lx-ink) !important;
display: flex; align-items: baseline; gap: 8px;
}
html body .shell header h1.teva .teva-yn, html[data-theme="light"] body .shell header h1.teva, html[data-theme="light"] body .shell header h1.teva .teva-yn { color: var(--lx-ink) !important; letter-spacing: inherit !important; font-weight: 800 !important; }
html body .shell header h1.teva .teva-ko { display: none; }
html.lux-portal body .shell header > .meta { display: none !important; }
html.lux-portal body .shell header .homelink { border-radius: 8px; }
/* 도구 — 오른쪽 위 작은 동그란 단추 (테마 · 알림 · 새로고침 · 프로필) */
html body .yntheme, html body .ynrefresh, html body .ynbell, html body .luxava {
position: absolute; top: calc(12px + env(safe-area-inset-top, 0px)); width: 40px; height: 40px; border-radius: 50%;
display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; box-sizing: border-box;
background: var(--lx-surface) !important; border: 1px solid var(--lx-edge-2) !important; color: var(--lx-ink-2) !important;
box-shadow: var(--lx-spec), var(--lx-drop) !important; -webkit-backdrop-filter: none; backdrop-filter: none;
cursor: pointer; z-index: 6; transition: transform .15s var(--lx-ease), background .15s;
}
html body .yntheme:active, html body .ynrefresh:active, html body .ynbell:active, html body .luxava:active { transform: scale(.92); }
html body .ynrefresh { right: 16px; }
html body .ynbell { right: 62px; }
html body .yntheme { left: auto !important; right: 108px; width: 40px !important; height: 40px !important; overflow: hidden !important; justify-content: center !important; }
html body header .ynbell[style*="display:none"] ~ .yntheme, html body header .ynbell[style*="display: none"] ~ .yntheme { right: 62px; }
html body .yntheme .ysk { display: none !important; }
html body .yntheme .ysi { position: static; width: auto; height: auto; opacity: 1 !important; color: var(--lx-ink-2) !important; }
html body .yntheme[data-light="0"] .ysi.s { display: none; }
html body .yntheme[data-light="1"] .ysi.m { display: none; }
html body .yntheme .ysi svg { width: 18px; height: 18px; }
html body .yntheme[data-auto="1"]::after { content: ""; position: absolute; right: 7px; bottom: 7px; width: 5px; height: 5px; border-radius: 50%; background: var(--lx-acc); }
html body .ynrefresh svg { width: 17px; height: 17px; }
html body .ynrefresh.spin svg { animation: lxspin .8s linear infinite; }
@keyframes lxspin { to { transform: rotate(360deg); } }
html body .ynbell.on { color: var(--lx-acc-ink) !important; }
html body .ynfs { display: none !important; }
/* 프로필 사진 — 얼굴이 보이게 동그랗게 꽉 채움, 강조색 고리 */
html body .luxava { right: 16px; overflow: hidden; padding: 2px !important; border: 0 !important; box-shadow: none !important;
background: linear-gradient(140deg, var(--lx-acc-ink), var(--lx-acc)) !important; }
html body .luxava img, html body .luxava .ini {
width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center;
border: 2px solid var(--lx-bg); box-sizing: border-box; background: var(--lx-surface-2);
}
html body .luxava img { object-fit: cover; object-position: center 22%; }
html body .luxava .ini { font-size: 14px; font-weight: 700; color: var(--lx-ink); }
html body .shell header.has-ava .ynrefresh { right: 62px; }
html body .shell header.has-ava .ynbell { right: 108px; }
html body .shell header.has-ava .yntheme { right: 154px; }
html body .shell header.has-ava .ynbell[style*="display:none"] ~ .yntheme, html body .shell header.has-ava .ynbell[style*="display: none"] ~ .yntheme { right: 108px; }
/* "다른 사람으로 보는 중" 띠 */
html body .ynas { background: var(--lx-acc-fill) !important; color: #fff !important; font-weight: 600; box-shadow: none; }
/* 스크롤하면 나타나는 위 유리 막대 (lux.js) */
html body .luxbar {
position: fixed; left: 0; right: 0; top: 0; z-index: 75; height: calc(52px + env(safe-area-inset-top, 0px)); box-sizing: border-box;
padding: env(safe-area-inset-top, 0px) 12px 0; display: flex; align-items: center; gap: 10px;
background: var(--lx-chrome); border-bottom: 1px solid var(--lx-chrome-edge);
-webkit-backdrop-filter: var(--lx-cblur); backdrop-filter: var(--lx-cblur);
transform: translateY(-100%); opacity: 0; transition: transform .28s var(--lx-ease), opacity .2s; pointer-events: none;
}
html body .luxbar.on { transform: none; opacity: 1; pointer-events: auto; }
html body .luxbar a { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--lx-ink); flex: none; }
html body .luxbar a svg { width: 20px; height: 20px; }
html body .luxbar b { flex: 1; min-width: 0; text-align: center; margin-right: 46px; font-size: 16px; font-weight: 650; letter-spacing: -0.02em; color: var(--lx-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 뒤로 가기 막대 (내 정보 관리 등) */
html body .pvbar { display: flex; align-items: center; gap: 10px; padding: 6px 16px 14px; }
html body .pvbar .pvback, html body .cmback, html body a.back, html body button.back {
display: inline-flex; align-items: center; gap: 4px; height: 40px; padding: 0 16px 0 12px; border-radius: 20px;
background: var(--lx-surface) !important; border: 1px solid var(--lx-edge-2) !important; color: var(--lx-ink) !important;
font-size: 14px !important; font-weight: 600 !important; text-decoration: none; cursor: pointer; box-shadow: var(--lx-spec), var(--lx-drop);
}
html body .pvbar > span { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: var(--lx-ink); }
/* ---------------------------------------------------------
면 — 카드는 단단한 한 장 (어두운 화면: 선 · 밝은 화면: 옅은 그림자)
--------------------------------------------------------- */
html body .panel, html[data-theme="light"] body .panel,
html body .panel.dark, html body .hero, html body .mn-card, html body .acard, html body .attn, html body .card.lg,
html body .nfcard, html body .mcard, html body .dcard, html body .sermoncard, html body .mcardlink,
html body .notice, html body .banner, html body .callout, html body .subnotice,
html body .todoacc-h, html body #attnBox .attn, html body #calWrap .panel {
background: var(--lx-surface) !important;
border: 1px solid var(--lx-edge) !important;
border-radius: var(--lx-r-lg) !important;
box-shadow: var(--lx-spec), var(--lx-drop) !important;
-webkit-backdrop-filter: none !important; backdrop-filter: none !important;
color: var(--lx-ink);
}
/* Theme.html 의 v8.21 어두운 유리 패널 규칙은 선택자가 더 세서(0,5,2) — 같은 세기로 한 번 더 이깁니다 */
@media screen {
html:not([data-lx-none]) body .panel:not(.lx-n1):not(.lx-n2):not(.lx-n3) {
--ink-1: var(--lx-ink); --ink-2: var(--lx-ink-2); --ink-3: var(--lx-ink-3); --ink-4: var(--lx-ink-4);
--hair: var(--lx-line); --hair-2: var(--lx-line-2); --surface: var(--lx-surface-2); --sunken: var(--lx-surface-2); --canvas: transparent;
background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; border-radius: var(--lx-r-lg) !important;
box-shadow: var(--lx-spec), var(--lx-drop) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; color: var(--lx-ink);
}
html:not([data-lx-none]) body .panel .panel:not(.lx-n1):not(.lx-n2):not(.lx-n3) { background: var(--lx-surface-2) !important; border-color: transparent !important; box-shadow: none !important; }
}
html body .tile { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .panel { padding: 20px 18px !important; margin: 0 14px 12px !important; }
html body .panel.flush { padding: 0 !important; }
html body .notice, html body .banner, html body .callout, html body .subnotice { border-left-width: 1px !important; padding: 16px 18px !important; }
html body .notice .lead, html body .banner .lead { font-size: 15px !important; font-weight: 700; color: var(--lx-ink); }
html body .notice p, html body .banner p { color: var(--lx-ink-2) !important; }
/* 카드 안의 칸 — 한 단계 낮은 면, 테두리 없이 */
html body .panel .panel, html body .panel .card:not(.lg), html body .card, html body .mrow, html body .song, html body .fileitem, html body .msrow,
html body .stat, html body .moodbox, html body .facebox, html body .picklist button, html body .lr, html body .noteBox, html body .mmdet {
background: var(--lx-surface-2) !important; border: 1px solid transparent !important; border-radius: var(--lx-r-md) !important;
box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; color: var(--lx-ink);
}
/* 카드가 바탕에 바로 놓일 때(패널 밖) — 다시 한 장의 카드로 */
html body .shell > .card, html body main > .card { background: var(--lx-surface) !important; border-color: var(--lx-edge) !important; box-shadow: var(--lx-spec), var(--lx-drop) !important; }
html body .warnbox { background: var(--lx-bad-soft) !important; color: var(--lx-bad) !important; border: 0 !important; border-radius: var(--lx-r-md); }
html body .warnbox b { color: var(--lx-bad); }
html body .okbox { background: var(--lx-good-soft) !important; color: var(--lx-good) !important; border: 0 !important; border-radius: var(--lx-r-md); }
html body .row { border-top: 1px solid var(--lx-line); }
html body .name, html body .nfname, html body .mname, html body .dname, html body .tname { color: var(--lx-ink); font-weight: 700 !important; letter-spacing: -0.02em; }
/* 모달 · 시트 — 여기는 유리 */
html body .ynmodal { background: rgba(0,0,0,.5) !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
html[data-theme="light"] body .ynmodal { background: rgba(15,26,29,.28) !important; }
html body .ynmodalcard, html body .yc-sheet, html body .ynwel {
background: var(--lx-chrome) !important; border: 1px solid var(--lx-chrome-edge) !important; border-radius: var(--lx-r-xl) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), var(--lx-lift) !important; color: var(--lx-ink) !important;
-webkit-backdrop-filter: blur(32px) saturate(180%) !important; backdrop-filter: blur(32px) saturate(180%) !important;
}
html[data-theme="light"] body .ynmodalcard, html[data-theme="light"] body .yc-sheet, html[data-theme="light"] body .ynwel { background: rgba(255,255,255,.86) !important; }
html body .ynwel h3 { font-size: 18px; font-weight: 700; letter-spacing: -0.025em; }
html body .ynwel li { color: var(--lx-ink-2); }
html body .ynwel button { background: var(--lx-acc-fill); color: #fff; border-radius: 14px; font-weight: 600; }
html body .ynwel button.g { background: var(--lx-surface-2); color: var(--lx-ink); border: 1px solid var(--lx-edge-2); }
html body .ynwel .st { color: var(--lx-acc-ink); }
/* 화면 아래 알림 (토스트) */
html body .toast, html body #toast, html body .yntoast, html body .snack {
background: var(--lx-chrome) !important; color: var(--lx-ink) !important; border: 1px solid var(--lx-chrome-edge) !important; border-radius: 16px !important;
-webkit-backdrop-filter: var(--lx-cblur) !important; backdrop-filter: var(--lx-cblur) !important; box-shadow: var(--lx-lift) !important; font-weight: 600;
}
@media (prefers-reduced-transparency: reduce) {
html body .ynmodalcard, html body .luxnav, html body .luxbar, html body .yn-top, html body .etop { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: var(--lx-surface) !important; }
}
/* ---------------------------------------------------------
구역 이름 · 보조 문구
--------------------------------------------------------- */
html body .chip, html body .chip.chip {
display: block; background: transparent !important; color: var(--lx-ink) !important;
font-size: 17px !important; font-weight: 700 !important; letter-spacing: -0.025em !important; line-height: 1.35 !important;
padding: 0 !important; margin: 0 0 12px !important; border: 0 !important; border-radius: 0 !important; text-transform: none !important;
}
html body .chip:before { display: none !important; }
html body .seclabel {
font-size: 19px; font-weight: 700; letter-spacing: -0.03em; color: var(--lx-ink);
margin: 30px 0 12px; padding: 0 20px; display: flex; align-items: center; gap: 8px;
}
html body .seclabel svg { width: 16px; height: 16px; color: var(--lx-ink-3); }
html body .sect, html body .cap { font-size: 13px; font-weight: 600; letter-spacing: -0.005em; text-transform: none; color: var(--lx-ink-3); margin: 18px 0 8px; }
html body .hint, html body .sub, html body .lede, html body .fnote, html body .empty, html body .allgood, html body .empty-info { color: var(--lx-ink-3) !important; }
html body .hint, html body .lede { font-size: 14px !important; line-height: 1.7 !important; }
html body .fnote { font-size: 12.5px !important; line-height: 1.6 !important; }
html body .hint b, html body .lede b { color: var(--lx-ink-2); font-weight: 600; }
html body .empty { text-align: center; padding: 28px 16px !important; font-size: 14px; line-height: 1.7; }
html body .msg.err, html body .err { color: var(--lx-bad) !important; }
html body .msg.ok, html body .ok { color: var(--lx-good) !important; }
html body .req, html body .chip .req { color: var(--lx-acc-ink) !important; }
html body .f > label, html body .lbl, html body .fl {
font-size: 13px; font-weight: 600; letter-spacing: -0.005em; text-transform: none; color: var(--lx-ink-2); margin-bottom: 8px;
}
html body .fk, html body .field .fk { color: var(--lx-ink-3) !important; font-weight: 600; letter-spacing: 0; text-transform: none; font-size: 12px; }
html body .fv, html body .field .fv { color: var(--lx-ink); }
/* 권한 없음 · 로그인 필요 — 가운데 조용한 안내 카드 */
html body .denied, html body .noaccess, html body .gate, html body #denied, html body #gate { text-align: center; }
/* ---------------------------------------------------------
입력 — 채운 면, 테두리 없이, 누르면 강조색 고리
--------------------------------------------------------- */
html body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]), html body select, html body textarea,
html[data-theme="light"] body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]), html[data-theme="light"] body select, html[data-theme="light"] body textarea {
background-color: var(--lx-surface-2) !important; color: var(--lx-ink) !important;
border: 1px solid transparent !important; border-radius: var(--lx-r-sm) !important; box-shadow: none !important;
padding: 13px 15px; font-size: 16px; line-height: 1.45; min-height: 48px; box-sizing: border-box;
transition: border-color .15s, box-shadow .15s, background-color .15s;
}
html body .panel .panel input:not([type="checkbox"]):not([type="radio"]), html body .card input:not([type="checkbox"]):not([type="radio"]), html body .card textarea, html body .card select { background-color: var(--lx-surface-3) !important; }
html body input:focus, html body select:focus, html body textarea:focus {
border-color: var(--lx-acc-ink) !important; box-shadow: 0 0 0 4px var(--lx-acc-soft) !important; outline: none;
}
html body input::placeholder, html body textarea::placeholder { color: var(--lx-ph) !important; -webkit-text-fill-color: var(--lx-ph); }
html body input:disabled, html body select:disabled, html body textarea:disabled { color: var(--lx-ink-3) !important; opacity: .7; }
html body input[type="checkbox"], html body input[type="radio"] { width: 20px; height: 20px; accent-color: var(--lx-acc-fill) !important; min-height: 0; padding: 0; }
html body input[type="range"] { accent-color: var(--lx-acc-fill); }
html body select {
-webkit-appearance: none; appearance: none; padding-right: 40px !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important; background-position: right 15px center !important; background-size: 12px 8px !important;
}
html body .pwbox { font-family: var(--lx-sans) !important; letter-spacing: .3em; }
/* ---------------------------------------------------------
버튼 — 주 단추(강조색) · 보조(면) · 고스트(글씨) · 위험
--------------------------------------------------------- */
html body .btn, html[data-theme="light"] body .btn {
display: inline-flex; align-items: center; justify-content: center; gap: 6px;
min-height: 44px; padding: 10px 16px; border-radius: var(--lx-r-sm) !important;
background: var(--lx-surface-2) !important; border: 1px solid transparent !important; color: var(--lx-ink) !important;
font-size: 15px; font-weight: 600 !important; letter-spacing: -0.015em; box-shadow: none !important;
-webkit-backdrop-filter: none; backdrop-filter: none; text-decoration: none;
transition: transform .12s var(--lx-ease), background .15s, border-color .15s, opacity .15s;
}
html body .btn:hover { background: var(--lx-surface-3) !important; }
html body .btn:active { transform: scale(.97); }
html body .btn.mini, html body .mini.btn { min-height: 34px; padding: 5px 12px; font-size: 13px; border-radius: 10px !important; }
html body .btn.accent, html body .btn.orange, html body .btn.dark, html body .btn.go, html body .btn.primary, html body .btn.pri,
html[data-theme="light"] body .btn.accent, html[data-theme="light"] body .btn.orange, html[data-theme="light"] body .btn.dark, html[data-theme="light"] body .btn.go, html[data-theme="light"] body .btn.primary {
background: var(--lx-acc-fill) !important; color: var(--lx-on-acc) !important; border-color: transparent !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.16) !important;
}
html body .btn.accent:hover, html body .btn.go:hover, html body .btn.primary:hover { background: var(--lx-acc-fill) !important; filter: brightness(1.06); }
html body .btn.ghost { background: transparent !important; border-color: var(--lx-line-2) !important; color: var(--lx-ink-2) !important; box-shadow: none !important; }
html body .btn.danger, html body .btn.del { color: var(--lx-bad) !important; background: var(--lx-bad-soft) !important; border-color: transparent !important; }
html body .btn:disabled, html body .btn[disabled] { opacity: .4; transform: none; }
html body .submit, html body .pwsubmit, html body .dirbtn, html body .gbtn, html body .yngo,
html[data-theme="light"] body .submit, html[data-theme="light"] body .pwsubmit, html[data-theme="light"] body .dirbtn {
display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box;
min-height: 54px; padding: 14px 18px !important; border-radius: 16px !important; border: 0 !important;
background: var(--lx-acc-fill) !important; color: var(--lx-on-acc) !important;
font-size: 16px !important; font-weight: 700 !important; letter-spacing: -0.02em;
box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 14px 30px -16px rgba(var(--lx-acc-rgb), .7) !important; cursor: pointer;
transition: transform .12s var(--lx-ease), opacity .15s;
}
html body .submit:active, html body .gbtn:active { transform: scale(.985); }
html body .submit:disabled, html body .pwsubmit:disabled { background: var(--lx-surface-2) !important; color: var(--lx-ink-3) !important; box-shadow: none !important; }
/* 구글 단추 — 흰 바탕 (브랜드 규정) */
html body .gbtn, html body .yngo, html[data-theme="light"] body .gbtn, html[data-theme="light"] body .yngo {
background: #FFFFFF !important; color: #1F2937 !important; border: 1px solid rgba(15,23,42,.12) !important; text-decoration: none;
font-size: 15.5px !important; font-weight: 600 !important; margin: 16px 0 0; max-width: none; box-shadow: 0 1px 2px rgba(0,0,0,.12) !important;
}
html body .yngo-t { color: var(--lx-ink-2); font-size: 15px; line-height: 1.7; }
html body .pwlink { color: var(--lx-ink-3) !important; border-bottom-color: var(--lx-line-2); }
html body .btnrow { gap: 8px; }
/* ---------------------------------------------------------
뱃지 · 숫자 · 표
--------------------------------------------------------- */
html body .tag, html body .rolepill, html body .ratebadge, html body .badge, html body .owner, html body .nmpill, html body .pill {
display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px !important; font-weight: 600; letter-spacing: -0.005em;
padding: 3px 10px !important; min-height: 24px; box-sizing: border-box; border-radius: 999px; background: var(--lx-surface-2); color: var(--lx-ink-2); border: 0;
}
html body .tag.good, html body .badge.good, html body .tag.ok { background: var(--lx-good-soft); color: var(--lx-good); }
html body .tag.warn, html body .badge.warn { background: var(--lx-warn-soft); color: var(--lx-warn); }
html body .tag.bad, html body .badge.bad, html body .tag.low { background: var(--lx-bad-soft); color: var(--lx-bad); }
html body .rolepill, html body .pill.role { background: var(--lx-acc-soft) !important; color: var(--lx-acc-ink) !important; border: 0 !important; border-radius: 999px !important; font-weight: 700; }
html body .rolepill.none, html body .rolepill.soft { background: var(--lx-surface-2) !important; color: var(--lx-ink-3) !important; }
html body .pill.sub { background: none; border: 0; color: var(--lx-ink-2); padding-left: 0 !important; }
html body .pill em { color: var(--lx-ink-2); }
html body .tbadge, html body .ah-n, html body .ar-n {
font-family: var(--lx-sans); font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: 0;
background: var(--lx-acc-fill) !important; color: #fff !important; border: 0 !important; border-radius: 999px;
}
html body .attn-h .ah-n::before { display: none; }
html body .stat .v, html body .moodbox .n, html body .facebox .n, html body .pct, html body .num, html body .calym {
font-family: var(--lx-sans) !important; font-weight: 700 !important; letter-spacing: -0.04em !important; color: var(--lx-ink) !important; font-variant-numeric: tabular-nums;
}
html body .stat .v { font-size: 26px !important; }
html body .stat .k, html body .moodbox .l, html body .facebox .l { color: var(--lx-ink-3) !important; font-weight: 500; letter-spacing: 0; text-transform: none; font-size: 12.5px !important; }
html body .bar:not(#bar):has(> span, > i) { background: var(--lx-surface-2); border: 0; height: 6px !important; border-radius: 99px; overflow: hidden; }
html body .bar > span, html body .bar > i { background: var(--lx-acc); border-radius: 99px; }
html body table { border-collapse: collapse; }
html body th { color: var(--lx-ink-3); font-weight: 600; font-size: 12.5px; letter-spacing: 0; text-transform: none; border-bottom: 1px solid var(--lx-line-2); background: transparent; }
html body td { border-bottom: 1px solid var(--lx-line); color: var(--lx-ink); }
html body .skel { background: linear-gradient(90deg, var(--lx-surface-2) 25%, var(--lx-surface-3) 50%, var(--lx-surface-2) 75%) !important; background-size: 200% 100% !important; border-radius: 10px; }
/* ---------------------------------------------------------
탭 — 알약 모양 세그먼트 (선택된 칸만 떠오름)
--------------------------------------------------------- */
html body .tabs, html body div.pgtabs, html[data-theme="light"] body div.pgtabs, html body .subtabs, html body .seg {
display: flex; gap: 2px !important; padding: 4px !important; margin: 0 14px 14px !important;
background: var(--lx-surface-2) !important; border: 0 !important; border-radius: 999px !important; box-shadow: none !important;
overflow-x: auto; scrollbar-width: none;
}
html body .tabs::-webkit-scrollbar, html body div.pgtabs::-webkit-scrollbar, html body .subtabs::-webkit-scrollbar { display: none; }
html body .tabs button, html body .tabs > a, html body div.pgtabs > button, html body div.pgtabs > a, html body .subtabs > button, html body .seg > button,
html[data-theme="light"] body div.pgtabs > button:not(.on), html[data-theme="light"] body div.pgtabs > a:not(.on) {
flex: 1 0 auto; min-width: 0; min-height: 38px; padding: 7px 14px !important; border: 0 !important; border-radius: 999px !important;
background: transparent !important; color: var(--lx-ink-3) !important; font-size: 14px !important; font-weight: 600 !important; letter-spacing: -0.015em;
box-shadow: none !important; white-space: nowrap; text-decoration: none; transition: background .18s var(--lx-ease), color .18s;
}
html body .tabs button.on, html body .tabs > a.on, html body div.pgtabs > button.on, html body div.pgtabs > a.on, html body .subtabs > button.on, html body .seg > button.on,
html[data-theme="light"] body div.pgtabs > button.on, html[data-theme="light"] body div.pgtabs > a.on {
background: var(--lx-surface-3) !important; color: var(--lx-ink) !important; border: 0 !important;
box-shadow: 0 1px 2px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
html[data-theme="light"] body .tabs button.on, html[data-theme="light"] body .tabs > a.on, html[data-theme="light"] body div.pgtabs > button.on, html[data-theme="light"] body .subtabs > button.on, html[data-theme="light"] body .seg > button.on {
background: #FFFFFF !important; box-shadow: 0 1px 3px rgba(16,24,32,.12), 0 0 0 .5px rgba(16,24,32,.04) !important;
}
html body .picklist { gap: 8px; }
html body .picklist button { padding: 14px 16px !important; min-height: 56px; }
html body .picklist button.picked { background: var(--lx-acc-soft) !important; border-color: var(--lx-acc-line) !important; box-shadow: none !important; }
html body .picklist button .t b { font-weight: 600; color: var(--lx-ink); }
html body .picklist button .t span { color: var(--lx-ink-3); }
html body .caret, html body .cv { color: var(--lx-ink-3) !important; opacity: 1; }
/* ---------------------------------------------------------
포털 — 환영 카드 · 타일 · 큰 단추
--------------------------------------------------------- */
html body .hero, html[data-theme="light"] body .hero { padding: 18px 18px 16px !important; margin: 4px 14px 12px !important; }
html body .herotop { gap: 14px; }
html body .ava, html body .ava.ph {
width: 64px !important; height: 64px !important; border-radius: 50% !important; object-fit: cover; object-position: center 22%;
box-shadow: 0 0 0 2px var(--lx-surface), 0 0 0 4px var(--lx-acc) !important; background: var(--lx-surface-2);
}
html body .ava.ph { color: var(--lx-ink); font-size: 22px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
html body .herotext h2 { font-size: 20px; font-weight: 700; letter-spacing: -0.03em; color: var(--lx-ink); line-height: 1.3; }
html body .herotext p { font-size: 13.5px; color: var(--lx-ink-3); margin-top: 4px; line-height: 1.55; }
html body .herofoot { border-top: 1px solid var(--lx-line); margin-top: 16px; padding-top: 12px; gap: 6px; }
html body .mebtn, html[data-theme="light"] body .mebtn {
margin-top: 14px; width: 100%; min-height: 48px; display: flex; align-items: center; gap: 10px; padding: 0 16px;
border-radius: 14px !important; background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink) !important;
font-size: 15px; font-weight: 600 !important; box-shadow: none !important; cursor: pointer;
}
html body .mebtn span { margin-left: auto; color: var(--lx-ink-3); }
html body .mebtn svg { width: 18px; height: 18px; color: var(--lx-ink-2); }
html body .qsearch { margin-top: 12px; border-radius: 14px !important; background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink-3); }
html body .qsearch input { background: transparent !important; border: 0 !important; box-shadow: none !important; min-height: 46px; padding-left: 42px !important; }
html body .qsearch svg { color: var(--lx-ink-3); }
/* 큰 단추 (주보 · 묵상 · 노트 · 일정 · 새가족) */
html body .bulbtn, html body .bulbtn.in, html body .cabtn, html body .fmbtn, html[data-theme="light"] body .bulbtn, html[data-theme="light"] body .bulbtn.in {
margin: 0 14px 10px; padding: 14px 16px; border-radius: var(--lx-r-lg) !important; min-height: 70px; box-sizing: border-box;
background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; color: var(--lx-ink) !important;
box-shadow: var(--lx-spec), var(--lx-drop) !important; -webkit-backdrop-filter: none; backdrop-filter: none;
transition: transform .12s var(--lx-ease);
}
html body .bulbtn:active, html body .tile:active, html body .mcardlink:active, html body .acard:active { transform: scale(.98); }
html body .bulbtn .bt b { font-size: 15.5px !important; font-weight: 700; letter-spacing: -0.02em; color: var(--lx-ink) !important; }
html body .bulbtn .bt small, html body .bulbtn.in .bt small { color: var(--lx-ink-3) !important; font-size: 13px !important; font-weight: 500; }
html body .bulbtn .ba, html body .bulbtn.in .ba, html body .acard .ac-go, html body .attn-row .ar-go, html body .pk-go { color: var(--lx-ink-4) !important; font-size: 20px; }
html body .bulbtn.bulbtn.bulbtn .bi, html body .cabtn.cabtn .bi, html body .fmbtn.fmbtn .bi, html body .fmbtn.fmbtn .fi,
html body .tile .ticon, html body .mcardlink .mi, html body .acard .ac-ic, html body .tiles.favs .tile .ticon,
html[data-theme="light"] body .bulbtn.bulbtn.bulbtn .bi, html[data-theme="light"] body .tile .ticon, html[data-theme="light"] body .mcardlink .mi, html[data-theme="light"] body .acard .ac-ic {
--g: var(--lx-ink); --mc: var(--lx-ink);
width: 44px; height: 44px; border-radius: 14px; flex: none; display: flex; align-items: center; justify-content: center;
background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink) !important; box-shadow: none !important;
}
html body .bulbtn .bi svg, html body .tile .ticon svg, html body .mcardlink .mi svg, html body .acard .ac-ic svg, html body .cabtn .bi svg, html body .fmbtn .bi svg, html body .fmbtn .fi svg,
html body .bulbtn.bulbtn .bi svg, html body .cabtn.cabtn .bi svg, html body .fmbtn.fmbtn .bi svg {
width: 22px !important; height: 22px !important; color: var(--lx-ink) !important; stroke-width: 1.6;
}
html body .ticon svg .d, html body .mi svg .d, html body .ac-ic svg .d, html body .bi svg .d { opacity: .4; }
/* 새가족 등록 — 로그인 전 화면의 단 하나의 강조 */
html body .prebtns .bulbtn.nf, html[data-theme="light"] body .prebtns .bulbtn.nf { background: var(--lx-acc-fill) !important; border-color: transparent !important; color: #fff !important; }
html body .prebtns .bulbtn.nf .bt b, html body .prebtns .bulbtn.nf .bt small, html body .prebtns .bulbtn.nf .ba { color: #fff !important; }
html body .prebtns .bulbtn.nf.nf .bi, html[data-theme="light"] body .prebtns .bulbtn.nf.nf .bi { background: rgba(255,255,255,.18) !important; }
html body .prebtns .bulbtn.nf .bi svg { color: #fff !important; }
html body .pairrow { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 14px; margin-bottom: 10px; }
html body .pairrow .bulbtn, html body .pairrow .pairser { margin: 0; }
html body .aibtns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 14px; margin-bottom: 10px; }
html body .aibtns .bulbtn { margin: 0; min-height: 64px; }
/* 타일 */
html body .tiles { gap: 10px; padding: 0 14px; }
html body .tile, html[data-theme="light"] body .tile, html body .tiles.adm .tile {
--mc: var(--lx-ink); --mc-soft: var(--lx-surface-2);
background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; border-radius: var(--lx-r-lg) !important;
box-shadow: var(--lx-spec), var(--lx-drop) !important; color: var(--lx-ink) !important; padding: 16px 10px 14px; gap: 10px;
-webkit-backdrop-filter: none; backdrop-filter: none; transition: transform .12s var(--lx-ease);
}
html body .tile .tt { font-size: 14px !important; font-weight: 600 !important; letter-spacing: -0.02em; color: var(--lx-ink); }
html body .tile .td, html body .tiles.adm .tile .td { color: var(--lx-ink-3) !important; font-size: 12px; }
html body .tile .tbadge { top: 8px; right: 8px; }
/* 정보 카드 (지금 처리할 일 등) */
html body .mcardlink { padding: 16px 44px 16px 16px; }
html body .acard .ac-t { color: var(--lx-ink); font-weight: 700; }
html body .acard .ac-d { color: var(--lx-ink-3); }
html body .acard .ac-fact { background: var(--lx-surface-2); border: 0; border-radius: 12px; }
html body .acard .ac-fact .fl { color: var(--lx-ink-3); }
html body .acard .ac-fact .ft { color: var(--lx-ink); font-weight: 600; }
html body .acard .ac-s { background: var(--lx-surface-2); border-radius: 12px; }
html body .acard .ac-s b { color: var(--lx-ink); }
html body .acard .ac-s.w { background: var(--lx-warn-soft); }
html body .acard .ac-s.w b { color: var(--lx-warn); }
html body #attnBox .attn-h .ah-t { color: var(--lx-ink); font-weight: 700 !important; }
html body #attnBox .attn-h .ah-c { color: var(--lx-ink-3); }
html body #attnBox .attn-row { border-top: 1px solid var(--lx-line) !important; }
html body #attnBox .attn-row .ar-t { color: var(--lx-ink-3); }
html body #attnBox .attn-row .ar-t b { color: var(--lx-ink); font-weight: 700; }
html body #attnBox .attn-row .ar-n { background: var(--lx-acc-soft) !important; color: var(--lx-acc-ink) !important; }
html body #attnBox .attn-row:hover, html body #attnBox .attn-row:active { background: var(--lx-surface-2); }
/* 일정 미리보기 */
html body #calWrap .calhead { padding: 0 20px; margin: 24px 0 10px; }
html body #calWrap .calhead .seclabel { padding: 0; margin: 0; }
html body #calWrap .caltog, html[data-theme="light"] body #calWrap .caltog { background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink) !important; border-radius: 99px; font-weight: 600; box-shadow: none !important; }
html body #calWrap .pk-row { border-top: 1px solid var(--lx-line); }
html body #calWrap .pk-row .pk-d, html[data-theme="light"] body #calWrap .pk-row .pk-d {
background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--lx-ink) !important; width: 44px; align-items: flex-start;
}
html body #calWrap .pk-row .pk-d b { font-size: 22px; font-weight: 700; letter-spacing: -0.04em; color: var(--lx-acc-ink); }
html body #calWrap .pk-row .pk-d i { font-size: 11px; font-style: normal; color: var(--lx-ink-3); font-weight: 600; }
html body #calWrap .pk-row .pk-t { color: var(--lx-ink); font-weight: 600; }
html body #calWrap .pk-row .pk-s { color: var(--lx-ink-3); }
html body #calWrap .yc-grid { border-color: var(--lx-line-2); }
html body .calnav button, html body .calbar .btn { background: var(--lx-surface-2) !important; color: var(--lx-ink) !important; border-color: transparent !important; }
/* 로그인 · 섹션 간격 */
html body #gbox, html body #linkBox, html body #manualBox { margin-top: 6px !important; }
html body .prebtns { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding: 0 14px; margin: 6px 0 14px; }
html body .prebtns .bulbtn { margin: 0; min-height: 64px; }
html body .topmsg { border-radius: var(--lx-r-md); background: var(--lx-good-soft); color: var(--lx-good); border: 0; }
html body .topmsg.err { background: var(--lx-bad-soft); color: var(--lx-bad); }
html body .nfopts button, html body .nfopts label { background: var(--lx-surface-2) !important; border: 1px solid transparent !important; color: var(--lx-ink) !important; border-radius: 12px !important; min-height: 46px; }
html body .nfopts button.on, html body .nfopts button.picked, html body .nfopts .on { background: var(--lx-acc-fill) !important; color: #fff !important; border-color: transparent !important; }
html body .nfwelcome, html body .nfok { color: var(--lx-ink-2); }
html body .nfwelcome .nfh, html body .nfok h3 { color: var(--lx-ink); font-weight: 700; }
html body .nfok .ic { background: var(--lx-acc-soft); color: var(--lx-acc-ink); border-radius: 50%; }
html body .lkchg { color: var(--lx-ink-2); }
html body .lkchg em { color: var(--lx-ink-3); }
html body .subpanel { background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; border-radius: var(--lx-r-lg) !important; box-shadow: var(--lx-spec), var(--lx-drop); margin: 10px 14px 0; }
/* ---------------------------------------------------------
꼬리말 — 예전 모양 그대로 (가운데 · 강조색 짧은 막대 · CONNECT WITH US)
어두운 화면은 주황, 밝은 화면은 청록
--------------------------------------------------------- */
html body { --lx-foot: #F26B21; --lx-foot-bar: #F26B21; }
html[data-theme="light"] body { --lx-foot: #0D7A84; --lx-foot-bar: #46BDC6; } /* 글씨는 대비 4.5 이상인 청록 */
html body footer.ynfoot, html[data-theme="light"] body footer.ynfoot, html body :is(.viewer, .pv) .ynfoot {
text-align: center !important; padding: 40px 18px calc(40px + var(--lx-nav-h)) !important; color: var(--lx-ink-3) !important;
font-size: 13.5px !important; line-height: 1.9 !important; letter-spacing: 0; background: transparent !important;
}
html body .ynfoot .cw, html[data-theme="light"] body .ynfoot .cw, html body :is(.viewer, .pv) .ynfoot .cw {
font-family: 'Montserrat', var(--lx-sans) !important; font-style: normal; font-weight: 800 !important; font-size: 22px !important;
letter-spacing: .01em; line-height: 1.2; text-transform: uppercase !important; color: var(--lx-foot) !important;
}
html body .ynfoot .cw:before, html body :is(.viewer, .pv) .ynfoot .cw::before {
content: '' !important; display: block !important; width: 28px !important; max-width: none; height: 2px !important; background: var(--lx-foot-bar) !important; margin: 0 auto 12px !important;
}
html body .ynfoot .sl, html[data-theme="light"] body .ynfoot .sl { color: var(--lx-ink) !important; font-size: 14.5px; margin: 6px 0 12px; }
html body .ynfoot .ln, html body :is(.viewer, .pv) .ynfoot .ln { display: flex; flex-wrap: wrap; justify-content: center !important; gap: 2px 16px !important; }
html body .ynfoot a, html[data-theme="light"] body .ynfoot a, html body :is(.viewer, .pv) .ynfoot a { color: var(--lx-ink-2) !important; font-weight: 500; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
html body .ynfoot svg, html body :is(.viewer, .pv) .ynfoot svg { width: 14px; height: 14px; color: var(--lx-foot) !important; opacity: 1; flex: none; }
html body .ynfoot .ch, html[data-theme="light"] body .ynfoot .ch, html body :is(.viewer, .pv) .ynfoot .ch { color: var(--lx-ink-3) !important; font-size: 12.5px; margin-top: 12px; }
html body .ynfoot .cp, html[data-theme="light"] body .ynfoot .cp, html body :is(.viewer, .pv) .ynfoot .cp {
margin-top: 6px; font-family: 'Montserrat', var(--lx-sans) !important; font-size: 11.5px !important; font-weight: 700 !important; letter-spacing: .03em !important;
text-transform: uppercase !important; color: var(--lx-ink-2) !important;
}
html body #ynBuild { color: var(--lx-ink-4) !important; opacity: .5 !important; }
/* ---------------------------------------------------------
하단 탭 (lux.js) — 떠 있는 유리 막대
--------------------------------------------------------- */
html body .luxnav {
position: fixed; left: 50%; bottom: calc(10px + env(safe-area-inset-bottom, 0px)); transform: translateX(-50%); z-index: 1500;
width: min(calc(100% - 28px), 420px); height: 64px; padding: 6px; box-sizing: border-box;
display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px;
background: var(--lx-chrome); border: 1px solid var(--lx-chrome-edge); border-radius: 24px;
box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 20px 44px -18px rgba(0,0,0,.65);
-webkit-backdrop-filter: var(--lx-cblur); backdrop-filter: var(--lx-cblur);
}
html[data-theme="light"] body .luxnav { box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 40px -18px rgba(16,24,32,.28); }
html body .luxnav a {
display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
border-radius: 18px; color: var(--lx-ink-3); text-decoration: none; font-size: 11px; font-weight: 600; letter-spacing: -0.01em;
-webkit-tap-highlight-color: transparent; transition: background .18s var(--lx-ease), color .18s, transform .12s;
}
html body .luxnav a svg { width: 22px; height: 22px; stroke-width: 1.7; }
html body .luxnav.five { grid-template-columns: repeat(5, minmax(0, 1fr)); width: min(calc(100% - 24px), 460px); }
html body .luxnav.five a { font-size: 10.5px; }
html body .luxnav a[aria-current="page"] { color: var(--lx-acc-ink); background: var(--lx-acc-soft); box-shadow: none; font-weight: 700; }
html body .luxnav a[aria-current="page"] svg { color: var(--lx-acc-ink); stroke-width: 2; }
html body .luxnav a:active { transform: scale(.92); }
@media (min-width: 1024px) { html body .luxnav { bottom: 20px; } }
/* 시트 · 창이 열려 있으면 하단 탭을 숨겨 아래쪽 단추(완료 · 저장)를 가리지 않게 */
html.lx-sheet body .luxnav { display: none !important; } /* lux.js 가 실제로 보이는 시트만 보고 켭니다 (숨겨 둔 창은 제외) */
html.lux { scroll-padding-top: 64px; }
html.lux-hasnav { scroll-padding-bottom: calc(var(--lx-nav-h) + 16px); }
/* 하단 탭이 있을 때 떠 있는 단추(필기 등)는 탭 위로, 열리는 시트는 탭보다 위에 */
html.lux-hasnav body .yn-dockfab { bottom: calc(var(--lx-nav-h) + 6px + env(safe-area-inset-bottom, 0px)) !important; }
html.lux-hasnav body .yn-dock { z-index: 1600 !important; }
html body .yn-dockfab, html[data-theme="light"] body .yn-dockfab {
background: var(--lx-acc-fill) !important; color: #fff !important; border: 0 !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 16px 32px -14px rgba(var(--lx-acc-rgb), .75), 0 2px 6px rgba(0,0,0,.25) !important;
}
@media print { html body .luxnav, html body .luxbar, html body .yntheme, html body .ynrefresh, html body .ynbell, html body .luxava { display: none !important; } }
/* ---------------------------------------------------------
움직임 — 적게, 한 번
--------------------------------------------------------- */
html body .detail { animation: none; }
html.lx-enter body .shell > *, html.lx-enter body main > * { animation: lxin .38s var(--lx-ease) both; }
html.lx-enter body .shell > *:nth-child(2) { animation-delay: .03s; } html.lx-enter body .shell > *:nth-child(3) { animation-delay: .06s; }
html.lx-enter body .shell > *:nth-child(4) { animation-delay: .09s; } html.lx-enter body .shell > *:nth-child(n+5) { animation-delay: .12s; }
@keyframes lxin { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html body * { transition: none !important; animation: none !important; } }
/* ---------------------------------------------------------
자기만의 머리말을 가진 화면들 (예산 · 재정 · 노트 · 성경 · 채팅 · 주보 · 관리 로그인)
--------------------------------------------------------- */
html body .bd { --g-a: var(--lx-acc); --g-a-rgb: var(--lx-acc-rgb); --g-ok: var(--lx-good); --g-bad: var(--lx-bad); --g-warn: var(--lx-warn); --g-bg: var(--lx-surface); --g-bg2: var(--lx-surface-2); --g-solid: var(--lx-surface); --g-ink: var(--lx-ink); --g-ink2: var(--lx-ink-2); --g-ink3: var(--lx-ink-3); --g-line: var(--lx-line); background: transparent !important; color: var(--lx-ink); }
html body .bd-top { background: var(--lx-chrome) !important; border: 1px solid var(--lx-chrome-edge) !important; border-radius: var(--lx-r-lg) !important; box-shadow: var(--lx-drop) !important; color: var(--lx-ink) !important; -webkit-backdrop-filter: var(--lx-cblur) !important; backdrop-filter: var(--lx-cblur) !important; }
html body .bd-top h1, html[data-theme="light"] body .bd-top h1 { font-size: 18px; font-weight: 700; letter-spacing: -0.025em; color: var(--lx-ink) !important; }
html body .bd-top h1 small { color: var(--lx-ink-3) !important; font-weight: 500; }
html body .bd-card, html body .bd-ev { background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; border-radius: var(--lx-r-lg) !important; box-shadow: var(--lx-spec), var(--lx-drop) !important; color: var(--lx-ink) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .bd-b, html body .bd-theme, html body .bd-chip, html[data-theme="light"] body .bd-b, html[data-theme="light"] body .bd-theme, html[data-theme="light"] body .bd-chip { background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink) !important; border-radius: 12px !important; font-weight: 600; box-shadow: none !important; }
html body .bd-b.pri, html[data-theme="light"] body .bd-b.pri { background: var(--lx-acc-fill) !important; color: #fff !important; }
html body .bd-bar { background: var(--lx-surface-2) !important; border-radius: 99px; overflow: hidden; }
html body .bd-bar > i { background: var(--lx-acc) !important; }
html body .bd-bar.ok > i { background: var(--lx-good) !important; }
html body .bd-bar.over > i { background: var(--lx-bad) !important; }
html body .bd-top select, html body .bd select { color: var(--lx-ink) !important; }
html body .bd-tabs { gap: 6px; }
html body .bd-tab { background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink-2) !important; border-radius: 999px !important; font-weight: 600; min-height: 38px; }
html body .bd-tab.on, html[data-theme="light"] body .bd-tab.on { background: var(--lx-acc-fill) !important; color: #fff !important; }
html body .yn-top, html[data-theme="light"] body .yn-top, html body header.top {
background: var(--lx-chrome) !important; border-bottom: 1px solid var(--lx-chrome-edge) !important; color: var(--lx-ink);
-webkit-backdrop-filter: var(--lx-cblur) !important; backdrop-filter: var(--lx-cblur) !important; padding-left: 14px; padding-right: 14px; box-shadow: none !important;
}
html body .yn-top h1, html[data-theme="light"] body .yn-top h1, html body header.top h1 { color: var(--lx-ink) !important; font-weight: 700; letter-spacing: -0.02em; font-size: 17px !important; margin: 0 !important; flex: 1 1 auto !important; order: 1 !important; }
html body .yn-icon, html body header.top button { background: var(--lx-surface-2) !important; border: 0 !important; color: var(--lx-ink) !important; border-radius: 50%; box-shadow: none; }
html body #lock h1, html body .lockbox h1 { color: var(--lx-ink) !important; font-weight: 700; letter-spacing: -0.03em; }
html body #lock img, html body .lockbox img { height: 28px; width: auto; opacity: 1; }
html[data-theme="light"] body #lock img { filter: invert(1) brightness(.12); }
html body .thsw { width: 40px !important; height: 40px !important; border-radius: 50% !important; padding: 0 !important; background: var(--lx-surface) !important; border: 1px solid var(--lx-edge-2) !important; color: var(--lx-ink-2) !important; box-shadow: var(--lx-drop) !important; }
html body .thsw .ysk { display: none !important; }
html body .thsw .ysi { position: static; opacity: 1 !important; color: var(--lx-ink-2) !important; width: auto; height: auto; }
html body .thsw[data-light="0"] .ysi.s, html body .thsw[data-light="1"] .ysi.m { display: none; }
html body .viewer { background: transparent !important; }
/* =========================================================
포털 홈 (?page=portal&v=home)
========================================================= */
html.lux-portal body .shell header .yntheme, html.lux-portal body .shell header .ynrefresh { display: none !important; }
html.lux-portal body .shell header .ynbell, html.lux-portal body .shell header.has-ava .ynbell { right: 62px; }
html.lux-portal body .shell header .luxsearch {
position: absolute; top: calc(12px + env(safe-area-inset-top, 0px)); right: 108px; width: 40px; height: 40px; border-radius: 50%;
border: 1px solid var(--lx-edge-2); background: var(--lx-surface); color: var(--lx-ink-2); display: flex; align-items: center; justify-content: center; cursor: pointer;
box-shadow: var(--lx-spec), var(--lx-drop); padding: 0; z-index: 6;
}
html.lux-portal body .shell header .luxsearch svg { width: 18px; height: 18px; }
html.lux-portal body .shell header .ynbell, html.lux-portal body .shell header .ynbell.on { color: var(--lx-ink-2) !important; }
html.lux-portal body .shell header .ynbell.on::after { content: ""; position: absolute; top: 9px; right: 10px; width: 7px; height: 7px; border-radius: 50%; background: var(--lx-acc); box-shadow: 0 0 0 2px var(--lx-surface); }
html.lux-portal body .shell header .ynbell[style*="none"] ~ .luxsearch { right: 62px; }
/* 인사 — 카드 없이 큰 제목 */
html.lux-home body .hero, html[data-theme="light"].lux-home body .hero {
background: transparent !important; border: 0 !important; box-shadow: none !important;
padding: 22px 20px 4px !important; margin: 0 0 8px !important; border-radius: 0 !important;
}
html.lux-home body .herodate { font-size: 13px; font-weight: 600; color: var(--lx-ink-3); margin: 0 0 2px; }
html.lux-home body .herodate::after { content: var(--lx-greet, ""); display: block; margin-top: 6px; font-family: var(--lx-serif); font-style: italic; font-weight: 400; font-size: 24px; line-height: 1.15; letter-spacing: -0.01em; color: var(--lx-acc-ink); }
html.lux-am { --lx-greet: "Good morning,"; } html.lux-pm { --lx-greet: "Good afternoon,"; } html.lux-eve { --lx-greet: "Good evening,"; }
html.lux-home body .herotext h2 { font-size: 30px; line-height: 1.25; letter-spacing: -0.04em; font-weight: 700; word-break: keep-all; margin-top: 2px; }
html.lux-home body .qsearch { margin: 16px 0 0; }
html.lux-home body .qshint { font-size: 12px; color: var(--lx-ink-3); margin-top: 8px; }
html.lux-home body .qshint { display: none !important; }
html.lux-home body .qsearch { display: flex !important; }
/* This Sunday */
html body .sunday {
margin: 0 14px 12px; padding: 14px 16px; border-radius: var(--lx-r-xl);
background: var(--lx-surface); border: 1px solid var(--lx-edge); box-shadow: var(--lx-spec), var(--lx-drop);
}
/* 이번 주일 — 한눈에 (머리줄 · 시간 줄 + 주보 · 말씀 한 줄) */
html.lux-home body #sundayCard { margin: 14px 14px 0; position: relative; overflow: hidden; }
html.lux-home body #sundayCard::before { content: ""; position: absolute; right: -50px; top: -70px; width: 170px; height: 170px; border-radius: 50%; background: radial-gradient(closest-side, rgba(var(--lx-acc-rgb), .16), rgba(var(--lx-acc-rgb), 0)); pointer-events: none; }
html body .sunday .sd-head { display: flex; justify-content: space-between; align-items: baseline; font-size: 12.5px; color: var(--lx-ink-3); font-weight: 600; position: relative; }
html.lux-home body #sundayCard .sd-k { font-family: var(--lx-serif); font-style: italic; font-weight: 400; font-size: 18px; line-height: 1.1; letter-spacing: -0.01em; text-transform: none; color: var(--lx-acc-ink); }
html.lux-home body #sundayCard .sd-d, html body .sunday .sd-d { font-family: var(--lx-sans); color: var(--lx-ink-3); font-weight: 600; font-size: 12px; }
html body .sunday .sd-when { display: flex; align-items: center; gap: 12px; margin-top: 8px; position: relative; }
html body .sunday .sd-t { flex: none; font-size: 32px; font-weight: 700; letter-spacing: -0.05em; line-height: 1; color: var(--lx-ink); }
html body .sunday .sd-t small { font-size: 12px; font-weight: 700; color: var(--lx-ink-3); margin-left: 3px; letter-spacing: 0; }
html body .sunday .sd-w { flex: 1; min-width: 0; text-align: left; font-size: 12px; color: var(--lx-ink-3); line-height: 1.35; padding-left: 12px; border-left: 1px solid var(--lx-line); }
html body .sunday .sd-w b { display: block; font-size: 14px; font-weight: 700; color: var(--lx-ink); letter-spacing: -0.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.lux-home body #sundayCard .sd-pl { display: inline-flex; align-items: center; gap: 3px; font-size: 12px; }
html.lux-home body #sundayCard .sd-pl svg { width: 12px; height: 12px; }
html.lux-home body #sundayCard .sd-ser { margin-top: 12px; padding-top: 11px; border-top: 1px solid var(--lx-line); display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 5px; row-gap: 2px; position: relative; }
html.lux-home body #sundayCard .sd-ser small { order: 1; font-size: 12px; font-weight: 600; color: var(--lx-ink-3); }
html.lux-home body #sundayCard .sd-ser span { order: 2; font-size: 12px; color: var(--lx-ink-3); min-width: 0; }
html.lux-home body #sundayCard .sd-ser span:not(:empty)::before { content: "· "; }
html.lux-home body #sundayCard .sd-ser b { order: 3; flex-basis: 100%; font-size: 15px; font-weight: 650; letter-spacing: -0.02em; color: var(--lx-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html.lux-home body #sundayCard .sd-pri {
flex: none; display: inline-flex; align-items: center; justify-content: center; gap: 5px; height: 38px; padding: 0 14px; border-radius: 12px;
font-size: 14px; font-weight: 600; text-decoration: none; cursor: pointer; font-family: var(--lx-sans);
background: var(--lx-acc-fill); color: #fff; border: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.16); transition: transform .12s var(--lx-ease);
}
html.lux-home body #sundayCard .sd-pri:active { transform: scale(.97); }
html.lux-home body #sundayCard svg { width: 16px; height: 16px; }
html body #sundayCard .pairrow { padding: 0; margin: 12px 0 0; gap: 8px; }
html body #sundayCard .pairrow.solo { grid-template-columns: 1fr; }
html body #sundayCard .bulbtn, html body #sundayCard .bulbtn.in, html[data-theme="light"] body #sundayCard .bulbtn.in,
html body #sundayCard .sermoncard, html[data-theme="light"] body #sundayCard .sermoncard {
margin: 0 !important; min-height: 56px !important; height: auto !important; padding: 10px 12px !important; border-radius: 14px !important;
background: var(--lx-surface-2) !important; border: 0 !important; box-shadow: none !important;
}
html body #sundayCard .bulbtn.bulbtn.bulbtn .bi { width: 36px; height: 36px; border-radius: 11px; background: var(--lx-surface-3) !important; }
html body #sundayCard .bulbtn .bt b { font-size: 14px !important; }
html body #sundayCard .bulbtn .bt small { display: none !important; }
html body #sundayCard .sermoncard .sc-thumb { width: 44px; height: 32px; border-radius: 8px; }
html body #sundayCard .sermoncard .sc-k { display: none; }
html body #sundayCard .sermoncard .sc-t { font-size: 13.5px; font-weight: 700; color: var(--lx-ink); }
html body #sundayCard .sermoncard .sc-d { font-size: 11.5px; color: var(--lx-ink-3); }
html body #sundayCard .sermoncard .sc-d .sc-past { color: var(--lx-acc-ink); }
/* 지금 처리할 일 */
html.lux-home body #attnBox .attn { margin: 26px 14px 0 !important; }
/* 자주 쓰는 메뉴 — 4열 아이콘 격자 */
html.lux-home body .favh { display: flex; align-items: baseline; justify-content: space-between; padding: 0 20px; margin-top: 30px; }
html.lux-home body .favh .seclabel { margin: 0; padding: 0; }
html.lux-home body .favedit { background: none; border: 0; color: var(--lx-acc-ink); font-size: 14px; font-weight: 600; padding: 8px 0; cursor: pointer; font-family: inherit; }
html.lux-home body .tiles.favs { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 18px 8px !important; padding: 14px 14px 0 !important; }
html.lux-home body .tiles.favs .tile, html[data-theme="light"].lux-home body .tiles.favs .tile {
background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 8px !important; border-radius: 0 !important;
}
html.lux-home body .tiles.favs .tile .ticon, html[data-theme="light"].lux-home body .tiles.favs .tile .ticon {
width: 62px !important; height: 62px !important; border-radius: 20px !important; background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; box-shadow: var(--lx-spec), var(--lx-drop) !important;
}
html.lux-home body .tiles.favs .tile .ticon svg { width: 24px !important; height: 24px !important; }
html.lux-home body .tiles.favs .tile .tt { font-size: 12.5px !important; color: var(--lx-ink-2); font-weight: 500 !important; text-align: center; }
html.lux-home body .tiles.favs .tile.allmenu .ticon { background: transparent !important; border: 1.5px dashed var(--lx-line-2) !important; box-shadow: none !important; color: var(--lx-ink-3) !important; }
html.lux-home body .tiles.favs .tile.allmenu .ticon svg { color: var(--lx-ink-3) !important; }
html.lux-home body .tiles.favs .tile.allmenu .tt { color: var(--lx-ink-3); }
html.lux-home body .tiles.favs .favpin { display: none; }
html.lux-home body .favempty { padding: 12px 20px 0; color: var(--lx-ink-3); font-size: 13px; }
/* 오늘의 묵상 — 구절 카드 (세리프 따옴표) */
html.lux-home body .devo {
display: block; margin: 30px 14px 0; padding: 24px 22px 20px; border-radius: var(--lx-r-xl); text-decoration: none; color: var(--lx-ink);
background: var(--lx-surface); border: 1px solid var(--lx-edge); box-shadow: var(--lx-spec), var(--lx-drop); position: relative; overflow: hidden;
}
html.lux-home body .devo::before { content: "\201C"; position: absolute; right: 16px; top: -18px; font-family: var(--lx-serif); font-size: 140px; line-height: 1; color: var(--lx-acc); opacity: .14; pointer-events: none; }
html.lux-home body .devo .dv-k { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; letter-spacing: 0; color: var(--lx-acc-ink); }
html.lux-home body .devo .dv-k i { width: 16px; height: 1.5px; background: var(--lx-acc); border-radius: 2px; }
html.lux-home body .devo .dv-t { margin-top: 14px; font-size: 19px; font-weight: 500; line-height: 1.6; letter-spacing: -0.025em; word-break: keep-all; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
html.lux-home body .devo .dv-f { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--lx-line); }
html.lux-home body .devo .dv-r { font-size: 13px; color: var(--lx-ink-3); }
html.lux-home body .devo .dv-go { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 600; color: var(--lx-acc-ink); }
html.lux-home body .devo .dv-go svg { width: 16px; height: 16px; }
/* 다가오는 일정 */
html.lux-home body #calWrap .calhead { margin: 30px 0 12px; }
html.lux-home body #calWrap .calhead .seclabel::before { content: "다가오는 "; }
html.lux-home body #calWrap .caltog, html[data-theme="light"].lux-home body #calWrap .caltog { background: none !important; border: 0 !important; box-shadow: none !important; color: var(--lx-acc-ink) !important; font-size: 14px; font-weight: 600; padding: 6px 0 !important; }
html.lux-home body #calWrap .calpeek { padding: 4px 18px !important; }
html.lux-home body #calWrap .pk-row { gap: 16px; padding: 14px 0; }
html.lux-home body #calWrap .pk-row:first-child { border-top: 0; }
html.lux-home body #calWrap .pk-row .pk-d { width: 46px; border-right: 1px solid var(--lx-line) !important; border-radius: 0 !important; height: auto; align-self: stretch; justify-content: center; align-items: flex-start; }
html.lux-home body #calWrap .pk-row .pk-d b { font-size: 26px; font-weight: 600; color: var(--lx-ink); }
html.lux-home body #calWrap .pk-row .pk-m { flex-direction: column; align-items: flex-start; gap: 3px; }
html.lux-home body #calWrap .pk-row .pk-t { white-space: normal; font-size: 15px; }
/* 내 소속 */
html.lux-home body #belongBox .seclabel { margin-top: 30px; }
html.lux-home body .belong { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 0 14px; }
html.lux-home body .belong .bl {
display: flex; flex-direction: column; gap: 4px; padding: 16px 18px 18px; border-radius: var(--lx-r-lg); min-height: 96px; box-sizing: border-box;
background: var(--lx-surface); border: 1px solid var(--lx-edge); box-shadow: var(--lx-spec), var(--lx-drop); text-decoration: none; color: var(--lx-ink);
}
html.lux-home body .belong .bl-k { font-size: 12px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--lx-ink-3); margin-bottom: auto; }
html.lux-home body .belong .bl-t { font-size: 17px; font-weight: 700; letter-spacing: -0.03em; color: var(--lx-ink); margin-top: 18px; }
html.lux-home body .belong .bl-s { font-size: 13px; color: var(--lx-ink-3); margin-top: 0; }
/* 커미티 */
html.lux-home body #adminWrap .seclabel { margin-top: 30px; }
html.lux-home body .adm-note { display: inline-flex; align-items: center; gap: 4px; font-style: normal; font-size: 12px; font-weight: 500; color: var(--lx-ink-3); margin-left: 4px; }
html.lux-home body .tiles.adm { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0 !important; margin: 0 14px; padding: 0 !important; overflow: hidden; border-radius: var(--lx-r-lg); border: 1px solid var(--lx-edge); background: var(--lx-surface); box-shadow: var(--lx-spec), var(--lx-drop); }
html.lux-home body .tiles.adm .tile, html[data-theme="light"].lux-home body .tiles.adm .tile {
flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; text-align: left; gap: 12px !important; min-height: 60px; padding: 12px 14px !important;
background: transparent !important; border: 0 !important; border-right: 1px solid var(--lx-line) !important; border-bottom: 1px solid var(--lx-line) !important; border-radius: 0 !important; box-shadow: none !important;
}
html.lux-home body .tiles.adm .tile:nth-child(2n) { border-right: 0 !important; }
html.lux-home body .tiles.adm .tile .ticon { width: 34px !important; height: 34px !important; border-radius: 10px !important; background: var(--lx-surface-2) !important; }
html.lux-home body .tiles.adm .tile .ticon svg { width: 18px !important; height: 18px !important; }
html.lux-home body .tiles.adm .tile .tt { font-size: 14px !important; }
html.lux-home body .tiles.adm .tile .td { display: none; }
html.lux-home body .tiles.adm .tile .tbadge { position: static; margin-left: auto; }
html.lux-home body #menuWrap { display: none !important; }
/* 꼬리말 (포털) */
html.lux-portal body footer.luxfoot { padding: 48px 22px calc(32px + var(--lx-nav-h)) !important; display: flex; flex-direction: column; gap: 14px; }
html.lux-portal body .luxfoot .lf-row { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--lx-line); font-size: 13px; font-weight: 600; color: var(--lx-ink-3); }
html.lux-portal body .lf-seg { display: flex; padding: 3px; gap: 2px; border-radius: 999px; background: var(--lx-surface-2); border: 0; }
html.lux-portal body .lf-seg button { height: 32px; padding: 0 14px; border: 0; border-radius: 999px; background: transparent; color: var(--lx-ink-3); font: 600 12.5px var(--lx-sans); cursor: pointer; }
html.lux-portal body .lf-seg button.on { background: var(--lx-surface-3); color: var(--lx-ink); box-shadow: 0 1px 2px rgba(0,0,0,.3); }
html[data-theme="light"].lux-portal body .lf-seg button.on { background: #fff; box-shadow: 0 1px 3px rgba(16,24,32,.12); }
html.lux-portal body .luxfoot .lf-nm { font-family: var(--lx-serif); font-style: italic; font-size: 20px; font-weight: 400; letter-spacing: -0.01em; color: var(--lx-ink-2); margin-top: 8px; line-height: 1.3; }
html.lux-portal body .luxfoot .lf-sub { font-size: 12.5px; color: var(--lx-ink-3); line-height: 1.7; }
html.lux-portal body .luxfoot .lf-sub a { color: var(--lx-ink-3) !important; text-decoration: none; }
html.lux-portal body .luxfoot .lf-classic { text-align: center; padding-top: 24px; }
/* ---- 앱 화면 (?page=portal) — 내 정보 카드 + 주보 · 묵상 · 노트 + 전체 메뉴(묶음별) ---- */
/* 화면별로 보이는 것 — 홈: 오늘 한눈에 · 앱: 전체 앱 · 커미티: 커미티 앱 · 결재 · 관리 카드 */
html.lux-app body #dash > :not(#menuWrap):not(#asBox):not(.ynmodal), html.lux-com body #dash > :not(#menuWrap):not(#apprBox):not(#adminWrap):not(.lx-comhead):not(#asBox):not(.ynmodal) { display: none !important; }
html.lux-home body #belongBox, html.lux-home body #ptabsBox, html.lux-home body #apprBox, html.lux-home body #adminWrap, html.lux-home body .lx-comhead { display: none !important; }
html.lux-app body #dash > div[style*="text-align:center"], html.lux-com body #dash > div[style*="text-align:center"] { display: none !important; }
html:not(.lux-com) body .lx-comhead { display: none !important; }
html:not(.lux-home) body #infoBox { display: none !important; }
html.lux-home body #bulSerRow .pairbul { display: none !important; }
html.lux-home body #bulSerRow { grid-template-columns: 1fr !important; margin: 10px 14px 0 !important; padding: 0 !important; }
html.lux-app body .hero { margin-top: 8px !important; padding: 20px 18px 16px !important; }
html.lux-app body .herodate { display: none; }
html.lux-app body .herotext h2 { font-size: 20px; }
html.lux-app body .hero .ava, html.lux-app body .hero .ava.ph { width: 60px !important; height: 60px !important; }
html.lux-app body .herofoot .hrow .hk { display: none; }
html.lux-app body .pairrow { padding: 0 14px; margin: 0 0 10px; }
html.lux-app body .pairrow .bulbtn.in, html.lux-app body .pairrow .sermoncard, html[data-theme="light"].lux-app body .pairrow .bulbtn.in { margin: 0 !important; height: auto !important; min-height: 64px !important; padding: 12px 14px !important; }
html.lux-app body .pairrow .bulbtn.in .bt small { color: var(--lx-ink-3) !important; }
html.lux-app body .sermoncard .sc-k { color: var(--lx-ink-3); }
html.lux-app body .sermoncard .sc-t { color: var(--lx-ink); font-weight: 700; }
html.lux-app body .sermoncard .sc-d { color: var(--lx-ink-3); }
html.lux-app body .sermoncard .sc-d .sc-past { color: var(--lx-acc-ink); }
html.lux-app body #menuWrap > .seclabel { margin-top: 28px; }
html.lux-app body #menus.tiles { display: block !important; padding: 0 !important; gap: 0 !important; }
html.lux-app body .mgroup { margin: 22px 0 10px; padding: 0 20px; font-size: 13px; font-weight: 600; color: var(--lx-ink-3); letter-spacing: 0; }
html.lux-app body .mgroup:first-child { margin-top: 0; }
html.lux-app body .tiles.mg { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 14px; }
@media (min-width: 560px) { html.lux-app body .tiles.mg { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
html.lux-app body .tiles.mg .tile { min-height: 116px; justify-content: flex-start; align-items: flex-start; text-align: left; padding: 14px !important; }
html.lux-app body .tiles.mg .tile .ticon { width: 40px; height: 40px; border-radius: 12px; }
html.lux-app body .tiles.mg .tile .ticon svg { width: 20px !important; height: 20px !important; }
html.lux-app body .tiles.mg .tile .tt { font-size: 14px !important; line-height: 1.3; margin-top: auto; }
html.lux-app body .tiles.mg .tile .td { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 0; line-height: 1.4; }
html.lux-app body .tile.grey { opacity: .5; }
html.lux-app body #adminWrap .seclabel { margin-top: 28px; }
/* ---------------------------------------------------------
주보 (보기 · 편집)
--------------------------------------------------------- */
html body .viewer, html body .editor, html body.bulletin, html[data-theme="light"] body .viewer, html[data-theme="light"] body .editor {
--bg: transparent; --card: var(--lx-surface); --ink: var(--lx-ink); --ink-2: var(--lx-ink-2); --ink-3: var(--lx-ink-3);
--orange: var(--lx-acc); --orange-2: var(--lx-acc-ink); --dark: var(--lx-surface-2); --cell: var(--lx-surface-2); --hair: var(--lx-line-2);
--ed-bg: transparent; --ed-card: var(--lx-surface); --ed-hair: var(--lx-edge); color: var(--lx-ink);
}
html body .editor { background: transparent !important; }
html body .viewer .card, html body .ecard { background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; border-radius: var(--lx-r-xl) !important; box-shadow: var(--lx-spec), var(--lx-drop) !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
html body .viewer .shead h2, html body .viewer .shead h2.big { color: var(--lx-ink) !important; font-family: var(--lx-sans); font-weight: 800; font-size: 30px; letter-spacing: -0.035em; }
html body .viewer .shead .sub, html body .viewer .shead .vn { color: var(--lx-ink-3); }
html body .viewer .shead .sub b { color: var(--lx-ink); }
html body .viewer .shead .occ { background: var(--lx-acc-soft); color: var(--lx-acc-ink); border: 0; }
html body .viewer .ordhead, html body .viewer .rule span { background: transparent; color: var(--lx-ink-3); font-family: var(--lx-serif); font-style: italic; font-weight: 400; letter-spacing: 0; text-transform: none; font-size: 17px; }
html body .viewer .orow { border-bottom: 1px solid var(--lx-line); }
html body .viewer .orow .l { color: var(--lx-ink-3); }
html body .viewer .orow .v { color: var(--lx-ink); }
html body .viewer .sermon, html[data-theme="light"] body .viewer .sermon { background: var(--lx-acc-soft) !important; border: 0 !important; border-radius: 18px; }
html body .viewer .sermon .l, html body .viewer .sermon .t, html[data-theme="light"] body .viewer .sermon .t { color: var(--lx-acc-ink) !important; }
html body .viewer .sermon .t { font-family: var(--lx-sans); font-weight: 700; }
html body .viewer .sermon .p, html[data-theme="light"] body .viewer .sermon .p { color: var(--lx-ink-2) !important; }
html body .viewer .stand, html body .viewer .dot { color: var(--lx-ink-3); }
html body .vnav a { background: var(--lx-surface-2); border: 0; color: var(--lx-ink-2); border-radius: 99px; font-weight: 600; }
html body .vnav a.on { background: var(--lx-acc-fill) !important; color: #fff !important; }
html body .etop { background: var(--lx-chrome) !important; color: var(--lx-ink) !important; border-bottom: 1px solid var(--lx-chrome-edge); -webkit-backdrop-filter: var(--lx-cblur); backdrop-filter: var(--lx-cblur); }
html body .etop h1 { color: var(--lx-ink); font-weight: 700; }
html body .etop a.v { color: var(--lx-acc-ink) !important; }
html[data-theme="light"] body .etop img { filter: invert(1) brightness(.12); }
html body .ecard, html body .ecard * { color: inherit; }
html body .ecard label, html body .ecard .k { color: var(--lx-ink-3); }
html body .editor .b, html body .editor .tabs button, html body .editor .radio label, html body .editor .oitem, html body .editor .sub-item,
html body .editor input, html body .editor textarea, html body .editor select {
background-color: var(--lx-surface-2) !important; border-color: transparent !important; color: var(--lx-ink) !important;
}
html body .editor .ebar { background: var(--lx-chrome) !important; border-top: 1px solid var(--lx-chrome-edge) !important; -webkit-backdrop-filter: var(--lx-cblur); backdrop-filter: var(--lx-cblur); }
html body .editor .tabs button.on { background: var(--lx-surface-3) !important; color: var(--lx-ink) !important; }
html[data-theme="light"] body .editor .tabs button.on { background: #fff !important; }
html body .editor .stat.pub { background: var(--lx-good-soft) !important; color: var(--lx-good) !important; }
html body .editor .stat.tmp { background: var(--lx-warn-soft) !important; color: var(--lx-warn) !important; }
html body .editor .stat.new { background: var(--lx-surface-2) !important; color: var(--lx-ink-3) !important; }
html body .editor .b.pri, html body .editor .b.accent, html body .editor .ebar .b.save { background: var(--lx-acc-fill) !important; color: #fff !important; }
/* 쉐마 성가대 · 강조색 그라데이션 띠 — 한 장의 카드로 */
html body .sh-banner, html body .sh-song.hl, html body .f7-hero { background: var(--lx-surface) !important; border: 1px solid var(--lx-edge) !important; box-shadow: var(--lx-spec), var(--lx-drop) !important; }
html body .sh-song.hl { border-color: var(--lx-acc-line) !important; }
html body .nfalready { display: flex; align-items: center; gap: 12px; margin: 16px 0 4px; padding: 14px 16px; border-radius: 16px; background: var(--lx-surface-2); border: 0; text-decoration: none; color: var(--lx-ink); }
html body .nfalready b { display: block; font-size: 14.5px; font-weight: 700; }
html body .nfalready span { display: block; font-size: 12.5px; color: var(--lx-ink-3); margin-top: 2px; line-height: 1.5; }
html body .nfalready i { margin-left: auto; font-style: normal; color: var(--lx-ink-4); font-size: 20px; }
/* Theme.html 의 밝은 화면 작은 단추 · 세그먼트 테두리 — 더 센 선택자를 같은 세기로 덮습니다 */
html[data-theme="light"] body .btn.mini:not(.accent):not(.go):not(.danger):not(.orange):not(.dark):not(.primary) { background: var(--lx-surface-2) !important; border-color: transparent !important; color: var(--lx-ink) !important; box-shadow: none !important; }
html[data-theme="light"] body .seg, html[data-theme="light"] body .seg.seg { border: 0 !important; }
/* Theme.html 의 밝은 화면 주 단추 청록 번짐(그림자) — 같은 세기로 걷어냅니다 */
html[data-theme="light"] body :is(.btn.accent, .btn.orange, .btn.go, .btn.primary, .submit, .pwsubmit, .dirbtn, .rpc.on):not(#_):not(#__) { box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important; }
/* 테마 단추(주보 등 .thsw) — 아이콘 하나만 보이므로 가운데로 */
html body .thsw, html[data-theme="light"] body .thsw { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: none; box-sizing: border-box; }
html body .thsw .ysi { width: auto !important; height: auto !important; margin: 0 !important; display: flex; align-items: center; justify-content: center; }
html body .thsw .ysi svg { width: 18px !important; height: 18px !important; }
/* 머리말 — 「‹ 뒤로」 옆 로고 (누르면 포털 홈) */
html body header > .luxlogo { order: 1; flex: none; display: inline-flex; align-items: center; height: 40px; margin: 0 0 0 4px; line-height: 0; }
html body header > .luxlogo img { height: 24px !important; width: auto; opacity: .9; }
html[data-theme="light"] body header > .luxlogo img { filter: invert(1) brightness(.12) !important; }
/* 주보 편집 머리말의 뒤로 단추 */
html body .etop .luxback { flex: none; width: 36px; height: 36px; margin-right: 8px; border-radius: 50%; border: 1px solid var(--lx-edge-2); background: var(--lx-surface); color: var(--lx-ink); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; box-shadow: var(--lx-spec), var(--lx-drop); }
html body .etop .luxback svg { width: 17px; height: 17px; }
html body .etop .row { display: flex; align-items: center; }
/* ---- ui/lux/Home.css ---- */
/* =========================================================
Vesper — 청년부 홈 (랜딩 · ?page=home)
lux.css 다음에 실립니다. 휴대폰이 먼저, 아이패드 · 컴퓨터(1280)까지.
========================================================= */
/* ---- 위 막대 — 떠 있는 유리 (lux.css 의 공용 header 규칙을 풀어 줍니다) ---- */
html body header.h-top, html[data-theme="light"] body header.h-top {
display: block; position: sticky; top: 0; z-index: 50; min-height: 0; gap: 0; text-align: left;
padding: calc(10px + env(safe-area-inset-top, 0px)) 0 10px !important;
background: var(--lx-chrome) !important; border-bottom: 1px solid var(--lx-chrome-edge);
-webkit-backdrop-filter: var(--lx-cblur); backdrop-filter: var(--lx-cblur);
}
html body header.h-top .h-wrap { min-height: 44px; }
html body .h-brand { gap: 10px; color: var(--lx-ink); }
html body header.h-top .h-brand img { height: 22px !important; width: auto; display: block; }
html[data-theme="light"] body header.h-top .h-brand img { filter: invert(1) brightness(.12) !important; }
html body .h-brand b { font-family: var(--lx-sans); font-size: 18px; font-weight: 800; letter-spacing: -0.045em; color: var(--lx-ink); }
html body .h-nav { gap: 2px; }
html body .h-nav a { color: var(--lx-ink-2); font-size: 14px; font-weight: 600; letter-spacing: -0.015em; padding: 8px 14px; border-radius: 999px; transition: background .15s, color .15s; }
html body .h-nav a:hover { background: var(--lx-surface-2); color: var(--lx-ink); }
/* ---- 단추 — 주(강조색) · 보조(면) ---- */
html body .h-cta {
min-height: 40px; padding: 0 16px; border-radius: 999px; font-family: var(--lx-sans); font-size: 14px; font-weight: 650; letter-spacing: -0.015em;
transition: transform .12s var(--lx-ease), background .15s, filter .15s;
}
html body .h-cta.glass, html[data-theme="light"] body .h-cta.glass {
background: var(--lx-surface-2); border: 1px solid transparent; color: var(--lx-ink); box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body .h-cta.glass:hover { background: var(--lx-surface-3); }
html body .h-cta.acc, html[data-theme="light"] body .h-cta.acc {
background: var(--lx-acc-fill); color: var(--lx-on-acc); border: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 14px 30px -16px rgba(var(--lx-acc-rgb), .7);
}
html body .h-cta.acc:hover { filter: brightness(1.06); }
html body .h-cta.big { min-height: 54px; border-radius: var(--lx-r-md); font-size: 16px; font-weight: 700; letter-spacing: -0.02em; }
html body .h-cta:active { transform: scale(.975); }
/* 위 막대의 로그인 — 작은 알약 (막대 위라 면 대신 테두리) */
html body header.h-top #appBtn { min-height: 38px; padding: 0 15px; background: var(--lx-surface); border: 1px solid var(--lx-edge-2); box-shadow: var(--lx-spec), var(--lx-drop); font-size: 13.5px; }
/* ---- 첫 화면 ---- */
html body .h-hero { padding: 28px 0 8px; }
html body .h-hero h1 { margin: 0; font-family: var(--lx-sans); font-size: clamp(36px, 10vw, 60px); line-height: 1.14; letter-spacing: -0.05em; font-weight: 750; color: var(--lx-ink); }
html body .h-hero h1::before {
content: "Young Adults · Youngnak Toronto"; display: block; margin: 0 0 14px;
font-family: var(--lx-serif); font-style: italic; font-weight: 400; font-size: 20px; line-height: 1.2; letter-spacing: -0.01em; color: var(--lx-acc-ink);
}
html body .h-hero .h-lede { margin: 18px 0 0; font-size: 16px; line-height: 1.7; color: var(--lx-ink-2); max-width: 34ch; letter-spacing: -0.015em; }
html body .h-hero .h-acts { gap: 10px; margin-top: 26px; }
html body .h-already { margin: 16px 0 0; font-size: 13.5px; color: var(--lx-ink-3); line-height: 1.6; }
html body .h-already a { color: var(--lx-ink-2); font-weight: 600; text-decoration: underline; text-decoration-color: var(--lx-line-2); text-underline-offset: 4px; }
html body .h-already a:hover { color: var(--lx-ink); text-decoration-color: currentColor; }
/* ---- 카드 — 단단한 한 장 ---- */
html body .h-card, html[data-theme="light"] body .h-card {
background: var(--lx-surface); border: 1px solid var(--lx-edge); border-radius: var(--lx-r-xl);
box-shadow: var(--lx-spec), var(--lx-drop); -webkit-backdrop-filter: none; backdrop-filter: none; padding: 22px 20px; color: var(--lx-ink);
}
/* ---- 이번 주일 (포털의 This Sunday 카드와 같은 문법) ---- */
html body .h-sun { margin-top: 30px; position: relative; overflow: hidden; padding: 20px 20px 18px; }
html body .h-sun::before { content: ""; position: absolute; right: -60px; top: -80px; width: 220px; height: 220px; border-radius: 50%; pointer-events: none;
background: radial-gradient(closest-side, rgba(var(--lx-acc-rgb), .18), rgba(var(--lx-acc-rgb), 0)); }
html body .h-sun > * { position: relative; }
html body .h-sun .h-k { font-family: var(--lx-sans); font-size: 12.5px; font-weight: 600; color: var(--lx-ink-3); }
html body .h-sun .h-k > span { font-size: 0; }
html body .h-sun .h-k > span::before { content: "This Sunday"; font-family: var(--lx-serif); font-style: italic; font-weight: 400; font-size: 21px; letter-spacing: -0.01em; color: var(--lx-acc-ink); }
html body .h-sun .h-k b { color: var(--lx-ink-3); font-weight: 600; font-size: 12.5px; font-variant-numeric: tabular-nums; }
html body .h-sun .h-time { align-items: flex-end; gap: 6px; margin-top: 12px; padding-bottom: 16px; border-bottom: 1px solid var(--lx-line); }
html body .h-sun .h-time .n { font-family: var(--lx-sans); font-size: 56px; font-weight: 700; letter-spacing: -0.06em; line-height: .9; color: var(--lx-ink); font-variant-numeric: tabular-nums; }
html body .h-sun .h-time .u { font-family: var(--lx-sans); font-size: 16px; font-weight: 700; color: var(--lx-ink-3); letter-spacing: 0; margin-bottom: 2px; }
html body .h-sun .h-time .w { font-size: 13px; color: var(--lx-ink-3); line-height: 1.45; }
html body .h-sun .h-time .w b { font-size: 15px; font-weight: 700; color: var(--lx-ink); letter-spacing: -0.02em; }
html body .h-sun .h-ser { border-top: 0; margin-top: 0; padding: 14px 0 16px; border-bottom: 1px solid var(--lx-line); }
html body .h-sun .h-ser small { font-size: 12px; font-weight: 600; color: var(--lx-ink-3); }
html body .h-sun .h-ser .t { font-size: 17px; font-weight: 650; letter-spacing: -0.025em; margin-top: 3px; color: var(--lx-ink); }
html body .h-sun .h-ser .p { font-size: 13.5px; color: var(--lx-ink-2); margin-top: 2px; }
html body .h-sun .h-ser .p:empty { display: none; }
html body .h-sun .h-row { margin-top: 14px; gap: 8px; }
html body .h-sun .h-row .h-cta, html body .h-map .in .h-row .h-cta { min-height: 48px; border-radius: var(--lx-r-sm); font-size: 15px; font-weight: 600; }
/* ---- 구역 ---- */
html body .h-sec { padding-top: 48px; scroll-margin-top: 72px; }
html body .h-two > .h-sec { scroll-margin-top: 72px; }
html body .h-sec > h2 { margin: 0 0 16px; font-family: var(--lx-sans); font-size: 26px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.25; color: var(--lx-ink); }
html body .h-sec > h2::before {
display: block; margin: 0 0 6px; font-family: var(--lx-serif); font-style: italic; font-weight: 400; font-size: 18px; line-height: 1.2; letter-spacing: -0.01em; color: var(--lx-acc-ink);
}
html body #worship > h2::before { content: "Worship"; }
html body #map > h2::before { content: "Find us"; }
html body #bulletin > h2::before { content: "This week"; }
html body #give > h2::before { content: "Give"; }
html body #sermons > h2::before { content: "Sermons"; }
html body .h-sec > h2 small { font-size: 14px; font-weight: 500; color: var(--lx-ink-3); letter-spacing: -0.01em; margin-top: 6px; line-height: 1.6; }
/* 예배안내 */
html body .h-wor .h-card { padding: 18px 18px 18px; gap: 14px; }
html body .h-wor .ic, html body .h-ig .ic, html body .h-give summary .ic {
background: var(--lx-surface-2); border: 0; color: var(--lx-ink); border-radius: var(--lx-r-sm);
}
html body .h-wor .ic svg, html body .h-ig .ic svg, html body .h-give summary .ic svg { stroke-width: 1.6; }
html body .h-wor b { font-size: 16px; font-weight: 700; letter-spacing: -0.025em; color: var(--lx-ink); }
html body .h-wor .t { font-family: var(--lx-sans); font-size: 14px; font-weight: 650; color: var(--lx-acc-ink); margin-top: 2px; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
html body .h-wor p { font-size: 14px; color: var(--lx-ink-2); line-height: 1.65; margin-top: 6px; }
/* 오시는 길 */
html body .h-map { padding: 0 !important; }
html body .h-map iframe { height: 210px; background: var(--lx-surface-2); }
html body .h-map .in { padding: 18px 20px 20px; }
html body .h-map .in b { font-size: 16px; font-weight: 700; letter-spacing: -0.025em; color: var(--lx-ink); }
html body .h-map .in p { font-size: 14px; color: var(--lx-ink-2); margin-top: 3px; }
html body .h-map .note { font-size: 13px !important; color: var(--lx-ink-3) !important; margin-top: 12px !important; }
/* 다가오는 일정 */
html body #bulletin .h-card { padding: 8px 20px 20px; }
html body .h-item { gap: 16px; padding: 16px 0; border-top: 1px solid var(--lx-line); transition: opacity .15s; }
html body .h-item:first-child { padding-top: 12px; }
html body .h-item:active { opacity: .6; }
html body .h-item .d { width: 46px; text-align: left; align-self: stretch; display: flex; flex-direction: column; justify-content: center; border-right: 1px solid var(--lx-line); }
html body .h-item .d b { font-family: var(--lx-sans); font-size: 26px; font-weight: 650; letter-spacing: -0.04em; line-height: 1; color: var(--lx-ink); font-variant-numeric: tabular-nums; }
html body .h-item .d span { font-family: var(--lx-sans); font-size: 12px; font-weight: 600; letter-spacing: 0; color: var(--lx-ink-3); margin-top: 4px; }
html body .h-item .m b { font-size: 15.5px; font-weight: 650; letter-spacing: -0.02em; color: var(--lx-ink); }
html body .h-item .m span { font-size: 13px; color: var(--lx-ink-3); }
html body .h-item .go { color: var(--lx-ink-4); }
html body .h-empty { padding: 18px 0 2px; text-align: center; color: var(--lx-ink-2); font-size: 14.5px; line-height: 1.7; }
html body #bulletin .h-cta.big { margin-top: 16px !important; min-height: 50px; font-size: 15px; font-weight: 600; }
/* 새가족 — 이 화면의 주인공 */
html body .h-nf { padding: 28px 22px 24px; position: relative; overflow: hidden; }
html body .h-nf::before { content: ""; position: absolute; right: -90px; top: -110px; width: 300px; height: 300px; border-radius: 50%; pointer-events: none;
background: radial-gradient(closest-side, rgba(var(--lx-acc-rgb), .16), rgba(var(--lx-acc-rgb), 0)); }
html body .h-nf > * { position: relative; }
html body .h-nf h3 { font-family: var(--lx-sans); font-size: 26px; font-weight: 700; letter-spacing: -0.04em; line-height: 1.3; color: var(--lx-ink); }
html body .h-nf h3::before {
content: "New here?"; display: block; margin: 0 0 8px; font-family: var(--lx-serif); font-style: italic; font-weight: 400; font-size: 20px; letter-spacing: -0.01em; color: var(--lx-acc-ink);
}
html body .h-nf > p { font-size: 15px; line-height: 1.7; color: var(--lx-ink-2); margin-top: 12px; }
html body .h-steps { margin-top: 22px; }
html body .h-steps li { grid-template-columns: 32px 1fr; padding: 14px 0; border-top: 1px solid var(--lx-line); }
html body .h-steps li::before { font-family: var(--lx-sans); font-size: 13px; font-weight: 700; color: var(--lx-acc-ink); letter-spacing: -0.01em; font-variant-numeric: tabular-nums; padding-top: 2px; }
html body .h-steps li b { font-size: 15.5px; font-weight: 650; letter-spacing: -0.02em; color: var(--lx-ink); }
html body .h-steps li span { font-size: 13.5px; color: var(--lx-ink-3); margin-top: 3px; }
html body .h-nf .h-cta.big { margin-top: 20px; }
html body .h-nf .h-already { text-align: center; }
/* 인스타그램 */
html body .h-ig { padding: 18px 20px; gap: 14px; color: var(--lx-ink); transition: transform .12s var(--lx-ease); }
html body .h-ig:active { transform: scale(.985); }
html body .h-ig .ic { width: 48px; height: 48px; }
html body .h-ig .ic svg { width: 24px; height: 24px; }
html body .h-ig b { font-size: 16px; font-weight: 700; letter-spacing: -0.02em; color: var(--lx-ink); }
html body .h-ig span span { font-size: 13.5px; color: var(--lx-ink-3); line-height: 1.5; }
html body .h-ig .go { color: var(--lx-ink-3); flex: none; }
/* 온라인 헌금 */
html body .h-give { gap: 10px; }
html body .h-give details, html[data-theme="light"] body .h-give details {
background: var(--lx-surface); border: 1px solid var(--lx-edge); border-radius: var(--lx-r-lg); box-shadow: var(--lx-spec), var(--lx-drop); -webkit-backdrop-filter: none; backdrop-filter: none;
}
html body .h-give summary { padding: 16px 18px; gap: 14px; min-height: 72px; }
html body .h-give summary > span:nth-child(2) { flex: 1; min-width: 0; }
html body .h-give summary b { font-size: 16px; font-weight: 700; letter-spacing: -0.02em; color: var(--lx-ink); }
html body .h-give summary span span { font-size: 13px; color: var(--lx-ink-3); margin-top: 1px; }
html body .h-give summary .tag { margin-left: 0; background: var(--lx-acc-soft); color: var(--lx-acc-ink); border: 0; border-radius: 999px; padding: 4px 10px; font-size: 12px; font-weight: 650; min-height: 0; }
html body .h-give summary .chev { color: var(--lx-ink-3); }
html body .h-give .body { padding: 0 18px 20px; }
html body .h-field { background: var(--lx-surface-2); border: 0; border-radius: var(--lx-r-sm); padding: 12px 10px 12px 16px; margin-top: 8px; gap: 12px; }
html body .h-field .k { font-size: 12px; font-weight: 600; color: var(--lx-ink-3); }
html body .h-field .v { font-family: var(--lx-sans); font-size: 15px; font-weight: 650; letter-spacing: -0.015em; color: var(--lx-ink); word-break: normal; overflow-wrap: anywhere; margin-top: 2px; font-variant-numeric: tabular-nums; }
html body .h-copy, html[data-theme="light"] body .h-copy {
min-height: 36px; padding: 0 14px; border-radius: 999px; border: 0; background: var(--lx-surface-3); color: var(--lx-ink);
font-family: var(--lx-sans); font-size: 13px; font-weight: 650; transition: transform .12s var(--lx-ease), background .15s;
}
html[data-theme="light"] body .h-copy { background: #FFFFFF; box-shadow: 0 1px 2px rgba(16,24,32,.08), 0 0 0 1px rgba(16,24,32,.06); }
html body .h-copy:active { transform: scale(.95); }
html body .h-copy.ok, html[data-theme="light"] body .h-copy.ok { background: var(--lx-good-soft); color: var(--lx-good); box-shadow: none; }
html body .h-give ol { margin-top: 16px; font-size: 14px; color: var(--lx-ink-2); line-height: 1.75; padding-left: 20px; }
html body .h-give ol li::marker { color: var(--lx-ink-3); font-weight: 600; }
html body .h-give ol b { color: var(--lx-ink); font-weight: 650; }
html body .h-give .fine { color: var(--lx-ink-3); font-size: 13px; line-height: 1.65; }
html body .h-kinds { gap: 6px; margin-top: 14px; }
html body .h-kinds span { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; background: var(--lx-surface-2); border: 0; color: var(--lx-ink-2); font-size: 12.5px; font-weight: 600; }
html body #give > p.fine { color: var(--lx-ink-3) !important; }
html body #give > p.fine a { color: var(--lx-ink-2) !important; text-decoration: underline; text-decoration-color: var(--lx-line-2); text-underline-offset: 3px; }
/* 꼬리말 */
html body footer.h-foot {
margin-top: 56px; padding: 28px 0 calc(40px + env(safe-area-inset-bottom, 0px)) !important; border-top: 1px solid var(--lx-line);
font-size: 13px !important; line-height: 1.7 !important; color: var(--lx-ink-3) !important;
}
html body .h-foot .nm { font-family: var(--lx-sans); font-size: 14px; font-weight: 650; color: var(--lx-ink-2); letter-spacing: -0.015em; margin-bottom: 2px; }
html body .h-foot .ln { gap: 4px 18px; margin-top: 12px; }
html body .h-foot a { color: var(--lx-ink-2); font-weight: 500; }
html body .h-foot a:hover { color: var(--lx-ink); }
html body .h-foot .cp { color: var(--lx-ink-4); font-size: 12px; margin-top: 16px; }
/* ---- 넓은 화면 (아이패드 · 컴퓨터) ---- */
@media (min-width: 720px) {
html body .h-wrap { padding: 0 32px; }
html body .h-hero { padding: 64px 0 24px; gap: 48px; }
html body .h-hero h1::before { font-size: 22px; }
html body .h-hero .h-acts { grid-template-columns: auto auto; }
html body .h-hero .h-acts .h-cta.big { padding: 0 26px; }
html body .h-sec { padding-top: 64px; }
html body .h-sec > h2 { font-size: 30px; }
html body .h-wor { gap: 14px; }
html body .h-two { gap: 24px; }
html body .h-map iframe { height: 240px; }
html body .h-nf { padding: 36px 36px 32px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); column-gap: 48px; align-items: start; }
html body .h-nf > h3, html body .h-nf > p, html body .h-nf > .h-cta, html body .h-nf > .h-already { grid-column: 1; }
html body .h-nf > .h-steps { grid-column: 2; grid-row: 1 / span 4; margin-top: 0; }
html body .h-nf > .h-steps li:first-child { border-top: 0; padding-top: 4px; }
html body .h-nf > .h-already { text-align: left; }
html body .h-nf h3 { font-size: 30px; }
html body .h-give { grid-template-columns: 1fr; }
}
@media (min-width: 1024px) {
html body .h-wrap { max-width: 1120px; padding: 0 40px; }
html body .h-hero { padding: 88px 0 40px; gap: 72px; grid-template-columns: 1.1fr .9fr; }
html body .h-hero .h-lede { font-size: 17px; }
html body .h-sun { padding: 24px 24px 22px; }
html body .h-sec { padding-top: 80px; }
html body .h-two > .h-sec { padding-top: 80px; }
}