@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap);
/* [0] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.0.woff2) format("woff2");
  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: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.1.woff2) format("woff2");
  unicode-range: U+f92f-f980, U+f982-f9c9;
}
/* [2] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.2.woff2) format("woff2");
  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;
}
/* [3] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.3.woff2) format("woff2");
  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;
}
/* [4] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.4.woff2) format("woff2");
  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;
}
/* [5] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.5.woff2) format("woff2");
  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;
}
/* [6] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.6.woff2) format("woff2");
  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;
}
/* [7] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.7.woff2) format("woff2");
  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;
}
/* [8] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.8.woff2) format("woff2");
  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;
}
/* [9] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.9.woff2) format("woff2");
  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;
}
/* [10] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.10.woff2) format("woff2");
  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;
}
/* [11] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.11.woff2) format("woff2");
  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;
}
/* [12] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.12.woff2) format("woff2");
  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;
}
/* [13] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.13.woff2) format("woff2");
  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;
}
/* [14] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.14.woff2) format("woff2");
  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;
}
/* [15] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.15.woff2) format("woff2");
  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;
}
/* [16] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.16.woff2) format("woff2");
  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;
}
/* [17] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.17.woff2) format("woff2");
  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;
}
/* [18] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.18.woff2) format("woff2");
  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;
}
/* [19] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.19.woff2) format("woff2");
  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;
}
/* [20] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.20.woff2) format("woff2");
  unicode-range: U+caf4-cb47, U+cb4a-cb90;
}
/* [21] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.21.woff2) format("woff2");
  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;
}
/* [22] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.22.woff2) format("woff2");
  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;
}
/* [23] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.23.woff2) format("woff2");
  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;
}
/* [24] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.24.woff2) format("woff2");
  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;
}
/* [25] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.25.woff2) format("woff2");
  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;
}
/* [26] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.26.woff2) format("woff2");
  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;
}
/* [27] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.27.woff2) format("woff2");
  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;
}
/* [28] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.28.woff2) format("woff2");
  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;
}
/* [29] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.29.woff2) format("woff2");
  unicode-range: U+c475-c4ef, U+c4f2-c4f3, U+c4f5-c4f7, U+c4f9-c4ff, U+c502-c50b, U+c50d-c516;
}
/* [30] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.30.woff2) format("woff2");
  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;
}
/* [31] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.31.woff2) format("woff2");
  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;
}
/* [32] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.32.woff2) format("woff2");
  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;
}
/* [33] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.33.woff2) format("woff2");
  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;
}
/* [34] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.34.woff2) format("woff2");
  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;
}
/* [35] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.35.woff2) format("woff2");
  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;
}
/* [36] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.36.woff2) format("woff2");
  unicode-range: U+bfa7-bfaf, U+bfb1-bfc4, U+bfc6-bfcb, U+bfce-bfcf, U+bfd1-bfd3, U+bfd5-bfdb, U+bfdd-c048;
}
/* [37] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.37.woff2) format("woff2");
  unicode-range: U+bf07, U+bf09-bf3f, U+bf41-bf4f, U+bf52-bf54, U+bf56-bfa6;
}
/* [38] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.38.woff2) format("woff2");
  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;
}
/* [39] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.39.woff2) format("woff2");
  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;
}
/* [40] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.40.woff2) format("woff2");
  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;
}
/* [41] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.41.woff2) format("woff2");
  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;
}
/* [42] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.42.woff2) format("woff2");
  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;
}
/* [43] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.43.woff2) format("woff2");
  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;
}
/* [44] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.44.woff2) format("woff2");
  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;
}
/* [45] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.45.woff2) format("woff2");
  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;
}
/* [46] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.46.woff2) format("woff2");
  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;
}
/* [47] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.47.woff2) format("woff2");
  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;
}
/* [48] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.48.woff2) format("woff2");
  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;
}
/* [49] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.49.woff2) format("woff2");
  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;
}
/* [50] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.50.woff2) format("woff2");
  unicode-range: U+b605-b60f, U+b612-b617, U+b619-b624, U+b626-b69b, U+b69e-b6a3, U+b6a5-b6a6;
}
/* [51] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.51.woff2) format("woff2");
  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;
}
/* [52] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.52.woff2) format("woff2");
  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;
}
/* [53] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.53.woff2) format("woff2");
  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;
}
/* [54] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.54.woff2) format("woff2");
  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;
}
/* [55] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.55.woff2) format("woff2");
  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;
}
/* [56] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.56.woff2) format("woff2");
  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;
}
/* [57] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.57.woff2) format("woff2");
  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;
}
/* [58] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.58.woff2) format("woff2");
  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;
}
/* [59] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.59.woff2) format("woff2");
  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;
}
/* [60] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.60.woff2) format("woff2");
  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;
}
/* [61] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.61.woff2) format("woff2");
  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;
}
/* [62] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.62.woff2) format("woff2");
  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;
}
/* [63] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.63.woff2) format("woff2");
  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;
}
/* [64] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.64.woff2) format("woff2");
  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;
}
/* [65] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.65.woff2) format("woff2");
  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;
}
/* [66] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.66.woff2) format("woff2");
  unicode-range: U+96a7-96a8, U+96aa, U+96b1, U+96b7, U+96bb, U+96c0-96c1, U+96c4-96c5, U+96c7, U+96c9, U+96cb-96ce, U+96d5-96d6, U+96d9, U+96db-96dc, U+96e2-96e3, U+96e8-96ea, U+96ef-96f0, U+96f2, U+96f6-96f7, U+96f9, U+96fb, U+9700, U+9706-9707, U+9711, U+9713, U+9716, U+9719, U+971c, U+971e, U+9727, U+9730, U+9732, U+9739, U+973d, U+9742, U+9744, U+9748, U+9756, U+975c, U+9761, U+9769, U+976d, U+9774, U+9777, U+977a, U+978b, U+978d, U+978f, U+97a0, U+97a8, U+97ab, U+97ad, U+97c6, U+97cb, U+97dc, U+97f6, U+97fb, U+97ff-9803, U+9805-9806, U+9808, U+980a, U+980c, U+9810-9813, U+9817-9818, U+982d, U+9830, U+9838-9839, U+983b, U+9846, U+984c-984e, U+9854, U+9858, U+985a, U+985e, U+9865, U+9867, U+986b, U+986f, U+98af, U+98b1, U+98c4, U+98c7, U+98db-98dc, U+98e1-98e2, U+98ed-98ef, U+98f4, U+98fc-98fe, U+9903, U+9909-990a, U+990c, U+9910, U+9913, U+9918, U+991e, U+9920, U+9928, U+9945, U+9949, U+994b-994d, U+9951-9952, U+9954, U+9957, U+9996, U+999d, U+99a5, U+99a8, U+99ac-99ae, U+99b1, U+99b3-99b4, U+99b9, U+99c1, U+99d0-99d2, U+99d5, U+99d9, U+99dd;
}
/* [67] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.67.woff2) format("woff2");
  unicode-range: U+920d, U+9210-9212, U+9217, U+921e, U+9234, U+923a, U+923f-9240, U+9245, U+9249, U+9257, U+925b, U+925e, U+9262, U+9264-9266, U+9283, U+9285, U+9291, U+9293, U+9296, U+9298, U+929c, U+92b3, U+92b6-92b7, U+92b9, U+92cc, U+92cf, U+92d2, U+92e4, U+92ea, U+92f8, U+92fc, U+9304, U+9310, U+9318, U+931a, U+931e-9322, U+9324, U+9326, U+9328, U+932b, U+932e-932f, U+9348, U+934a-934b, U+934d, U+9354, U+935b, U+936e, U+9375, U+937c, U+937e, U+938c, U+9394, U+9396, U+939a, U+93a3, U+93a7, U+93ac-93ad, U+93b0, U+93c3, U+93d1, U+93de, U+93e1, U+93e4, U+93f6, U+9404, U+9418, U+9425, U+942b, U+9435, U+9438, U+9444, U+9451-9452, U+945b, U+947d, U+947f, U+9583, U+9589, U+958f, U+9591-9592, U+9594, U+9598, U+95a3-95a5, U+95a8, U+95ad, U+95b1, U+95bb-95bc, U+95c7, U+95ca, U+95d4-95d6, U+95dc, U+95e1-95e2, U+961c, U+9621, U+962a, U+962e, U+9632, U+963b, U+963f-9640, U+9642, U+9644, U+964b-964d, U+9650, U+965b-965f, U+9662-9664, U+966a, U+9670, U+9673, U+9675-9678, U+967d, U+9685-9686, U+968a-968b, U+968d-968e, U+9694-9695, U+9698-9699, U+969b-969c, U+96a3;
}
/* [68] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.68.woff2) format("woff2");
  unicode-range: U+8fa8, U+8fad, U+8faf-8fb2, U+8fc2, U+8fc5, U+8fce, U+8fd4, U+8fe6, U+8fea-8feb, U+8fed, U+8ff0, U+8ff2, U+8ff7, U+8ff9, U+8ffd, U+9000-9003, U+9005-9006, U+9008, U+900b, U+900d, U+900f-9011, U+9014-9015, U+9017, U+9019, U+901d-9023, U+902e, U+9031-9032, U+9035, U+9038, U+903c, U+903e, U+9041-9042, U+9047, U+904a-904b, U+904d-904e, U+9050-9051, U+9054-9055, U+9059, U+905c-905e, U+9060-9061, U+9063, U+9069, U+906d-906f, U+9072, U+9075, U+9077-9078, U+907a, U+907c-907d, U+907f-9084, U+9087-9088, U+908a, U+908f, U+9091, U+9095, U+9099, U+90a2-90a3, U+90a6, U+90a8, U+90aa, U+90af-90b1, U+90b5, U+90b8, U+90c1, U+90ca, U+90de, U+90e1, U+90ed, U+90f5, U+9102, U+9112, U+9115, U+9119, U+9127, U+912d, U+9132, U+9149-914e, U+9152, U+9162, U+9169-916a, U+916c, U+9175, U+9177-9178, U+9187, U+9189, U+918b, U+918d, U+9192, U+919c, U+91ab-91ac, U+91ae-91af, U+91b1, U+91b4-91b5, U+91c0, U+91c7, U+91c9, U+91cb, U+91cf-91d0, U+91d7-91d8, U+91dc-91dd, U+91e3, U+91e7, U+91ea, U+91f5;
}
/* [69] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.69.woff2) format("woff2");
  unicode-range: U+8c6a-8c6b, U+8c79-8c7a, U+8c82, U+8c8a, U+8c8c, U+8c9d-8c9e, U+8ca0-8ca2, U+8ca7-8cac, U+8caf-8cb0, U+8cb3-8cb4, U+8cb6-8cb8, U+8cbb-8cbd, U+8cbf-8cc4, U+8cc7-8cc8, U+8cca, U+8cd1, U+8cd3, U+8cda, U+8cdc, U+8cde, U+8ce0, U+8ce2-8ce4, U+8ce6, U+8cea, U+8ced, U+8cf4, U+8cfb-8cfd, U+8d04-8d05, U+8d07-8d08, U+8d0a, U+8d0d, U+8d13, U+8d16, U+8d64, U+8d66, U+8d6b, U+8d70, U+8d73-8d74, U+8d77, U+8d85, U+8d8a, U+8d99, U+8da3, U+8da8, U+8db3, U+8dba, U+8dbe, U+8dc6, U+8dcb-8dcc, U+8dcf, U+8ddb, U+8ddd, U+8de1, U+8de3, U+8de8, U+8df3, U+8e0a, U+8e0f-8e10, U+8e1e, U+8e2a, U+8e30, U+8e35, U+8e42, U+8e44, U+8e47-8e4a, U+8e59, U+8e5f-8e60, U+8e74, U+8e76, U+8e81, U+8e87, U+8e8a, U+8e8d, U+8eaa-8eac, U+8ec0, U+8ecb-8ecc, U+8ed2, U+8edf, U+8eeb, U+8ef8, U+8efb, U+8efe, U+8f03, U+8f05, U+8f09, U+8f12-8f15, U+8f1b-8f1f, U+8f26-8f27, U+8f29-8f2a, U+8f2f, U+8f33, U+8f38-8f39, U+8f3b, U+8f3e-8f3f, U+8f44-8f45, U+8f49, U+8f4d-8f4e, U+8f5d, U+8f5f, U+8f62, U+8f9b-8f9c, U+8fa3, U+8fa6;
}
/* [70] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.70.woff2) format("woff2");
  unicode-range: U+8941, U+8944, U+895f, U+8964, U+896a, U+8972, U+8981, U+8983, U+8986-8987, U+898f, U+8993, U+8996, U+89a1, U+89a9-89aa, U+89b2, U+89ba, U+89bd, U+89c0, U+89d2, U+89e3, U+89f4, U+89f8, U+8a02-8a03, U+8a08, U+8a0a, U+8a0c, U+8a0e, U+8a13, U+8a16-8a17, U+8a1b, U+8a1d, U+8a1f, U+8a23, U+8a25, U+8a2a, U+8a2d, U+8a31, U+8a34, U+8a36, U+8a3a-8a3b, U+8a50, U+8a54-8a55, U+8a5b, U+8a5e, U+8a60, U+8a62-8a63, U+8a66, U+8a6d-8a6e, U+8a70, U+8a72-8a73, U+8a75, U+8a79, U+8a85, U+8a87, U+8a8c-8a8d, U+8a93, U+8a95, U+8a98, U+8aa0-8aa1, U+8aa3-8aa6, U+8aa8, U+8aaa, U+8ab0, U+8ab2, U+8ab9, U+8abc, U+8abe-8abf, U+8ac2, U+8ac4, U+8ac7, U+8acb, U+8acd, U+8acf, U+8ad2, U+8ad6, U+8adb-8adc, U+8ae1, U+8ae6-8ae7, U+8aea-8aeb, U+8aed-8aee, U+8af1, U+8af6-8af8, U+8afa, U+8afe, U+8b00-8b02, U+8b04, U+8b0e, U+8b10, U+8b14, U+8b16-8b17, U+8b19-8b1b, U+8b1d, U+8b20, U+8b28, U+8b2b-8b2c, U+8b33, U+8b39, U+8b41, U+8b49, U+8b4e-8b4f, U+8b58, U+8b5a, U+8b5c, U+8b66, U+8b6c, U+8b6f-8b70, U+8b74, U+8b77, U+8b7d, U+8b80, U+8b8a, U+8b90, U+8b92-8b93, U+8b96, U+8b9a, U+8c37, U+8c3f, U+8c41, U+8c46, U+8c48, U+8c4a, U+8c4c, U+8c55, U+8c5a, U+8c61;
}
/* [71] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.71.woff2) format("woff2");
  unicode-range: U+858f, U+8591, U+8594, U+859b, U+85a6, U+85a8-85aa, U+85af-85b0, U+85ba, U+85c1, U+85c9, U+85cd-85cf, U+85d5, U+85dc-85dd, U+85e4-85e5, U+85e9-85ea, U+85f7, U+85fa-85fb, U+85ff, U+8602, U+8606-8607, U+860a, U+8616-8617, U+861a, U+862d, U+863f, U+864e, U+8650, U+8654-8655, U+865b-865c, U+865e-865f, U+8667, U+8679, U+868a, U+868c, U+8693, U+86a3-86a4, U+86a9, U+86c7, U+86cb, U+86d4, U+86d9, U+86db, U+86df, U+86e4, U+86ed, U+86fe, U+8700, U+8702-8703, U+8708, U+8718, U+871a, U+871c, U+874e, U+8755, U+8757, U+875f, U+8766, U+8768, U+8774, U+8776, U+8778, U+8782, U+878d, U+879f, U+87a2, U+87b3, U+87ba, U+87c4, U+87e0, U+87ec, U+87ef, U+87f2, U+87f9, U+87fb, U+87fe, U+8805, U+881f, U+8822-8823, U+8831, U+8836, U+883b, U+8840, U+8846, U+884d, U+8852-8853, U+8857, U+8859, U+885b, U+885d, U+8861-8863, U+8868, U+886b, U+8870, U+8872, U+8877, U+887e-887f, U+8881-8882, U+8888, U+888b, U+888d, U+8892, U+8896-8897, U+889e, U+88ab, U+88b4, U+88c1-88c2, U+88cf, U+88d4-88d5, U+88d9, U+88dc-88dd, U+88df, U+88e1, U+88e8, U+88f3-88f5, U+88f8, U+88fd, U+8907, U+8910, U+8912-8913, U+8918-8919, U+8925, U+892a, U+8936, U+8938, U+893b;
}
/* [72] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.72.woff2) format("woff2");
  unicode-range: U+82a6, U+82a9, U+82ac-82af, U+82b3, U+82b7-82b9, U+82bb-82bd, U+82bf, U+82d1-82d2, U+82d4-82d5, U+82d7, U+82db, U+82de-82df, U+82e1, U+82e5-82e7, U+82fd-82fe, U+8301-8305, U+8309, U+8317, U+8328, U+832b, U+832f, U+8331, U+8334-8336, U+8338-8339, U+8340, U+8347, U+8349-834a, U+834f, U+8351-8352, U+8373, U+8377, U+837b, U+8389-838a, U+838e, U+8396, U+8398, U+839e, U+83a2, U+83a9-83ab, U+83bd, U+83c1, U+83c5, U+83c9-83ca, U+83cc, U+83d3, U+83d6, U+83dc, U+83e9, U+83eb, U+83ef-83f2, U+83f4, U+83f9, U+83fd, U+8403-8404, U+840a, U+840c-840e, U+8429, U+842c, U+8431, U+8438, U+843d, U+8449, U+8457, U+845b, U+8461, U+8463, U+8466, U+846b-846c, U+846f, U+8475, U+847a, U+8490, U+8494, U+8499, U+849c, U+84a1, U+84b2, U+84b8, U+84bb-84bc, U+84bf-84c0, U+84c2, U+84c4, U+84c6, U+84c9, U+84cb, U+84cd, U+84d1, U+84da, U+84ec, U+84ee, U+84f4, U+84fc, U+8511, U+8513-8514, U+8517-8518, U+851a, U+851e, U+8521, U+8523, U+8525, U+852c-852d, U+852f, U+853d, U+853f, U+8541, U+8543, U+8549, U+854e, U+8553, U+8559, U+8563, U+8568-856a, U+856d, U+8584, U+8587;
}
/* [73] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.73.woff2) format("woff2");
  unicode-range: U+8033, U+8036, U+803d, U+803f, U+8043, U+8046, U+804a, U+8056, U+8058, U+805a, U+805e, U+806f-8070, U+8072-8073, U+8077, U+807d-807f, U+8084-8087, U+8089, U+808b-808c, U+8096, U+809b, U+809d, U+80a1-80a2, U+80a5, U+80a9-80aa, U+80af, U+80b1-80b2, U+80b4, U+80ba, U+80c3-80c4, U+80cc, U+80ce, U+80da-80db, U+80de, U+80e1, U+80e4-80e5, U+80f1, U+80f4, U+80f8, U+80fd, U+8102, U+8105-8108, U+810a, U+8118, U+811a-811b, U+8123, U+8129, U+812b, U+812f, U+8139, U+813e, U+814b, U+814e, U+8150-8151, U+8154-8155, U+8165-8166, U+816b, U+8170-8171, U+8178-817a, U+817f-8180, U+8188, U+818a, U+818f, U+819a, U+819c-819d, U+81a0, U+81a3, U+81a8, U+81b3, U+81b5, U+81ba, U+81bd-81c0, U+81c2, U+81c6, U+81cd, U+81d8, U+81df, U+81e3, U+81e5, U+81e7-81e8, U+81ed, U+81f3-81f4, U+81fa-81fc, U+81fe, U+8205, U+8208, U+820a, U+820c-820d, U+8212, U+821b-821c, U+821e-821f, U+8221, U+822a-822c, U+8235-8237, U+8239, U+8240, U+8245, U+8247, U+8259, U+8264, U+8266, U+826e-826f, U+8271, U+8276, U+8278, U+827e, U+828b, U+828d-828e, U+8292, U+8299-829a, U+829d, U+829f, U+82a5;
}
/* [74] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.74.woff2) format("woff2");
  unicode-range: U+7d2f-7d30, U+7d33, U+7d35, U+7d39-7d3a, U+7d42-7d46, U+7d50, U+7d5e, U+7d61-7d62, U+7d66, U+7d68, U+7d6a, U+7d6e, U+7d71-7d73, U+7d76, U+7d79, U+7d7f, U+7d8e-7d8f, U+7d93, U+7d9c, U+7da0, U+7da2, U+7dac-7dad, U+7db1-7db2, U+7db4-7db5, U+7db8, U+7dba-7dbb, U+7dbd-7dbf, U+7dc7, U+7dca-7dcb, U+7dd6, U+7dd8, U+7dda, U+7ddd-7dde, U+7de0-7de1, U+7de3, U+7de8-7de9, U+7dec, U+7def, U+7df4, U+7dfb, U+7e09-7e0a, U+7e15, U+7e1b, U+7e1d-7e1f, U+7e21, U+7e23, U+7e2b, U+7e2e-7e2f, U+7e31, U+7e37, U+7e3d-7e3e, U+7e43, U+7e46-7e47, U+7e52, U+7e54-7e55, U+7e5e, U+7e61, U+7e69-7e6b, U+7e6d, U+7e70, U+7e79, U+7e7c, U+7e82, U+7e8c, U+7e8f, U+7e93, U+7e96, U+7e98, U+7e9b-7e9c, U+7f36, U+7f38, U+7f3a, U+7f4c, U+7f50, U+7f54-7f55, U+7f6a-7f6b, U+7f6e, U+7f70, U+7f72, U+7f75, U+7f77, U+7f79, U+7f85, U+7f88, U+7f8a, U+7f8c, U+7f94, U+7f9a, U+7f9e, U+7fa4, U+7fa8-7fa9, U+7fb2, U+7fb8-7fb9, U+7fbd, U+7fc1, U+7fc5, U+7fca, U+7fcc, U+7fce, U+7fd2, U+7fd4-7fd5, U+7fdf-7fe1, U+7fe9, U+7feb, U+7ff0, U+7ff9, U+7ffc, U+8000-8001, U+8003, U+8006, U+8009, U+800c, U+8010, U+8015, U+8017-8018, U+802d;
}
/* [75] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.75.woff2) format("woff2");
  unicode-range: U+7a49, U+7a4d-7a4e, U+7a57, U+7a61-7a62, U+7a69, U+7a6b, U+7a70, U+7a74, U+7a76, U+7a79, U+7a7d, U+7a7f, U+7a81, U+7a84, U+7a88, U+7a92-7a93, U+7a95, U+7a98, U+7a9f, U+7aa9-7aaa, U+7aae-7aaf, U+7aba, U+7ac4-7ac5, U+7ac7, U+7aca, U+7ad7, U+7ad9, U+7add, U+7adf-7ae0, U+7ae3, U+7ae5, U+7aea, U+7aed, U+7aef, U+7af6, U+7af9-7afa, U+7aff, U+7b0f, U+7b11, U+7b19, U+7b1b, U+7b1e, U+7b20, U+7b26, U+7b2d, U+7b39, U+7b46, U+7b49, U+7b4b-7b4d, U+7b4f-7b52, U+7b54, U+7b56, U+7b60, U+7b6c, U+7b6e, U+7b75, U+7b7d, U+7b87, U+7b8b, U+7b8f, U+7b94-7b95, U+7b97, U+7b9a, U+7b9d, U+7ba1, U+7bad, U+7bb1, U+7bb4, U+7bb8, U+7bc0-7bc1, U+7bc4, U+7bc6-7bc7, U+7bc9, U+7bd2, U+7be0, U+7be4, U+7be9, U+7c07, U+7c12, U+7c1e, U+7c21, U+7c27, U+7c2a-7c2b, U+7c3d-7c3f, U+7c43, U+7c4c-7c4d, U+7c60, U+7c64, U+7c6c, U+7c73, U+7c83, U+7c89, U+7c92, U+7c95, U+7c97-7c98, U+7c9f, U+7ca5, U+7ca7, U+7cae, U+7cb1-7cb3, U+7cb9, U+7cbe, U+7cca, U+7cd6, U+7cde-7ce0, U+7ce7, U+7cfb, U+7cfe, U+7d00, U+7d02, U+7d04-7d08, U+7d0a-7d0b, U+7d0d, U+7d10, U+7d14, U+7d17-7d1b, U+7d20-7d21, U+7d2b-7d2c, U+7d2e;
}
/* [76] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.76.woff2) format("woff2");
  unicode-range: U+7704, U+7708-7709, U+770b, U+771e, U+7720, U+7729, U+7737-7738, U+773a, U+773c, U+7740, U+774d, U+775b, U+7761, U+7763, U+7766, U+776b, U+7779, U+777e-777f, U+778b, U+7791, U+779e, U+77a5, U+77ac-77ad, U+77b0, U+77b3, U+77bb-77bc, U+77bf, U+77d7, U+77db-77dc, U+77e2-77e3, U+77e9, U+77ed-77ef, U+7802, U+7812, U+7825-7827, U+782c, U+7832, U+7834, U+7845, U+784f, U+785d, U+786b-786c, U+786f, U+787c, U+7881, U+7887, U+788c-788e, U+7891, U+7897, U+78a3, U+78a7, U+78a9, U+78ba-78bc, U+78c1, U+78c5, U+78ca-78cb, U+78ce, U+78d0, U+78e8, U+78ec, U+78ef, U+78f5, U+78fb, U+7901, U+790e, U+7916, U+792a-792c, U+793a, U+7940-7941, U+7947-7949, U+7950, U+7956-7957, U+795a-795d, U+7960, U+7965, U+7968, U+796d, U+797a, U+797f, U+7981, U+798d-798e, U+7991, U+79a6-79a7, U+79aa, U+79ae, U+79b1, U+79b3, U+79b9, U+79bd-79c1, U+79c9-79cb, U+79d2, U+79d5, U+79d8, U+79df, U+79e4, U+79e6-79e7, U+79e9, U+79fb, U+7a00, U+7a05, U+7a08, U+7a0b, U+7a0d, U+7a14, U+7a17, U+7a19-7a1a, U+7a1c, U+7a1f-7a20, U+7a2e, U+7a31, U+7a36-7a37, U+7a3b-7a3d, U+7a3f-7a40, U+7a46;
}
/* [77] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.77.woff2) format("woff2");
  unicode-range: U+7482-7483, U+7487, U+7489, U+748b, U+7498, U+749c, U+749e-749f, U+74a1, U+74a3, U+74a5, U+74a7-74a8, U+74aa, U+74b0, U+74b2, U+74b5, U+74b9, U+74bd, U+74bf, U+74c6, U+74ca, U+74cf, U+74d4, U+74d8, U+74da, U+74dc, U+74e0, U+74e2-74e3, U+74e6, U+74ee, U+74f7, U+7501, U+7504, U+7511, U+7515, U+7518, U+751a-751b, U+7523, U+7525-7526, U+752b-752c, U+7531, U+7533, U+7538, U+753a, U+7547, U+754c, U+754f, U+7551, U+7553-7554, U+7559, U+755b-755d, U+7562, U+7565-7566, U+756a, U+756f-7570, U+7575-7576, U+7578, U+757a, U+757f, U+7586-7587, U+758a-758b, U+758e-758f, U+7591, U+759d, U+75a5, U+75ab, U+75b1-75b3, U+75b5, U+75b8-75b9, U+75bc-75be, U+75c2, U+75c5, U+75c7, U+75cd, U+75d2, U+75d4-75d5, U+75d8-75d9, U+75db, U+75e2, U+75f0, U+75f2, U+75f4, U+75fa, U+75fc, U+7600, U+760d, U+7619, U+761f-7622, U+7624, U+7626, U+763b, U+7642, U+764c, U+764e, U+7652, U+7656, U+7661, U+7664, U+7669, U+766c, U+7670, U+7672, U+7678, U+7686-7687, U+768e, U+7690, U+7693, U+76ae, U+76ba, U+76bf, U+76c2-76c3, U+76c6, U+76c8, U+76ca, U+76d2, U+76d6, U+76db-76dc, U+76de-76df, U+76e1, U+76e3-76e4, U+76e7, U+76f2, U+76fc, U+76fe, U+7701;
}
/* [78] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.78.woff2) format("woff2");
  unicode-range: U+7230, U+7232, U+7235, U+723a-723b, U+723d-723e, U+7240, U+7246-7248, U+724c, U+7252, U+7258-7259, U+725b, U+725d, U+725f, U+7261-7262, U+7267, U+7272, U+727d, U+7280-7281, U+72a2, U+72a7, U+72ac, U+72af, U+72c0, U+72c2, U+72c4, U+72ce, U+72d0, U+72d7, U+72d9, U+72e1, U+72e9, U+72f8-72f9, U+72fc-72fd, U+730a, U+7316, U+731b-731d, U+7325, U+7329-732b, U+7336-7337, U+733e-733f, U+7344-7345, U+7350, U+7352, U+7357, U+7368, U+736a, U+7370, U+7372, U+7375, U+7378, U+737a-737b, U+7384, U+7386-7387, U+7389, U+738e, U+7394, U+7396-7398, U+739f, U+73a7, U+73a9, U+73ad, U+73b2-73b3, U+73b9, U+73c0, U+73c2, U+73c9-73ca, U+73cc-73cd, U+73cf, U+73d6, U+73d9, U+73dd-73de, U+73e0, U+73e3-73e6, U+73e9-73ea, U+73ed, U+73f7, U+73f9, U+73fd-73fe, U+7401, U+7403, U+7405, U+7407, U+7409, U+7413, U+741b, U+7420-7422, U+7425-7426, U+7428, U+742a-742c, U+742e-7430, U+7433-7436, U+7438, U+743a, U+743f-7441, U+7443-7444, U+744b, U+7455, U+7457, U+7459-745c, U+745e-7460, U+7462, U+7464-7465, U+7468-746a, U+746f, U+747e;
}
/* [79] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.79.woff2) format("woff2");
  unicode-range: U+6f8d-6f8e, U+6f90, U+6f94, U+6f97, U+6fa3-6fa4, U+6fa7, U+6fae-6faf, U+6fb1, U+6fb3, U+6fb9, U+6fbe, U+6fc0-6fc3, U+6fca, U+6fd5, U+6fda, U+6fdf-6fe1, U+6fe4, U+6fe9, U+6feb-6fec, U+6fef, U+6ff1, U+6ffe, U+7001, U+7005-7006, U+7009, U+700b, U+700f, U+7011, U+7015, U+7018, U+701a-701f, U+7023, U+7027-7028, U+702f, U+7037, U+703e, U+704c, U+7050-7051, U+7058, U+705d, U+7070, U+7078, U+707c-707d, U+7085, U+708a, U+708e, U+7092, U+7098-709a, U+70a1, U+70a4, U+70ab-70ad, U+70af, U+70b3, U+70b7-70b9, U+70c8, U+70cb, U+70cf, U+70d8-70d9, U+70dd, U+70df, U+70f1, U+70f9, U+70fd, U+7104, U+7109, U+710c, U+7119-711a, U+711e, U+7126, U+7130, U+7136, U+7147, U+7149-714a, U+714c, U+714e, U+7150, U+7156, U+7159, U+715c, U+715e, U+7164-7167, U+7169, U+716c, U+716e, U+717d, U+7184, U+7189-718a, U+718f, U+7192, U+7194, U+7199, U+719f, U+71a2, U+71ac, U+71b1, U+71b9-71ba, U+71be, U+71c1, U+71c3, U+71c8-71c9, U+71ce, U+71d0, U+71d2, U+71d4-71d5, U+71df, U+71e5-71e7, U+71ed-71ee, U+71fb-71fc, U+71fe-7200, U+7206, U+7210, U+721b, U+722a, U+722c-722d;
}
/* [80] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.80.woff2) format("woff2");
  unicode-range: U+6d5a, U+6d5c, U+6d63, U+6d66, U+6d69-6d6a, U+6d6c, U+6d6e, U+6d74, U+6d78-6d79, U+6d7f, U+6d85, U+6d87-6d89, U+6d8c-6d8e, U+6d91, U+6d93, U+6d95, U+6daf, U+6db2, U+6db5, U+6dc0, U+6dc3-6dc7, U+6dcb, U+6dcf, U+6dd1, U+6dd8-6dda, U+6dde, U+6de1, U+6de8, U+6dea-6deb, U+6dee, U+6df1, U+6df3, U+6df5, U+6df7-6dfb, U+6e17, U+6e19-6e1b, U+6e1f-6e21, U+6e23-6e26, U+6e2b-6e2d, U+6e32, U+6e34, U+6e36, U+6e38, U+6e3a, U+6e3c-6e3e, U+6e43-6e44, U+6e4a, U+6e4d, U+6e56, U+6e58, U+6e5b-6e5c, U+6e5e-6e5f, U+6e67, U+6e6b, U+6e6e-6e6f, U+6e72-6e73, U+6e7a, U+6e90, U+6e96, U+6e9c-6e9d, U+6e9f, U+6ea2, U+6ea5, U+6eaa-6eab, U+6eaf, U+6eb1, U+6eb6, U+6eba, U+6ec2, U+6ec4-6ec5, U+6ec9, U+6ecb-6ecc, U+6ece, U+6ed1, U+6ed3-6ed4, U+6eef, U+6ef4, U+6ef8, U+6efe-6eff, U+6f01-6f02, U+6f06, U+6f0f, U+6f11, U+6f14-6f15, U+6f20, U+6f22-6f23, U+6f2b-6f2c, U+6f31-6f32, U+6f38, U+6f3f, U+6f41, U+6f51, U+6f54, U+6f57-6f58, U+6f5a-6f5b, U+6f5e-6f5f, U+6f62, U+6f64, U+6f6d-6f6e, U+6f70, U+6f7a, U+6f7c-6f7e, U+6f81, U+6f84, U+6f88;
}
/* [81] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.81.woff2) format("woff2");
  unicode-range: U+6ada-6adb, U+6af6, U+6afb, U+6b04, U+6b0a, U+6b0c, U+6b12, U+6b16, U+6b20-6b21, U+6b23, U+6b32, U+6b3a, U+6b3d-6b3e, U+6b46-6b47, U+6b4e, U+6b50, U+6b5f, U+6b61-6b62, U+6b64-6b66, U+6b6a, U+6b72, U+6b77-6b78, U+6b7b, U+6b7f, U+6b83-6b84, U+6b86, U+6b89-6b8a, U+6b96, U+6b98, U+6b9e, U+6bae-6baf, U+6bb2, U+6bb5, U+6bb7, U+6bba, U+6bbc, U+6bbf, U+6bc1, U+6bc5-6bc6, U+6bcb, U+6bcf, U+6bd2-6bd3, U+6bd6-6bd8, U+6bdb, U+6beb-6bec, U+6c08, U+6c0f, U+6c13, U+6c23, U+6c37-6c38, U+6c3e, U+6c40-6c42, U+6c4e, U+6c50, U+6c55, U+6c57, U+6c5a, U+6c5d-6c60, U+6c68, U+6c6a, U+6c6d, U+6c70, U+6c72, U+6c76, U+6c7a, U+6c7d-6c7e, U+6c81-6c83, U+6c85-6c88, U+6c8c, U+6c90, U+6c92-6c96, U+6c99-6c9b, U+6cab, U+6cae, U+6cb3, U+6cb8-6cb9, U+6cbb-6cbf, U+6cc1-6cc2, U+6cc4, U+6cc9-6cca, U+6ccc, U+6cd3, U+6cd7, U+6cdb, U+6ce1-6ce3, U+6ce5, U+6ce8, U+6ceb, U+6cee-6cf0, U+6cf3, U+6d0b-6d0c, U+6d11, U+6d17, U+6d19, U+6d1b, U+6d1e, U+6d25, U+6d27, U+6d29, U+6d32, U+6d35-6d36, U+6d38-6d39, U+6d3b, U+6d3d-6d3e, U+6d41, U+6d59;
}
/* [82] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.82.woff2) format("woff2");
  unicode-range: U+67f0-67f1, U+67f3-67f6, U+67fb, U+67fe, U+6812-6813, U+6816-6817, U+6821-6822, U+682f, U+6838-6839, U+683d, U+6840-6843, U+6848, U+684e, U+6850-6851, U+6853-6854, U+686d, U+6876, U+687f, U+6881, U+6885, U+688f, U+6893-6894, U+6897, U+689d, U+689f, U+68a1-68a2, U+68a7-68a8, U+68ad, U+68af-68b1, U+68b3, U+68b5-68b6, U+68c4-68c5, U+68c9, U+68cb, U+68cd, U+68d2, U+68d5, U+68d7-68d8, U+68da, U+68df-68e0, U+68e7-68e8, U+68ee, U+68f2, U+68f9-68fa, U+6900, U+6905, U+690d-690e, U+6912, U+6927, U+6930, U+693d, U+693f, U+694a, U+6953-6955, U+6957, U+6959-695a, U+695e, U+6960-6963, U+6968, U+696b, U+696d-696f, U+6975, U+6977-6979, U+6995, U+699b-699c, U+69a5, U+69a7, U+69ae, U+69b4, U+69bb, U+69c1, U+69c3, U+69cb-69cd, U+69d0, U+69e8, U+69ea, U+69fb, U+69fd, U+69ff, U+6a02, U+6a0a, U+6a11, U+6a13, U+6a17, U+6a19, U+6a1e-6a1f, U+6a21, U+6a23, U+6a35, U+6a38-6a3a, U+6a3d, U+6a44, U+6a48, U+6a4b, U+6a52-6a53, U+6a58-6a59, U+6a5f, U+6a61, U+6a6b, U+6a80, U+6a84, U+6a89, U+6a8d-6a8e, U+6a97, U+6a9c, U+6aa3, U+6ab3, U+6abb, U+6ac2-6ac3, U+6ad3;
}
/* [83] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.83.woff2) format("woff2");
  unicode-range: U+6607, U+6609-660a, U+660c, U+660f-6611, U+6613-6615, U+661e, U+6620, U+6627-6628, U+662d, U+6630-6631, U+6634, U+6636, U+663a-663b, U+6641, U+6643-6644, U+6649, U+664b, U+664f, U+6659, U+665b, U+665d-665f, U+6664-6669, U+666b, U+666e-666f, U+6673-6674, U+6676-6678, U+6684, U+6687-6689, U+668e, U+6690-6691, U+6696-6698, U+669d, U+66a0, U+66a2, U+66ab, U+66ae, U+66b2-66b4, U+66b9, U+66bb, U+66be, U+66c4, U+66c6-66c7, U+66c9, U+66d6, U+66d9, U+66dc-66dd, U+66e0, U+66e6, U+66f0, U+66f2-66f4, U+66f7, U+66f9-66fa, U+66fc, U+66fe-66ff, U+6703, U+670b, U+670d, U+6714-6715, U+6717, U+671b, U+671d-671f, U+6726-6727, U+672a-672b, U+672d-672e, U+6731, U+6736, U+673a, U+673d, U+6746, U+6749, U+674e-6751, U+6753, U+6756, U+675c, U+675e-675f, U+676d, U+676f-6770, U+6773, U+6775, U+6777, U+677b, U+677e-677f, U+6787, U+6789, U+678b, U+678f-6790, U+6793, U+6795, U+679a, U+679d, U+67af-67b0, U+67b3, U+67b6-67b8, U+67be, U+67c4, U+67cf-67d4, U+67da, U+67dd, U+67e9, U+67ec, U+67ef;
}
/* [84] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.84.woff2) format("woff2");
  unicode-range: U+6392, U+6396, U+6398, U+639b, U+63a0-63a2, U+63a5, U+63a7-63aa, U+63c0, U+63c4, U+63c6, U+63cf, U+63d6, U+63da-63db, U+63e1, U+63ed-63ee, U+63f4, U+63f6-63f7, U+640d, U+640f, U+6414, U+6416-6417, U+641c, U+6422, U+642c-642d, U+643a, U+643e, U+6458, U+6460, U+6469, U+646f, U+6478-647a, U+6488, U+6491-6493, U+649a, U+649e, U+64a4-64a5, U+64ab, U+64ad-64ae, U+64b0, U+64b2, U+64bb, U+64c1, U+64c4-64c5, U+64c7, U+64ca, U+64cd-64ce, U+64d2, U+64d4, U+64d8, U+64da, U+64e1-64e2, U+64e5-64e7, U+64ec, U+64f2, U+64f4, U+64fa, U+64fe, U+6500, U+6504, U+6518, U+651d, U+6523, U+652a-652c, U+652f, U+6536-6539, U+653b, U+653e, U+6548, U+654d-654f, U+6551, U+6556-6557, U+655e, U+6562-6563, U+6566, U+656c-656d, U+6572, U+6574-6575, U+6577-6578, U+657e, U+6582-6583, U+6585, U+658c, U+6590-6591, U+6597, U+6599, U+659b-659c, U+659f, U+65a1, U+65a4-65a5, U+65a7, U+65ab-65ac, U+65af, U+65b7, U+65bc-65bd, U+65c1, U+65c5, U+65cb-65cc, U+65cf, U+65d2, U+65d7, U+65e0, U+65e3, U+65e6, U+65e8-65e9, U+65ec-65ed, U+65f1, U+65f4, U+65fa-65fd, U+65ff, U+6606;
}
/* [85] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.85.woff2) format("woff2");
  unicode-range: U+614c, U+6153, U+6155, U+6158-6159, U+615d, U+615f, U+6162-6164, U+6167-6168, U+616b, U+616e, U+6170, U+6176-6177, U+617d-617e, U+6181-6182, U+618a, U+618e, U+6190-6191, U+6194, U+6198-619a, U+61a4, U+61a7, U+61a9, U+61ab-61ac, U+61ae, U+61b2, U+61b6, U+61ba, U+61be, U+61c3, U+61c7-61cb, U+61e6, U+61f2, U+61f6-61f8, U+61fa, U+61fc, U+61ff-6200, U+6207-6208, U+620a, U+620c-620e, U+6212, U+6216, U+621a, U+621f, U+6221, U+622a, U+622e, U+6230-6231, U+6234, U+6236, U+623e-623f, U+6241, U+6247-6249, U+624d, U+6253, U+6258, U+626e, U+6271, U+6276, U+6279, U+627c, U+627f-6280, U+6284, U+6289-628a, U+6291-6292, U+6295, U+6297-6298, U+629b, U+62ab, U+62b1, U+62b5, U+62b9, U+62bc-62bd, U+62c2, U+62c7-62c9, U+62cc-62cd, U+62cf-62d0, U+62d2-62d4, U+62d6-62d9, U+62db-62dc, U+62ec-62ef, U+62f1, U+62f3, U+62f7, U+62fe-62ff, U+6301, U+6307, U+6309, U+6311, U+632b, U+632f, U+633a-633b, U+633d-633e, U+6349, U+634c, U+634f-6350, U+6355, U+6367-6368, U+636e, U+6372, U+6377, U+637a-637b, U+637f, U+6383, U+6388-6389, U+638c;
}
/* [86] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.86.woff2) format("woff2");
  unicode-range: U+5f11, U+5f13-5f15, U+5f17-5f18, U+5f1b, U+5f1f, U+5f26-5f27, U+5f29, U+5f31, U+5f35, U+5f3a, U+5f3c, U+5f48, U+5f4a, U+5f4c, U+5f4e, U+5f56-5f57, U+5f59, U+5f5b, U+5f62, U+5f66-5f67, U+5f69-5f6d, U+5f70-5f71, U+5f77, U+5f79, U+5f7c, U+5f7f-5f81, U+5f85, U+5f87, U+5f8a-5f8b, U+5f90-5f92, U+5f98-5f99, U+5f9e, U+5fa0-5fa1, U+5fa8-5faa, U+5fae, U+5fb5, U+5fb9, U+5fbd, U+5fc5, U+5fcc-5fcd, U+5fd6-5fd9, U+5fe0, U+5feb, U+5ff5, U+5ffd, U+5fff, U+600f, U+6012, U+6016, U+601c, U+6020-6021, U+6025, U+6028, U+602a, U+602f, U+6041-6043, U+604d, U+6050, U+6052, U+6055, U+6059, U+605d, U+6062-6065, U+6068-606a, U+606c-606d, U+606f-6070, U+6085, U+6089, U+608c-608d, U+6094, U+6096, U+609a-609b, U+609f-60a0, U+60a3-60a4, U+60a7, U+60b0, U+60b2-60b4, U+60b6, U+60b8, U+60bc-60bd, U+60c7, U+60d1, U+60da, U+60dc, U+60df-60e1, U+60f0-60f1, U+60f6, U+60f9-60fb, U+6101, U+6106, U+6108-6109, U+610d-610e, U+6115, U+611a, U+6127, U+6130, U+6134, U+6137, U+613c, U+613e-613f, U+6142, U+6144, U+6147-6148, U+614a-614b;
}
/* [87] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.87.woff2) format("woff2");
  unicode-range: U+5c40, U+5c45-5c46, U+5c48, U+5c4b, U+5c4d-5c4e, U+5c51, U+5c5b, U+5c60, U+5c62, U+5c64-5c65, U+5c6c, U+5c6f, U+5c79, U+5c90-5c91, U+5ca1, U+5ca9, U+5cab-5cac, U+5cb1, U+5cb3, U+5cb5, U+5cb7-5cb8, U+5cba, U+5cbe, U+5cc0, U+5cd9, U+5ce0, U+5ce8, U+5cef-5cf0, U+5cf4, U+5cf6, U+5cfb, U+5cfd, U+5d07, U+5d0d-5d0e, U+5d11, U+5d14, U+5d16-5d17, U+5d19, U+5d27, U+5d29, U+5d4b-5d4c, U+5d50, U+5d69, U+5d6c, U+5d6f, U+5d87, U+5d8b, U+5d9d, U+5da0, U+5da2, U+5daa, U+5db8, U+5dba, U+5dbc-5dbd, U+5dcd, U+5dd2, U+5dd6, U+5de1-5de2, U+5de5-5de8, U+5deb, U+5dee, U+5df1-5df4, U+5df7, U+5dfd-5dfe, U+5e03, U+5e06, U+5e11, U+5e16, U+5e19, U+5e1b, U+5e1d, U+5e25, U+5e2b, U+5e2d, U+5e33, U+5e36, U+5e38, U+5e3d, U+5e3f-5e40, U+5e44-5e45, U+5e47, U+5e4c, U+5e55, U+5e5f, U+5e61-5e63, U+5e72, U+5e77-5e79, U+5e7b-5e7e, U+5e84, U+5e87, U+5e8a, U+5e8f, U+5e95, U+5e97, U+5e9a, U+5e9c, U+5ea0, U+5ea7, U+5eab, U+5ead, U+5eb5-5eb8, U+5ebe, U+5ec2, U+5ec8-5eca, U+5ed0, U+5ed3, U+5ed6, U+5eda-5edb, U+5edf-5ee0, U+5ee2-5ee3, U+5eec, U+5ef3, U+5ef6-5ef7, U+5efa-5efb, U+5f01, U+5f04, U+5f0a;
}
/* [88] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.88.woff2) format("woff2");
  unicode-range: U+59be, U+59c3, U+59c6, U+59c9, U+59cb, U+59d0-59d1, U+59d3-59d4, U+59d9-59da, U+59dc-59dd, U+59e6, U+59e8, U+59ea, U+59ec, U+59ee, U+59f8, U+59fb, U+59ff, U+5a01, U+5a03, U+5a11, U+5a18, U+5a1b-5a1c, U+5a1f-5a20, U+5a25, U+5a29, U+5a36, U+5a3c, U+5a41, U+5a46, U+5a49, U+5a5a, U+5a62, U+5a66, U+5a92, U+5a9a-5a9b, U+5aa4, U+5ac1-5ac2, U+5ac4, U+5ac9, U+5acc, U+5ae1, U+5ae6, U+5ae9, U+5b05, U+5b09, U+5b0b-5b0c, U+5b16, U+5b2a, U+5b40, U+5b43, U+5b51, U+5b54-5b55, U+5b58, U+5b5a, U+5b5c-5b5d, U+5b5f, U+5b63-5b64, U+5b69, U+5b6b, U+5b70-5b71, U+5b75, U+5b7a, U+5b7c, U+5b85, U+5b87-5b88, U+5b8b, U+5b8f, U+5b93, U+5b95-5b99, U+5b9b-5b9c, U+5ba2-5ba6, U+5bac, U+5bae, U+5bb0, U+5bb3-5bb5, U+5bb8-5bb9, U+5bbf-5bc0, U+5bc2-5bc7, U+5bcc, U+5bd0, U+5bd2-5bd4, U+5bd7, U+5bde-5bdf, U+5be1-5be2, U+5be4-5be9, U+5beb-5bec, U+5bee-5bef, U+5bf5-5bf6, U+5bf8, U+5bfa, U+5c01, U+5c04, U+5c07-5c0b, U+5c0d-5c0e, U+5c16, U+5c19, U+5c24, U+5c28, U+5c31, U+5c38-5c3c, U+5c3e-5c3f;
}
/* [89] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.89.woff2) format("woff2");
  unicode-range: U+5703-5704, U+5708, U+570d, U+5712-5713, U+5716, U+5718, U+572d, U+573b, U+5740, U+5742, U+5747, U+574a, U+574d-574e, U+5750-5751, U+5761, U+5764, U+5766, U+576a, U+576e, U+5770, U+5775, U+577c, U+5782, U+5788, U+578b, U+5793, U+57a0, U+57a2-57a3, U+57c3, U+57c7-57c8, U+57cb, U+57df-57e0, U+57f0, U+57f4, U+57f7, U+57f9-57fa, U+57fc, U+5800, U+5802, U+5805-5806, U+5808-580a, U+581e, U+5821, U+5824, U+5827, U+582a, U+582f-5831, U+5835, U+583a, U+584a-584b, U+584f, U+5851, U+5854, U+5857-5858, U+585a, U+585e, U+5861-5862, U+5864, U+5875, U+5879, U+587c, U+587e, U+5883, U+5885, U+5889, U+5893, U+589c, U+589e-589f, U+58a8-58a9, U+58ae, U+58b3, U+58ba-58bb, U+58be, U+58c1, U+58c5, U+58c7, U+58ce, U+58d1, U+58d3, U+58d5, U+58d8-58d9, U+58de-58df, U+58e4, U+58ec, U+58ef, U+58f9-58fb, U+58fd, U+590f, U+5914-5915, U+5919, U+5922, U+592d-592e, U+5931, U+5937, U+593e, U+5944, U+5947-5949, U+594e-5951, U+5954-5955, U+5957, U+595a, U+5960, U+5962, U+5967, U+596a-596e, U+5974, U+5978, U+5982-5984, U+598a, U+5993, U+5996-5997, U+5999, U+59a5, U+59a8, U+59ac, U+59b9, U+59bb;
}
/* [90] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.90.woff2) format("woff2");
  unicode-range: U+539a, U+53a0, U+53a5-53a6, U+53ad, U+53bb, U+53c3, U+53c8-53cb, U+53cd, U+53d4, U+53d6-53d7, U+53db, U+53e1-53e3, U+53e5, U+53e9-53ed, U+53f1, U+53f3, U+53f8, U+5403-5404, U+540a, U+540e-5411, U+541b, U+541d, U+541f-5420, U+5426, U+5429, U+542b, U+5433, U+5438-5439, U+543b-543c, U+543e, U+5442, U+5448, U+544a, U+5451, U+5468, U+546a, U+5471, U+5473, U+5475, U+547b-547d, U+5480, U+5486, U+548e, U+5490, U+54a4, U+54a8, U+54ab-54ac, U+54b3, U+54b8, U+54bd, U+54c0, U+54c4, U+54c8-54c9, U+54e1, U+54e5, U+54e8, U+54ed-54ee, U+54f2, U+54fa, U+5504, U+5506-5507, U+550e, U+5510, U+551c, U+552f, U+5531, U+5535, U+553e, U+5544, U+5546, U+554f, U+5553, U+5556, U+555e, U+5563, U+557c, U+5580, U+5584, U+5586-5587, U+5589-558a, U+5598-559a, U+559c-559d, U+55a7, U+55a9-55ac, U+55ae, U+55c5, U+55c7, U+55d4, U+55da, U+55dc, U+55df, U+55e3-55e4, U+55fd-55fe, U+5606, U+5609, U+5614, U+5617, U+562f, U+5632, U+5634, U+5636, U+5653, U+5668, U+566b, U+5674, U+5686, U+56a5, U+56ac, U+56ae, U+56b4, U+56bc, U+56ca, U+56cd, U+56d1, U+56da-56db, U+56de, U+56e0, U+56f0, U+56f9-56fa;
}
/* [91] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.91.woff2) format("woff2");
  unicode-range: U+516e, U+5175-5178, U+517c, U+5180, U+5186, U+518a, U+518d, U+5192, U+5195, U+5197, U+51a0, U+51a5, U+51aa, U+51ac, U+51b6-51b7, U+51bd, U+51c4, U+51c6, U+51c9, U+51cb-51cd, U+51dc-51de, U+51e1, U+51f0-51f1, U+51f6, U+51f8-51f9, U+51fd, U+5200, U+5203, U+5207-5208, U+520a, U+520e, U+5211, U+5217, U+521d, U+5224-5225, U+522a, U+522e, U+5230, U+5236-523b, U+5243, U+5247, U+524a-524c, U+5254, U+5256, U+525b, U+525d, U+5261, U+5269-526a, U+526f, U+5272, U+5275, U+527d, U+527f, U+5283, U+5287-5289, U+528d, U+5291-5292, U+529f, U+52a3-52a4, U+52a9-52ab, U+52be, U+52c1, U+52c3, U+52c5, U+52c7, U+52c9, U+52cd, U+52d2, U+52d6, U+52d8-52d9, U+52db, U+52dd-52df, U+52e2-52e4, U+52f3, U+52f5, U+52f8, U+52fa-52fb, U+52fe-52ff, U+5305, U+5308, U+530d, U+530f-5310, U+5315, U+5319, U+5320-5321, U+5323, U+532a, U+532f, U+5339, U+533f-5341, U+5343-5344, U+5347-534a, U+534d, U+5351-5354, U+535a, U+535c, U+535e, U+5360, U+5366, U+5368, U+536f-5371, U+5374-5375, U+5377, U+537d, U+537f, U+5384, U+5393, U+5398;
}
/* [92] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.92.woff2) format("woff2");
  unicode-range: U+4f43, U+4f46-4f48, U+4f4d-4f51, U+4f55, U+4f59-4f5a, U+4f69, U+4f6f-4f70, U+4f73, U+4f76, U+4f7a, U+4f7e-4f7f, U+4f81, U+4f83-4f84, U+4f86, U+4f88, U+4f8a-4f8b, U+4f8d, U+4f8f, U+4f91, U+4f96, U+4f98, U+4f9b, U+4f9d, U+4fae-4faf, U+4fb5-4fb6, U+4fbf, U+4fc2-4fc4, U+4fc9-4fca, U+4fce, U+4fd1, U+4fd3-4fd4, U+4fd7, U+4fda, U+4fdf-4fe0, U+4fee-4fef, U+4ff1, U+4ff3, U+4ff5, U+4ff8, U+4ffa, U+5002, U+5006, U+5009, U+500b, U+500d, U+5011-5012, U+5016, U+5019-501a, U+501c, U+501e-501f, U+5021, U+5023-5024, U+5026-5028, U+502a-502d, U+503b, U+5043, U+5047-5049, U+504f, U+5055, U+505a, U+505c, U+5065, U+5074-5076, U+5078, U+5080, U+5085, U+508d, U+5091, U+5098-5099, U+50ac-50ad, U+50b2-50b3, U+50b5, U+50b7, U+50be, U+50c5, U+50c9-50ca, U+50d1, U+50d5-50d6, U+50da, U+50de, U+50e5, U+50e7, U+50ed, U+50f9, U+50fb, U+50ff-5101, U+5104, U+5106, U+5109, U+5112, U+511f, U+5121, U+512a, U+5132, U+5137, U+513a, U+513c, U+5140-5141, U+5143-5148, U+514b-514e, U+5152, U+515c, U+5162, U+5169-516b, U+516d;
}
/* [93] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.93.woff2) format("woff2");
  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;
}
/* [94] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.94.woff2) format("woff2");
  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;
}
/* [95] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.95.woff2) format("woff2");
  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;
}
/* [96] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.96.woff2) format("woff2");
  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;
}
/* [97] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.97.woff2) format("woff2");
  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;
}
/* [98] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.98.woff2) format("woff2");
  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;
}
/* [99] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.99.woff2) format("woff2");
  unicode-range: U+81-82, U+84, U+a2-a5, U+a7-a8, U+aa, U+ac-ad, 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;
}
/* [100] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.100.woff2) format("woff2");
  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;
}
/* [101] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.101.woff2) format("woff2");
  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;
}
/* [102] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.102.woff2) format("woff2");
  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;
}
/* [103] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.103.woff2) format("woff2");
  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;
}
/* [104] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.104.woff2) format("woff2");
  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;
}
/* [105] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.105.woff2) format("woff2");
  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;
}
/* [106] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.106.woff2) format("woff2");
  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;
}
/* [107] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.107.woff2) format("woff2");
  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;
}
/* [108] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.108.woff2) format("woff2");
  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;
}
/* [109] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.109.woff2) format("woff2");
  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;
}
/* [110] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.110.woff2) format("woff2");
  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;
}
/* [111] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.111.woff2) format("woff2");
  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;
}
/* [112] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.112.woff2) format("woff2");
  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;
}
/* [113] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.113.woff2) format("woff2");
  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;
}
/* [114] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.114.woff2) format("woff2");
  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;
}
/* [115] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.115.woff2) format("woff2");
  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;
}
/* [116] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.116.woff2) format("woff2");
  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;
}
/* [117] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.117.woff2) format("woff2");
  unicode-range: U+d, U+48, 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;
}
/* [118] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.118.woff2) format("woff2");
  unicode-range: U+39, U+49, U+4d-4e, U+a0, 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;
}
/* [119] */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_z-7rJxHVIsPV5MbNO2rV2_va-Nv6p.119.woff2) format("woff2");
  unicode-range: U+20-22, U+27-2a, U+2c-38, U+3a-3b, U+3f, U+41-47, U+4a-4c, U+4f-5d, U+61-7b, U+7d, U+a1, U+ab, U+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;
}
/* latin */
@font-face {
  font-family: "Nanum Gothic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nanumgothic/v23/PN_3Rfi-oW3hYwmKDpxS7F_D-dje.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+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ************************************** *
 * Noto Sans Korean
 * ************************************** */
html, body {
  font-family: "Noto Sans KR", sans-serif;
  -webkit-font-smoothing: antialiased;
}

* {
  font-family: inherit;
}
/* ************************************** *
 * Noto Sans Korean
 * ************************************** */
html, body {
  font-family: "Noto Sans KR", sans-serif;
  -webkit-font-smoothing: antialiased;
}

* {
  font-family: inherit;
}
@charset "UTF-8";
/* Layout Init */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  width: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {
  margin: 0;
  padding: 0;
}

/* Border */
fieldset, img {
  border: 0 none;
}

textarea:focus {
  outline: none;
}

button:focus {
  outline: none;
}

input:focus {
  outline: none;
}

/* List Style */
dl, ul, ol, menu, li {
  list-style: none;
}

/* Fonts Init */
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

a:active {
  background-color: transparent;
}

a:focus, select:focus {
  outline: none;
}

button {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-size: inherit;
}

button:hover {
  text-decoration: none;
  color: inherit;
}

button:active {
  background-color: transparent;
}

html, body, header, footer, a, h1, h2, h3, h4, h5, h6, div, nav, ul, ol, table, tr, td, li, article, section, p, button, input, textarea, select, span, pre, i {
  color: inherit;
}

/* Fonts Style */
address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal;
}

/* Images */
img {
  max-width: 100%;
  vertical-align: bottom;
}

/* Components */
input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

/* Safari border-radius 해제*/
input::-webkit-input-placeholder {
  color: #bdbdbd;
}
input::-moz-placeholder {
  color: #bdbdbd;
}
input:-ms-input-placeholder {
  color: #bdbdbd;
}
input::-ms-input-placeholder {
  color: #bdbdbd;
}
input::placeholder {
  color: #bdbdbd;
}

input:focus {
  outline: none;
}

button {
  background: transparent;
  border: none;
  outline: none;
  border: none;
}

select {
  border: none;
  background: transparent;
  color: #fff;
}
@media screen and (max-width: 1250px) {
  .games_content .section_game .sec_wrapper .sec_item .sec_content .item .img {
    height: auto !important;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
    color: inherit !important;
    left: 50% !important;
    position: absolute;
    -webkit-transform: translateX(-50%) !important;
            transform: translateX(-50%) !important;
    white-space: normal !important;
  }
}
@media screen and (max-width: 1024px) {
  .inner {
    padding: 0 4.67vw;
  }
}
@media only screen and (max-width: 820px) {
  .error-msg {
    font-size: 0.75em !important;
  }

  .list {
    max-height: 37vh;
    /*/ / or whatever the height you want*/
  }

  .nice-select.open .list {
    overflow-y: scroll !important;
  }
}
@media only screen and (min-width: 820px) {
  .list {
    max-height: 38vh;
    /*/ / or whatever the height you want*/
  }

  .nice-select.open .list {
    overflow-y: scroll !important;
  }
}
@media only screen and (min-width: 721px) {
  .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
    font-size: 14px;
    position: relative;
    left: initial !important;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .desc {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .section_game .sec_wrapper .sec_item .sec_content .item .desc {
    margin-top: 12px;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
    font-size: 15px;
  }
}
@media screen and (max-width: 550px) {
  .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
    font-size: 3.4vw !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
#alert-popup-overlay {
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
  background-color: rgba(0, 0, 0, 0.6);
}

#alert-popup-overlay.active {
  z-index: 22;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}
/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
  margin: 0;
  padding: 0;
  overflow: hidden;
  /*Avoid flicker on slides transitions for mobile phones #336 */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
  position: relative;
  -webkit-box-sizing: border-box;
  /* Safari<=5 Android<=3 */
  /* <=28 */
  box-sizing: border-box;
}

.fp-slide {
  float: left;
}

.fp-slide, .fp-slidesContainer {
  height: 100%;
  display: block;
}

.fp-slides {
  z-index: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  /* Safari<=6 Android<=4.3 */
  transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fp-tableCell {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.fp-slidesContainer {
  float: left;
  position: relative;
}

.fp-controlArrow {
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
  position: absolute;
  z-index: 4;
  top: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  margin-top: -38px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
  left: 15px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
  right: 15px;
  border-width: 38.5px 0 38.5px 34px;
  border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
  overflow: hidden;
  position: relative;
}

.fp-scroller {
  overflow: hidden;
}

.iScrollIndicator {
  border: 0 !important;
}

.fp-notransition {
  -webkit-transition: none !important;
  transition: none !important;
}

#fp-nav {
  position: fixed;
  z-index: 100;
  margin-top: -32px;
  top: 50%;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
  right: 17px;
}

#fp-nav.left {
  left: 17px;
}

.fp-slidesNav {
  position: absolute;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  left: 0 !important;
  right: 0;
  margin: 0 auto !important;
}

.fp-slidesNav.bottom {
  bottom: 17px;
}

.fp-slidesNav.top {
  top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
  display: block;
  width: 14px;
  height: 13px;
  margin: 7px;
  position: relative;
}

.fp-slidesNav ul li {
  display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
  height: 12px;
  width: 12px;
  margin: -6px 0 0 -6px;
  border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
  border-radius: 50%;
  position: absolute;
  z-index: 1;
  height: 4px;
  width: 4px;
  border: 0;
  background: #333;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px;
  -webkit-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
  width: 10px;
  height: 10px;
  margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
  position: absolute;
  top: -2px;
  color: #fff;
  font-size: 14px;
  font-family: arial, helvetica, sans-serif;
  white-space: nowrap;
  max-width: 220px;
  overflow: hidden;
  display: block;
  opacity: 0;
  width: 0;
  cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
  -webkit-transition: opacity 0.2s ease-in;
  transition: opacity 0.2s ease-in;
  width: auto;
  opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
  right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
  left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
  height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
  height: auto !important;
}
@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
@font-face {
  font-family: "FontAwesome";
  src: url(../static/fonts/fontawesome-webfont.674f50d2.eot);
  src: url(../static/fonts/fontawesome-webfont.674f50d2.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../static/fonts/fontawesome-webfont.af7ae505.woff2) format("woff2"), url(../static/fonts/fontawesome-webfont.fee66e71.woff) format("woff"), url(../static/fonts/fontawesome-webfont.b06871f2.ttf) format("truetype"), url(../static/img/fontawesome-webfont.912ec66d.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571429em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: 0.3em;
}

.fa.fa-pull-right {
  margin-left: 0.3em;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: 0.3em;
}

.fa.pull-right {
  margin-left: 0.3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before, .fa-close:before, .fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before, .fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before, .fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before, .fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before, .fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before, .fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before, .fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before, .fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before, .fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before, .fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before, .fa-users:before {
  content: "";
}

.fa-chain:before, .fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before, .fa-scissors:before {
  content: "";
}

.fa-copy:before, .fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before, .fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before, .fa-sort:before {
  content: "";
}

.fa-sort-down:before, .fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before, .fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before, .fa-undo:before {
  content: "";
}

.fa-legal:before, .fa-gavel:before {
  content: "";
}

.fa-dashboard:before, .fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before, .fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before, .fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before, .fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before, .fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before, .fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before, .fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before, .fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before, .fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before, .fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before, .fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before, .fa-usd:before {
  content: "";
}

.fa-rupee:before, .fa-inr:before {
  content: "";
}

.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
  content: "";
}

.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
  content: "";
}

.fa-won:before, .fa-krw:before {
  content: "";
}

.fa-bitcoin:before, .fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before, .fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before, .fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before, .fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before, .fa-bank:before, .fa-university:before {
  content: "";
}

.fa-mortar-board:before, .fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before, .fa-car:before {
  content: "";
}

.fa-cab:before, .fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before, .fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before, .fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before, .fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before, .fa-resistance:before, .fa-rebel:before {
  content: "";
}

.fa-ge:before, .fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before, .fa-weixin:before {
  content: "";
}

.fa-send:before, .fa-paper-plane:before {
  content: "";
}

.fa-send-o:before, .fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before, .fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before, .fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before, .fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before, .fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before, .fa-battery:before, .fa-battery-full:before {
  content: "";
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before, .fa-battery-half:before {
  content: "";
}

.fa-battery-1:before, .fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before, .fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before, .fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before, .fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before, .fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
  content: "";
}

.fa-fa:before, .fa-font-awesome:before {
  content: "";
}

.fa-handshake-o:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-o:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-book-o:before {
  content: "";
}

.fa-vcard:before, .fa-address-card:before {
  content: "";
}

.fa-vcard-o:before, .fa-address-card-o:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-circle-o:before {
  content: "";
}

.fa-user-o:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-drivers-license:before, .fa-id-card:before {
  content: "";
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-thermometer-4:before, .fa-thermometer:before, .fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
  content: "";
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-bathtub:before, .fa-s15:before, .fa-bath:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-times-rectangle:before, .fa-window-close:before {
  content: "";
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-eercast:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-snowflake-o:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e8e8e8;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.nice-select:hover {
  border-color: #dbdbdb;
}

.nice-select:active, .nice-select.open, .nice-select:focus {
  border-color: #999;
}

.nice-select:after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 5px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 5px;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1) translateY(0);
  transform: scale(1) translateY(0);
}

.nice-select.disabled {
  border-color: #ededed;
  color: #999;
  pointer-events: none;
}

.nice-select.disabled:after {
  border-color: #cccccc;
}

.nice-select.wide {
  width: 100%;
}

.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.nice-select.right {
  float: right;
}

.nice-select.right .list {
  left: auto;
  right: 0;
}

.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}

.nice-select.small:after {
  height: 4px;
  width: 4px;
}

.nice-select.small .option {
  line-height: 34px;
  min-height: 34px;
}

.nice-select .list {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
          box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 4px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transform: scale(0.75) translateY(-21px);
  transform: scale(0.75) translateY(-21px);
  -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  z-index: 9;
}

.nice-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

.nice-select .option {
  cursor: pointer;
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #f6f6f6;
}

.nice-select .option.selected {
  font-weight: bold;
}

.nice-select .option.disabled {
  background-color: transparent;
  color: #999;
  cursor: default;
}

.no-csspointerevents .nice-select .list {
  display: none;
}

.no-csspointerevents .nice-select.open .list {
  display: block;
}
/*! jQuery UI - v1.13.2 - 2022-11-09
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc( 100% - 2.4em );
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
          box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
          filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: bold;
}

.ui-widget-header a {
  color: #333;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  -webkit-box-shadow: 0 0 3px 1px #5e9ed6;
          box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon {
  background-image: url(../static/img/ui-icons_444444_256x240.66f8f0b2.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../static/img/ui-icons_444444_256x240.66f8f0b2.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
  background-image: url(../static/img/ui-icons_555555_256x240.cf8d7ac8.png);
}

.ui-state-active .ui-icon, .ui-button:active .ui-icon {
  background-image: url(../static/img/ui-icons_ffffff_256x240.9a633457.png);
}

.ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon {
  background-image: url(../static/img/ui-icons_777620_256x240.9006849c.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(../static/img/ui-icons_cc0000_256x240.4efd6b0e.png);
}

.ui-button .ui-icon {
  background-image: url(../static/img/ui-icons_777777_256x240.2a3fd13c.png);
}

.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  -ms-filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}
#confirm {
  background-color: #202934;
  margin-top: 18%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 490px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 5px;
  border: 0px !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-animation: zoomIn 0.3s;
          animation: zoomIn 0.3s;
}

@-webkit-keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zoomIn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
#confirm .rp-no {
  background: #dd3333;
}

#confirm .rp-no:hover {
  background: #dd3333;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

#confirm .rp-yes {
  background: #2f8b24;
}

#confirm .rp-yes:hover {
  background: #2f8b24;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1)));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}

#confirm button {
  display: inline-block;
  margin-bottom: 10%;
  font-size: 14px;
  padding: 0.625em 1.1em;
  font-weight: bold;
  color: #fff;
  width: 75px;
  text-align: center;
  height: 42px;
  cursor: pointer;
  border-radius: 0.25em;
  border: 0px !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#33ccff), to(#2a93d5));
  background: linear-gradient(180deg, #33ccff 0%, #2a93d5 100%);
  color: #ffffff !important;
  border: 1px solid #2a93d5;
}

#confirm button:hover {
  background: #009cff;
}

#confirm .message {
  text-align: center;
  padding-top: 3%;
  padding-bottom: 3%;
  font-size: 14px;
  font-weight: 400;
}

#confirm > div.addMsg {
  padding-bottom: 6%;
  color: #ffffff;
}

#confirm > div.addMsg > ul.info_links {
  display: grid;
  grid-template-columns: 25% 2% 25%;
  margin-bottom: 0;
  font-size: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#confirm > div.addMsg > ul.info_links > li {
  margin-right: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#confirm > div.addMsg > ul.info_links > li > img {
  margin-right: 0px;
  margin-top: 0px;
  -o-object-fit: contain;
     object-fit: contain;
}

#confirm > div.addMsg > ul.info_links > li > span > a {
  color: #ffffff;
  font-size: 15px;
  font-family: "Nanum Gothic" !important;
  font-weight: 400;
}

#confirm > div.addMsg > ul.info_links > li > a {
  color: #ffffff;
  font-size: 15px;
  font-family: "Nanum Gothic" !important;
  font-weight: 400;
}

#confirm .close {
  height: 48px;
  margin-right: 6%;
  background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#303030));
  background: linear-gradient(180deg, #646464 0%, #303030 100%);
  border: 1px solid #6c757d;
}

#confirm .close:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#303030));
  background: linear-gradient(180deg, #646464 0%, #303030 100%);
  border: 1px solid #6c757d;
}

/* Center the modal in mobile view */
@media screen and (max-width: 500px) {
  #confirm {
    margin-top: 35vh;
    max-width: 320px;
  }

  #confirm > div.addMsg > ul.info_links {
    grid-template-columns: 40% 2% 40%;
  }
}
.message {
  color: #fff;
  text-align: center;
  margin: 10px;
  font-weight: 600;
}

.icon-warning {
  background-color: #212124;
  height: auto;
  border-top-right-radius: 11px;
  padding: 13px;
  border-bottom: 1px solid #575757;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

.warning-header {
  color: #fff;
  font-size: 16px;
}

.alert-column {
  background-color: transparent;
  height: 45px;
  border-top-right-radius: 11px;
  padding: 13px;
  border-bottom: 1px solid #575757;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

.alert-column .alert-header {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  float: left;
}

.alert-column .alert-close-icon {
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  float: right;
}

#confirm2 {
  background-color: #212124;
  margin-top: 150px;
  border: 1px solid #aaa;
  position: fixed;
  width: 470px;
  height: 280px;
  left: 45%;
  margin-left: -100px;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#confirm2 button {
  display: inline-block;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  margin-bottom: 6%;
  border: none;
  font-size: 21px;
  padding: 5px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  width: 190px;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  background: -webkit-gradient(linear, left top, left bottom, from(#e8b97f), to(#d98b2b));
  background: linear-gradient(180deg, #e8b97f 0%, #d98b2b 100%);
  color: #ffffff !important;
  border: 1px solid #d98b2b;
}

#confirm2 .message2 {
  color: #fff;
  text-align: center;
  margin: 10px;
}

.message2 {
  text-align: center;
}

.icon-check {
  padding-top: 20px;
}

.check-header2 {
  color: #f55c54;
  font-size: 40px;
}

.confirm3 .message3 {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
}

.message3 {
  text-align: center;
}

.icon-info {
  padding-top: 10%;
}

.info-header {
  color: #f55c54;
  font-size: 40px;
  padding-top: 20px;
}

.close {
  float: right;
  margin: 10px 21px;
  font-size: 30px;
}

/* Customized Delete Message */
#delete {
  background-color: #212124;
  margin-top: 280px;
  width: 490px;
  height: 235px;
  margin: 15% auto 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 0px;
  border: 0px !important;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14) 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#delete .customized-close {
  background: -webkit-gradient(linear, left top, left bottom, from(#646464), to(#303030));
  background: linear-gradient(180deg, #646464 0%, #303030 100%);
  border: 1px solid #6c757d;
}

#delete button {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 0px;
  border: 0px !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#e8b97f), to(#d98b2b));
  background: linear-gradient(180deg, #e8b97f 0%, #d98b2b 100%);
  border: 1px solid #e1574c;
  padding: 5px 70px;
}

.header-close {
  background-color: #212124;
  height: auto;
  border-top-right-radius: 11px;
  padding: 13px;
  border-bottom: 1px solid #575757;
  width: 90%;
  margin: 0 auto;
  text-align: left;
}

.icon-close {
  color: #fff;
  font-size: 16px;
  margin-left: 412px;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  #delete {
    margin-top: 35vh;
    max-width: 320px;
  }

  #delete button {
    padding: 3px 35px;
    font-size: 15px;
  }
}
.grid-container {
  padding: 1rem;
}

.grid-container .msg {
  padding: 0 1rem;
  width: 100%;
  text-align: center;
  line-height: normal;
}

.grid-container .title {
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  font-family: "Nanum Gothic";
  font-weight: 600;
  margin-bottom: 10px;
}

.grid-container .text {
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 10px;
}
/*
*
|  Page Name       : recent.css
|  Description     : css created for additional styles
|  Created by      : kaz
|  Date Created    : 2023
|  Last Update by  : kaz
|  Last update     : August 2,2023
*
*/
/** Default Styles */
/** header big event button */
.link-glow, .link-glow > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  gap: 5px;
  min-width: 110px;
  max-width: 165px;
  color: #fff;
}

.link-glow::after, .link-glow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 5px;
}

.link-glow {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 160px;
  height: 40px;
  border-radius: 5px;
}

.link-glow > span {
  position: absolute;
  top: 2px;
  left: 3px;
  right: 2px;
  bottom: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background: #1d1f2b;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.link-glow > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 10;
  border-radius: 5px;
}

.link-glow::before {
  background: linear-gradient(45deg, #c0392b, #f39c12, #f1c40f, #2ecc71, #3498db, #2980b9, #9b59b6, #8e44ad, #c0392b, #f39c12, #f1c40f, #2ecc71, #3498db, #2980b9, #9b59b6, #8e44ad);
  background-size: 400%;
  -webkit-transition: 2.5s;
  transition: 2.5s;
  -webkit-animation: 20s linear infinite animateBorder;
          animation: 20s linear infinite animateBorder;
}

.link-glow::after {
  background-size: 400%;
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: 20s infinite animateBorder;
          animation: 20s infinite animateBorder;
}

@-webkit-keyframes animateBorder {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
}

@keyframes animateBorder {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
}
.big-event-header-mob .link-glow {
  display: none;
}

/** Hide in Desktop */
/** big event */
#bigevent > .inner.image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  width: 100%;
}

#bigevent > .inner.image-wrapper > .btn-wrapper {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#bigevent > .inner.image-wrapper > .btn-wrapper > a {
  font-size: 1.5vw;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}

#bigevent > .inner.image-wrapper > .btn-wrapper > a > span.event-txt {
  text-shadow: 0 0 0.2rem #f40, 0 0 0.4rem #f40, 0 0 0.6rem #f40, 0 0 0.8rem #f40, 0 0 1rem #f40;
}

.link-glow-large, .link-glow-large > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 2.5vw;
  gap: 5px;
  color: #fff;
}

.link-glow-large::after, .link-glow-large::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 5px;
}

.link-glow-large {
  position: relative;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 800px;
  height: 100px;
  border-radius: 5px;
}

.link-glow-large > span {
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  background: #1d1f2b;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
}

.link-glow-large > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: rgba(255, 255, 255, 0.1);
  z-index: 10;
  border-radius: 5px;
}

.link-glow-large::before {
  background: linear-gradient(45deg, #c0392b, #f39c12, #f1c40f, #2ecc71, #3498db, #2980b9, #9b59b6, #8e44ad, #c0392b, #f39c12, #f1c40f, #2ecc71, #3498db, #2980b9, #9b59b6, #8e44ad);
  background-size: 400%;
  -webkit-transition: 2.5s;
  transition: 2.5s;
  -webkit-animation: 20s linear infinite animateBorder;
          animation: 20s linear infinite animateBorder;
}

.link-glow-large::after {
  background-size: 400%;
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-animation: 20s infinite animateBorder;
          animation: 20s infinite animateBorder;
}

@keyframes animateBorder {
  0%, 100% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
}
/** Link Event Button */
.link-glow2 {
  position: relative;
  padding: 0px;
  -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.4);
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0px;
  overflow: hidden;
  border-radius: 5px;
  width: 160px;
  height: 40px;
  text-align: center;
  margin: 2px;
  font-size: 14px;
}

.link-glow2 span:first-child {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(45deg, #9b59b6, #8e44ad, #c0392b, #f39c12, #f1c40f, #3498db, #2980b9, #8e44ad);
  -webkit-animation: 2s linear infinite animate1;
          animation: 2s linear infinite animate1;
}

@-webkit-keyframes animate1 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes animate1 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
.link-glow2 span:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#8e44ad), to(#8e44ad));
  background: linear-gradient(to bottom, #8e44ad, #8e44ad);
  -webkit-animation: 2s linear 1s infinite animate2;
          animation: 2s linear 1s infinite animate2;
}

@-webkit-keyframes animate2 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes animate2 {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
.link-glow2 span:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(45deg, #9b59b6, #8e44ad, #c0392b, #f39c12, #f1c40f, #3498db, #2980b9, #8e44ad);
  -webkit-animation: 2s linear infinite animate3;
          animation: 2s linear infinite animate3;
}

@-webkit-keyframes animate3 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes animate3 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.link-glow2 span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: -webkit-gradient(linear, left bottom, left top, from(#8e44ad), to(#8e44ad));
  background: linear-gradient(to top, #8e44ad, #8e44ad);
  -webkit-animation: 2s linear 1s infinite animate4;
          animation: 2s linear 1s infinite animate4;
}

@-webkit-keyframes animate4 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes animate4 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.link-glow2 > p {
  text-align: center;
  margin-top: 10px;
}

/** ========================================================================================================================================== **/
/** Media Queries */
@media screen and (max-width: 370px) {
  .big-event-header-mob {
    display: none;
  }

  /** Avoid overlap */
  .big-event-header-mob.logged-in {
    display: none;
  }

  /** Avoid overlap */
  .big-event-header-mob.logged-out {
    display: none;
  }

  /** Avoid overlap */
}
@media screen and (max-width: 720px) {
  /** big event */
  .link-glow-large, .link-glow-large > span {
    font-size: 5.5vw;
  }

  .big-event-header-mob.logged-in {
    margin-right: 10px;
  }

  .big-event-header-mob .link-glow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: middle;
    width: 120px;
    height: 30px;
    min-width: 120px;
    max-width: 120px;
  }

  /** Display on Header Mobile Center */
  .big-event-header-mob .link-glow, .big-event-header-mob .link-glow > span {
    font-size: 10px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 2000px) {
  .link-glow-large, .link-glow-large > span, #bigevent > .inner.image-wrapper > .btn-wrapper > a {
    font-size: 2rem;
  }
}
@charset "UTF-8";
/*
*
|  Page Name       : app.css
|  Description     : css created for global use
|  Created by      : ms
|  Date Created    : 2023
|  Last Update by  : ms
|  Last update     : May 5, 2023
*
*/
/* @import url("https://fonts.googleapis.com/css2?family=Nanum+Gothic&display=swap"); */
/* Official TOP Color */
:root {
  --color-1: #313447;
  --color-2: #1d1f2b;
  --color-3: #282a37;
  --color-4: #202430;
  --color-5: #FFCC33;
  --color-6: #943C3C;
  --color-7: #33cccc;
  --color-8: #1d1f2b;
  --color-9: #925fff;
  --color-10: #7332fe;
  --color-11: #7332fe;
  --color-12: #84868e;
  --color-13: #898193;
  --color-14: #1d1f2b;
  --color-15: #313447;
  /* --color-15: #7332fe; for bubble button border */
  --color-16: #3a3e55;
  --color-17: #7332fe;
  --color-18: #1d1f2b;
  /* --color-18: #313447; for chat */
  --color-19: #282a37;
  --color-20: #1d1f2b;
  --color-21: #6280a7;
  --color-22: #a1afce;
  --color-23: #3b3042;
  --color-24: #4c305a;
  --color-25: #23162A;
  --color-26: #051d2c;
  --color-27: #254460;
  --color-28: #45b845;
  --color-29: #313447;
  --color-30: #d93835;
  --color-31: #2d59b3;
  --color-32: #9cff73;
  --color-33: #ffe88e;
  --color-34: #92cdf3;
  --color-35: #373a40;
  --color-36: #7332fe;
  --color-37: #7332fe;
  --color-38: #0f111a;
  --color-39: #7332fe;
  --color-40: #2c1b34;
  --color-41: #4d1c65;
  --color-42: #2b1a33;
  --color-43: #3b3042;
  --color-44: #202330;
  --color-45: #7332fe;
  --color-46: #313447;
  --color-47: #2c1b34;
  --color-48:#202330;
  --color-49:#313447;
  --color-50:#7332fe;
  --color-51:#4a4f72;
  --color-52:#a1afce;
  --color-53: #23272b;
  --color-54: #282a37;
  --color-55:#31344791;
  --color-56:#282a37;
  --color-57:#313447;
  --color-58: #252837;
  --color-59: #313447;
  --color-60: #202430;
  --color-61: #303242;
  --color-62: #303346;
  --color-63: #925fff;
  --color-64: #3a1884;
  --color-65: #3a3e55;
  --color-66: #3e3d64;
  --color-67: #0f1119;
  --color-68: #1d1f2a;
  --color-69: #323446;
  --color-70: #6b36f4;
  --color-71: #bcbcbc;
  --color-72: #84868e;
  --color-73: #23272b;
  --color-210-1: #580ADE;
  --color-210-2: #9448E2;
  --color-210-3: #0D0743;
  --color-210-4: #56338A;
}

/****************************** INITIALIZE ******************************/
/* Layout */
html, body {
  background-color: var(--color-18);
  color: #fff;
}

/* body::-webkit-scrollbar { width: 10px; } 
body::-webkit-scrollbar-thumb { background-color: #bcbcbc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent; } 
body::-webkit-scrollbar-track { background-color: none; border-radius: 10px; box-shadow: inset 0px 0px 5px white; }  */
.not_scroll {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}

::-webkit-scrollbar-thumb {
  background-color: #bcbcbc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

::-webkit-scrollbar-track {
  background-color: none;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 0px 5px white;
          box-shadow: inset 0px 0px 5px white;
}

/****************************** UI KIT ******************************/
/* Dim Layer */
.dim_07 {
  background: rgba(0, 0, 0, 0.7);
}

.dim_05 {
  background: rgba(0, 0, 0, 0.5);
}

.dim_01 {
  background: rgba(0, 0, 0, 0.1);
}

/* Button */
.btn-primary {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 240px;
  height: 54px;
  border: 1px solid #a0a0a0;
  border-radius: 28px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  color: #fff;
  -webkit-transition: background-color 0.35s, border-color 0.35s, color 0.35s;
  transition: background-color 0.35s, border-color 0.35s, color 0.35s;
}

.btn-primary::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: border-color 0.35s;
  transition: border-color 0.35s;
}

.btn-primary:hover {
  color: #000;
}

.btn-primary:hover::after {
  border-color: #000;
}

.btn-secondary {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
  height: 54px;
  border: 1px solid #a0a0a0;
  border-radius: 28px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.6;
  text-align: center;
  color: #000;
  -webkit-transition: background-color 0.35s, border-color 0.35s, color 0.35s;
  transition: background-color 0.35s, border-color 0.35s, color 0.35s;
}

/* .btn-secondary:hover {background-color: #000; color: #fff;} */
.btn-secondary:hover {
  color: #fff;
}

@media screen and (max-width: 720px) {
  .btn-primary {
    width: 66.66vw;
    height: 15vw;
    font-size: 5.55vw;
    border-radius: 7.5vw;
  }

  .btn-secondary {
    width: 50vw;
    height: 15vw;
    font-size: 5.55vw;
    border-radius: 7.5vw;
    line-height: 1.6;
  }
}
.bg-color-1 {
  background-color: var(--color-2) !important;
}

.bg-color-2 {
  background-color: var(--color-60) !important;
}

.bg-color-3 {
  background-color: var(--color-60) !important;
}

.bg-color-4 {
  background-color: var(--color-60) !important;
}

.bg-color-5 {
  background-color: var(--color-18) !important;
}

.color-win {
  color: #45b845 !important;
}

.color-lose {
  color: #ff6666 !important;
}

.color-tie {
  color: #608df1 !important;
}

.color-gold {
  color: #d5be60 !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-center {
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  text-align: center !important;
}

.hide {
  display: none;
}

input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}

input::placeholder {
  color: rgba(255, 255, 255, 0.3);
}

[type=radio] {
  position: relative;
  vertical-align: middle;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 3px solid var(--color-11);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

[type=radio]:checked {
  border: 3px solid var(--color-11);
}

[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-color: var(--color-11);
  border-radius: 50%;
}

[type=radio]:disabled {
  background-color: lightgray;
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.7;
  cursor: not-allowed;
}

@media screen and (max-width: 720px) {
  [type=radio] {
    width: 16px;
    height: 16px;
    border-width: 2px;
  }

  [type=radio]:checked {
    border-width: 2px;
  }

  [type=radio]:checked::after {
    width: 6px;
    height: 6px;
  }
}
/* #COMMON */
/* layout */
html {
  zoom: 90%;
}

.wrapper {
  min-width: 1176px;
}

.inner {
  position: relative;
  width: 1140px;
  max-width: 100%;
  margin: 0 auto;
}

.view_pc {
  display: block;
}

.view_mobile {
  display: none;
}

#layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

#layer2 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

#layer.active {
  z-index: 15;
  opacity: 1;
  visibility: visible;
}

#layer2.active {
  z-index: 15;
  opacity: 1;
  visibility: visible;
}

#layer3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

#layer3.active {
  z-index: 21;
  opacity: 1;
  visibility: visible;
}

.modal-mask, .modal-mask2, .modal-mask3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.modal-mask.active {
  z-index: 15;
  opacity: 1;
  visibility: visible;
}

.modal-mask2.active {
  z-index: 15;
  opacity: 1;
  visibility: visible;
}

.modal-mask3.active {
  z-index: 21;
  opacity: 1;
  visibility: visible;
}

/* sidebar */
#sidebar {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 0%;
  height: 100dvh;
  z-index: 100;
  background-color: var(--color-67);
  padding: 20px 0;
  -webkit-transition: width 0.1s ease-in-out;
  transition: width 0.1s ease-in-out;
}

#sidebar {
  overflow-y: scroll;
}

#sidebar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#sidebar::-webkit-scrollbar-thumb {
  background-color: var(--color-71);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid transparent;
}

#sidebar::-webkit-scrollbar-track {
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#sidebar.active {
  display: block;
  width: 100%;
}

#sidebar .btn-close_side {
  width: 32px;
}

#sidebar .btn-close_side > img {
  width: 100%;
}

#sidebar .side-logo {
  width: 100%;
  text-align: center;
}

#sidebar .side-logo > img {
  height: 120px;
}

#sidebar .account-info {
  margin-top: 20px;
  background-color: var(--color-68);
  border: 1px solid var(--color-69);
  border-radius: 8px;
  padding: 12px 30px;
}

#sidebar .account-info .ai-status-login .asl-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 12px;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-user {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-user .img {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-user .name {
  font-size: 12px;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-user .name > em {
  font-weight: 700;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-amount {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 12px;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-amount .aa_cash > span {
  font-size: 14px;
  font-weight: 700;
}

#sidebar .account-info .ai-status-login .asl-detail .ad-amount .aa_cash > span:nth-child(2) {
  font-size: 16px;
  font-weight: 400;
  color: var(--color-17);
}

#sidebar .account-info .ai-status-login .asl-detail .ad-amount .aa_point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 8px 12px;
  background-color: var(--color-44);
  border-radius: 8px;
  border: 1px solid var(--color-59);
}

#sidebar .account-info .ai-status-login .asl-detail .ad-amount .aa_point > span {
  font-size: 12px;
}

#sidebar .account-info .asl-button-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

#sidebar .account-info .asl-button-row .asl-button-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

#sidebar .account-info .asl-button-row .asl-button-column .btn_large {
  width: 100%;
  border-radius: 8px;
}

/* #sidebar .account-info.active .ai-status-logout {display: none;}
#sidebar .account-info.active .ai-status-login {display: block;} */
#sidebar .side-menu_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: 25px;
}

#sidebar .side-menu_list .menu {
  width: 100%;
  border-radius: 12px;
  padding: 12px 20px;
}

#sidebar .side-menu_list .menu.bg-color-primary {
  background-color: var(--color-70);
}

#sidebar .side-menu_list .menu.bg-color-third {
  background-color: var(--color-59);
}

#sidebar .side-menu_list .menu > span {
  position: relative;
}

#sidebar .side-menu_list .menu > span .icon-live {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(100% + 12px);
  height: 21px;
}

#sidebar .side-menu_list .menu > span .icon-new {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(100% + 12px);
  height: 30px;
}

/* header */
.event-game-icon {
  width: 20px;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: var(--color-18);
  z-index: 20;
}

header .header-top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1700px;
  max-width: 100%;
  height: 80px;
  margin: 0 auto;
  padding: 0px 180px;
}

.log-info span img {
  height: 55px;
}

header .header-top .log-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

header .header-top .log-info .btn-log {
  font-size: 14px;
  color: #fff;
}

header .header-top .log-info .btn-event {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 180px;
  min-width: 110px;
  max-width: 180px;
  height: 40px;
  background-color: var(--color-17);
  border-radius: 5px;
  font-size: 14px;
  color: #fff;
  gap: 5px;
}

/* header .header-top .log-info .btn-event::before{content: url("/assets/img/icons/kiron-and-leap/kiron-icon.svg"); display: flex; vertical-align: middle; align-content: center; align-items: center; margin: 0px 10px; margin-top: 5px;} */
header .header-top .log-info .social-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

header .header-top .log-info .social-icon {
  width: 25px;
  height: 30px;
}

header .header-top .log-info .social-icon.kakao {
  width: 50px;
  height: 33px;
}

header .header-top .log-info .social-icon.tele-news {
  width: 27px;
}

header .header-top .log-info .social-icon.last {
  margin-right: 12px;
}

header .header-top .btn_sidebar {
  display: none;
}

header .gnb {
  position: relative;
  width: 100%;
  height: 47px;
  background-color: var(--color-59);
  border-bottom: 2px solid var(--color-18);
}

header .gnb .gnb_main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 68px;
  width: 100%;
  height: 100%;
}

header .gnb .gnb_main .all_page {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

header .gnb .gnb_main .all_page > button {
  position: relative;
}

header .gnb .gnb_main .all_page > button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
}

header .gnb .gnb_main .all_page > button > img {
  position: relative;
  width: 42px;
}

header .gnb .gnb_main .all_page .gnb_sub {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  background-color: var(--color-20);
  z-index: 10;
}

header .gnb .gnb_main .all_page .gnb_sub .sub-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 30px 0 30px 75px;
  border-bottom: 3px solid var(--color-59);
}

header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list {
  width: 150px;
  max-width: 100%;
}

header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list .tit {
  margin-bottom: 12px;
}

header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list .tit > span {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}

header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list .menu > a {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-12);
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list .menu > a:hover {
  color: #fff;
}

header .gnb .gnb_main .all_page:hover .gnb_sub {
  display: block;
}

header .gnb .gnb_main .gnb-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
  height: 100%;
}

header .gnb .gnb_main .gnb-list > li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

header .gnb .gnb_main .gnb-list > li > a {
  position: relative;
  opacity: 1;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  will-change: opacity;
}

header .gnb .gnb_main .gnb-list > li.active > a {
  opacity: 1;
}

header .gnb .gnb_main .gnb-list > li:hover > a {
  opacity: 1;
}

header .gnb .gnb_main .gnb-list > li .menu_tit {
  opacity: 0.7;
  -webkit-transition: 0.15s;
  transition: 0.15s;
  will-change: opacity;
  cursor: pointer;
}

header .gnb .gnb_main .gnb-list > li.active .menu_tit {
  opacity: 1;
}

header .gnb .gnb_main .gnb-list > li:hover .menu_tit {
  opacity: 1;
}

header .gnb .gnb_main .gnb-list > li > a .img-marker {
  position: absolute;
  top: -24px;
  right: -35px;
  z-index: 5;
}

header .gnb .gnb_main .gnb-list > li > a .img-marker > img {
  width: 60px;
}

header .gnb .gnb_main .gnb-list > li > a .img-marker2 {
  position: absolute;
  top: -30px;
  right: -5px;
  z-index: 5;
}

header .gnb .gnb_main .gnb-list > li > a .img-marker2 > img {
  width: 35px;
}

header .gnb .gnb_main .gnb-list > li .sub_menu {
  display: none;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 240px;
  background-color: var(--color-44);
  border-bottom: 3px solid var(--color-59);
}

/* header .gnb .gnb_main .gnb-list > li:last-child .sub_menu {display: flex;} */
header .gnb .gnb_main .gnb-list > li .sub_menu .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding-top: 16px;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item {
  cursor: pointer;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item .img {
  position: relative;
  width: 100%;
  aspect-ratio: auto 1/1;
  background-color: var(--color-44);
  border: 1px solid var(--color-62);
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item .img > img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item .img .figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item .img .figcaption > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  display: none;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item:hover .img > img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item:hover .img .figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item:hover .img .figcaption > span {
  opacity: 1;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .item .tit {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

header .gnb .gnb_main .gnb-list > li .sub_menu .item-list .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

header .gnb .gnb_main .gnb-list > li:hover .sub_menu {
  display: block;
}

/* header .header-top .log-info .info-status-login {display: none;} */
header .header-top .log-info .info-status-logout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}

header .header-top .log-info.active .info-status-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 18px;
}

header .header-top .log-info.active .info-status-logout {
  display: none;
}

header .header-top .log-info.active .info-status-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-top .log-info .info-status-login .myinfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header .header-top .log-info .info-status-login .myinfo .level {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.own-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 6px;
  min-width: 50px;
}

.user-balance {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: right;
}

.user-points {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: right;
}

.user-balance > em {
  color: var(--color-9);
}

.user-points > em {
  color: var(--color-5);
}

.btn_down {
  position: relative;
  margin: 0 5px;
  cursor: pointer;
}

.btn_down > img {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
  width: 31px;
}

.btn_down.active > img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.btn_down .dropdown_menu {
  display: none;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 150;
  background-color: var(--color-20);
  border: 1px solid var(--color-15);
  border-radius: 12px;
  width: 330px;
  padding: 20px;
}

.btn_down.active .dropdown_menu {
  display: block;
}

.btn_down .dropdown_menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.btn_down .dropdown_menu > ul > li {
  width: calc((100% / 2) - 5px);
  height: 50px;
}

.btn_down .dropdown_menu > ul > li > a {
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-56);
  border: 1px solid var(--color-15);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}

.btn_down .dropdown_menu > ul > li > a.active {
  color: #fff;
  background-color: var(--color-59);
  border-color: var(--color-59);
}

.btn_down .dropdown_menu > ul > li > a:hover {
  color: #fff;
  background-color: var(--color-59);
  border-color: var(--color-59);
}

.btn_down .dropdown_menu > ul > li > button {
  font-size: 14px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background-color: var(--color-56);
  border: 1px solid var(--color-15);
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.7);
  -webkit-transition: color 0.15s, background-color 0.15s, border-color 0.15s;
  transition: color 0.15s, background-color 0.15s, border-color 0.15s;
}

.btn_down .dropdown_menu > ul > li > button.active {
  color: #fff;
  background-color: var(--color-59);
  border-color: var(--color-59);
}

.btn_down .dropdown_menu > ul > li > button:hover {
  color: #fff;
  background-color: var(--color-59);
  border-color: var(--color-59);
}

.lg-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.lg-btns .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 40px;
  padding: 0 20px;
  border: 1px solid var(--color-36);
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}

header .header-top .log-info .info-status-login .alert {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.user-log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 14px;
}

.user-log .logout {
  color: var(--color-6);
}

/* main */
main {
  min-height: calc(100vh - 90px);
  margin-top: 125px;
  /* padding-bottom: 50px; */
}

/* footer */
footer {
  width: 100%;
  background-color: var(--color-59);
}

footer .fnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 30px 0 30px 75px;
}

footer .fnb .menu-list {
  width: 135px;
  max-width: 100%;
}

footer .fnb .menu-list .tit {
  margin-bottom: 12px;
}

footer .fnb .menu-list .tit > span {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

footer .fnb .menu-list .menu > a {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-12);
  -webkit-transition: color 0.15s;
  transition: color 0.15s;
}

footer .fnb .menu-list .menu > a:hover {
  color: #fff;
}

footer .partners {
  border-top: 1px solid #1f212f;
  padding: 25px 20px;
  overflow: hidden;
}

footer .partners marquee {
  display: none;
}

/* footer .copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px 0;
    background-color: var(--color-18);
    text-align: center;
} */
footer .copyright {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #1d1f2b;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 0;
  text-align: center;
  width: 100%;
}

footer .copyright > span {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-72);
}

footer .copyright p {
  padding-bottom: 12px;
}

#top-partner {
  height: 45px !important;
}

.logoMarqueeSection {
  overflow: hidden;
  border-top: 1px solid var(--color-18);
  padding: 25px 20px;
}

@-webkit-keyframes partner_marquee {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes partner_marquee {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.marquee .item img {
  height: 30px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.marquee .item img.img-top {
  height: 45px;
}

#logoMarqueeSection {
  max-width: 1920px !important;
  margin: 0 auto;
}

div.marquee > .item {
  padding: 0px 20px;
}

.logoMarqueeSection > div > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 40px;
  height: 100%;
}

.marquee-wrapper {
  display: inline-block;
  white-space: nowrap;
}

.marquee {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  position: relative;
  -webkit-transform: translate3d(0%, 0, 0);
          transform: translate3d(0%, 0, 0);
  -webkit-animation-name: marquee;
          animation-name: marquee;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-play-state: running;
          animation-play-state: running;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.marquee-wrapper:hover .marquee {
  -webkit-animation-play-state: paused !important;
          animation-play-state: paused !important;
}

@media screen and (max-width: 720px) {
  .marquee-wrapper:hover .marquee {
    -webkit-animation-play-state: running !important;
            animation-play-state: running !important;
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translate3d(0%, 0, 0);
            transform: translate3d(0%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
.hideThis {
  display: none !important;
}

.big-event-home {
  display: none;
}

/** Hide on Desktop */
/** Big Event */
#mypage > .big-event-info {
  display: none;
}

/** Hide on Desktop */
#deposit > .big-event-info {
  display: none;
}

/** Hide on Desktop */
#tab_table > .big-event-info {
  display: none;
}

/** Hide on Desktop */
#exchange > .big-event-info {
  display: none;
}

/** Hide on Desktop */
#chat > .big-event-info {
  display: none;
}

/** Hide on Desktop */
/** End Big Event */
/* app-footer */
.app-footer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 13.23vw;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 4.67vw;
  background-color: var(--color-59);
  z-index: 10;
}

.app-footer .app-menu {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6vw;
  height: 100%;
  text-align: center;
  cursor: pointer;
}

.app-footer .app-menu .menu-icon {
  width: 6vw;
  height: 6vw;
  border-radius: 50%;
}

.app-footer .app-menu .menu-tit {
  font-size: 1.6vw;
  font-weight: 400;
  color: #fff;
}

.floating-menu {
  position: fixed;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
  z-index: 10;
}

.floating-menu .app-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  border-radius: 36px;
  -webkit-transition: border-radius 0.25s;
  transition: border-radius 0.25s;
}

.floating-menu .category1 {
  background-color: var(--color-63);
}

.floating-menu .category2 {
  background-color: var(--color-17);
}

.floating-menu .category3 {
  background-color: var(--color-64);
}

.floating-menu .app-menu .menu-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 50%;
}

.floating-menu .app-menu .menu-tit {
  width: 0;
  opacity: 0;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
  -webkit-transition: width 0.25s, margin 0.25s;
  transition: width 0.25s, margin 0.25s;
}

.floating-menu .app-menu:hover .menu-tit {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 1;
  margin-left: 10px;
  display: block;
}

.floating-menu .chat-menu {
  margin-top: 30px;
}

/* SUB - SIDE */
.floating-side {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.floating-side .sub-floats {
  position: absolute;
  top: 155px;
  left: -40px;
  width: 200px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.floating-side .sub-floats .menu-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin: 20px 0;
}

.floating-side .sub-floats .menu-header .img {
  width: 46px;
  height: 46px;
}

.floating-side .sub-floats .menu-header .img > img {
  width: 100%;
  height: 100%;
}

.floating-side .sub-floats .menu-header .tit > span {
  font-size: 24px;
  font-weight: 400;
  color: #fff;
}

.floating-side .sub-floats .search_bar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 270px;
  height: 40px;
  padding: 0 20px;
  background-color: var(--color-20);
  border: 1px solid var(--color-15);
  border-radius: 5px;
}

.floating-side .sub-floats .search_bar > input {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  border: none;
  background-color: transparent;
}

.floating-side .sub-floats .search_bar > .btn_search {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}

.floating-side .sub-floats .game-list {
  margin-top: 30px;
}

.floating-side .sub-floats .game-list .game_item {
  width: 100%;
}

.floating-side .sub-floats .game-list .game_item .game_tit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border-bottom: 1px solid #150b1c;
  background-color: var(--color-49);
  cursor: pointer;
}

.floating-side .sub-floats .game-list .game_item .game_tit::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background-color: var(--color-11);
}

.floating-side .sub-floats .game-list .game_item .game_tit .tit {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

.floating-side .sub-floats .game-list .game_item .game_tit .cnt {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

.floating-side .sub-floats .game-list .game_item .game_tit .view-icon {
  position: relative;
}

.floating-side .sub-floats .game-list .game_item .game_tit .view-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 12px;
  height: 2px;
  background-color: #fff;
}

.floating-side .sub-floats .game-list .game_item .game_tit .view-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
  width: 2px;
  height: 12px;
  background-color: #fff;
  -webkit-transition: -webkit-transform 0.15s;
  transition: -webkit-transform 0.15s;
  transition: transform 0.15s;
  transition: transform 0.15s, -webkit-transform 0.15s;
}

.floating-side .sub-floats .game-list .game_item.active .game_tit .view-icon::after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}

.floating-side .sub-floats .game-list .game_item .game_menu {
  display: none;
}

.floating-side .sub-floats .game-list .game_item .game_menu .item {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  padding: 0 40px;
  background-color: var(--color-48);
  border-bottom: 1px solid var(--color-2);
}

.floating-side .sub-floats .game-list .game_item .game_menu .item .item_tit {
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

.floating-side .sub-floats .game-list .game_item .game_menu .item .item_tit:hover {
  color: #fff;
}

.floating-side .sub-floats .game-list .game_item .game_menu .item.active .item_tit {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.floating-side .sub-floats .game-list .game_item .game_menu .item .timer {
  font-size: 12px;
  font-weight: 400;
  color: var(--color-7);
}

.floating-side .sub-floats .game-list .game_item .game_menu .item:hover .item_tit {
  color: #fff;
}

.floating-side .sub-floats .game-list .game_item.active .game_menu {
  display: block;
}

.floating-side .sub-floats .game-list .game_item.active .game_tit {
  background-color: var(--color-10);
}

.floating-side .sub-floats .game-list .game_item:hover .game_tit {
  background-color: var(--color-10);
}

/* modal */
.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 480px;
  max-width: 100%;
  padding: 70px 40px 50px;
  background-color: var(--color-3);
  border: 1px solid var(--color-59);
  border-radius: 40px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.modal.active {
  opacity: 1;
  visibility: visible;
  z-index: 2001;
}

.modal .modal_icon {
  position: absolute;
  top: -45px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.modal_inner .modal_tit {
  text-align: center;
  margin-bottom: 40px;
}

.modal_inner .modal_tit > span {
  font-size: 30px;
  font-weight: 500;
  color: #fff;
}

.modal .btn-close_modal {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}

.modal .btn-close_modal > img {
  width: 32px;
  height: 32px;
  cursor: pointer;
}

#modal_post .btn-close_modal {
  border-bottom: 1px solid #434344;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
  padding: 5px 10px;
  position: relative;
  width: 100%;
  top: 0px !important;
  right: 0px !important;
  cursor: auto;
}

.html-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px;
}

.html-text {
  padding: 0px 30px;
  word-break: break-all;
}

.d-none {
  display: none !important;
}

#modal_login {
  width: 610px;
  padding-left: 85px;
  padding-right: 85px;
}

#modal_join {
  width: 750px;
}

#modal_post {
  width: 900px;
  padding: 40px;
  border-radius: 9px;
}

#modal_post .post_content {
  height: 800px;
  overflow-y: auto;
  white-space: pre-line;
}

#modal_post .post_content > img {
  max-width: 100%;
  display: block;
  width: 100%;
  padding-right: 10px;
}

#modal_post .post_content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#modal_post .post_content::-webkit-scrollbar-thumb {
  background-color: var(--color-11);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid var(--color-11);
}

#modal_post .post_content::-webkit-scrollbar-track {
  background-color: rgba(84, 84, 84, 0.7);
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#modal_post .modal_inner {
  height: 800px;
  overflow-y: auto;
  white-space: pre-line;
}

#modal_post .modal_inner::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#modal_post .modal_inner::-webkit-scrollbar-thumb {
  background-color: var(--color-11);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid var(--color-11);
}

#modal_post .modal_inner::-webkit-scrollbar-track {
  background-color: rgba(84, 84, 84, 0.7);
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#modal_games {
  width: calc(100vw - 50px);
  padding: 60px 20px 40px 40px;
}

#modal_games .games_content {
  height: calc(100vh - 110px);
  overflow-y: scroll;
  padding-right: 20px;
  white-space: pre-line;
}

#modal_games .games_content > img {
  max-width: 100%;
}

#modal_games .games_content::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#modal_games .games_content::-webkit-scrollbar-thumb {
  background-color: var(--color-11);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid var(--color-11);
}

#modal_games .games_content::-webkit-scrollbar-track {
  background-color: rgba(84, 84, 84, 0.7);
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#modal_games .games_content .section_game {
  position: unset;
  padding: unset;
  background-color: unset;
}

#modal_games .games_content .section_game .sec_wrapper .sec_item .sec_content .item .img > img {
  width: 100%;
  height: 100%;
}

/* form */
.form_wrapper {
  width: 100%;
}

.form_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 24px;
}

.form_button > button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 212px;
  height: 48px;
  background-color: var(--color-17);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}

.form_button > button:active {
  -webkit-box-shadow: 4px 10px 6px 0 rgba(0, 0, 0, 0.12), -5px -6px 6px 0 rgba(0, 0, 0, 0.09), inset 0px -1px 6px 0 rgba(0, 0, 0, 0.39), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.39);
          box-shadow: 4px 10px 6px 0 rgba(0, 0, 0, 0.12), -5px -6px 6px 0 rgba(0, 0, 0, 0.09), inset 0px -1px 6px 0 rgba(0, 0, 0, 0.39), inset 4px 4px 6px 0 rgba(0, 0, 0, 0.39);
}

.form_option {
  position: relative;
  margin-top: 24px;
  padding-top: 24px;
  text-align: center;
}

.form_option::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 360px;
  height: 2px;
  background-color: var(--color-61);
}

.form_option > p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.form_option > button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 212px;
  height: 48px;
  background-color: var(--color-65);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-top: 12px;
}

.form-login .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  width: 100%;
}

.form-login .form .form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 46px;
  background-color: var(--color-38);
  border: 1px solid var(--color-59);
  border-radius: 24px;
}

.form-login .form .form-input .tit {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 112px;
  height: 100%;
  padding-left: 24px;
}

.form-login .form .form-input .tit::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 60%;
  background-color: var(--color-59);
}

.form-login .form .form-input > input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24px;
  background-color: transparent;
  outline: none;
  border: none;
  color: #fff;
  font-size: 16px;
}

.form-join .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 12px 18px;
}

.form-join .form .form-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  width: calc((100% / 2) - 9px);
}

.form-join .form .form-input .img {
  position: relative;
  top: 6px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 30px;
  height: 30px;
}

.form-join .form .form-input .input-element {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.form-join .form .form-input .input {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 48px;
  background-color: var(--color-38);
  border: 1px solid var(--color-59);
  border-radius: 20px;
  overflow: hidden;
}

.form-join .form .form-input .input.with-btn {
  width: calc(100% - 90px);
}

.form-join .form .form-input .input input {
  width: 100%;
  height: 100%;
  padding: 0 15px;
  background-color: transparent;
  outline: none;
  border: none;
  font-size: 14px;
  color: #fff;
}

.form-join .form .form-input .special input {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  width: 100% !important;
  height: 48px !important;
  background-color: var(--color-20) !important;
  border: 1px solid var(--color-15) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
}

.form-join .form .form-input .special .input > input {
  width: 100% !important;
  height: 100% !important;
  padding: 0 15px !important;
  background-color: transparent !important;
  outline: none !important;
  border: none !important;
  font-size: 14px !important;
  color: #fff !important;
}

.form-join .form .form-input .select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  height: 48px;
  background-color: var(--color-44);
  border: 1px solid var(--color-59);
  border-radius: 20px;
}

.form-join .form .form-input .btn_certify {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 45px;
  background-color: var(--color-17);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.form-join .form .form-input .btn_certify_ok {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80px;
  height: 45px;
  background-color: var(--color-66);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

.form-join .form .form-input .timer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 72px;
  height: 100%;
  border-radius: 0 20px 20px 0;
  background-color: #1d1f2b;
  font-size: 14px;
  color: #909198;
}

.form-join .form .form-input .error {
  border-color: red;
}

.form-join .form .form-input .error-msg {
  display: none;
  font-size: 14px;
  color: red;
  margin-top: 4px;
}

.form-join .form .form-input .error ~ .error-msg {
  display: block;
  width: 100%;
  font-size: 14px;
  color: red;
}

.form-join .bottom_info {
  position: relative;
  top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.form-join .bottom_info .banner {
  width: 340px;
}

.form-join .bottom_info .banner > img {
  width: 95%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.form-join .bottom_info .guide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.form-join .bottom_info .guide > p {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  font-size: 14px;
}

.special {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

/* #PAGES */
/* main */
.tab_header {
  display: none;
}

.section_banner {
  width: 100%;
}

.section_banner .banner-list .item {
  position: relative;
  text-align: center;
  height: 460px;
}

.section_banner .banner-list .item .bg {
  height: 100%;
}

.section_banner .banner-list .item .bg > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section_banner .banner-list .item .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-bottom: 20px;
  text-align: center;
}

.section_banner .banner-list .item .content > h2 {
  font-size: 56px;
  font-weight: 400;
  line-height: 1.12;
  color: #fff;
}

.section_banner .banner-list .item .content > h2 > em {
  font-weight: 700;
}

.section_banner .banner-list .item .content > p {
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
}

.section_banner .banner-list .item .content > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 250px;
  height: 60px;
  background-color: var(--color-11);
  border-radius: 10px;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.section_banner .notice {
  width: 100%;
  height: 45px;
  background-color: var(--color-59);
}

.section_banner .notice .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.section_banner .notice .content .alert {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}

.section_banner .notice .content .alert .marquee2 {
  width: 100%;
  overflow: hidden;
  margin-right: 10px;
}

.section_banner .notice .content .alert span {
  display: block;
  position: relative;
  white-space: nowrap;
  -webkit-animation: marquee2 20s linear infinite;
          animation: marquee2 20s linear infinite;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #fff;
  word-break: break-all;
}

.section_banner .notice .content .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

.section_banner .notice .content .date::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 40%;
  background-color: rgba(255, 255, 255, 0.7);
}

.section_banner .notice .content .date > span {
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

.section_sub_banner {
  width: 100%;
  padding-top: 30px;
}

.section_sub_banner .banner-list .item {
  position: relative;
  height: 460px;
}

.section_sub_banner .banner-list .item .bg {
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
}

.section_sub_banner .banner-list .item .bg > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.section_sub_banner .banner-list .item .content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.section_sub_banner .banner-list .item .content .banner-tit {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 290px;
  height: 64px;
  background-color: var(--color-1);
  border-radius: 0 28px 28px 0;
  padding-left: 50px;
}

.section_sub_banner .banner-list .item .content .banner-tit > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

.section_game {
  position: relative;
  padding: 30px 0;
  background-color: var(--color-2);
  z-index: 0;
}

.section_game .sec_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  width: 100%;
}

.section_game .sec_wrapper .sec_item {
  width: 100%;
}

.section_game .sec_wrapper .sec_item .sec_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.section_game .sec_wrapper .sec_item .sec_head .tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.section_game .sec_wrapper .sec_item .sec_head .tit_line {
  width: 100%;
  height: 1px;
  background-color: var(--color-61);
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 192px;
  height: 28px;
  border: 1px solid var(--color-17);
  border-radius: 12px;
  margin-left: 5px;
  padding: 1px;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  width: 50%;
  height: 100%;
  border-radius: 10px;
  cursor: pointer;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item.active {
  background-color: var(--color-17);
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img {
  width: 14px;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img.default {
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > img.active {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item.active > img.default {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item.active > img.active {
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_head .favorite_menu .favorite_item > span {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
}

/* item - flex */
.section_game .sec_wrapper .sec_item .sec_switch_type .item .img > img {
  height: 100%;
}

.section_game .sec_wrapper .sec_item .sec_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}

.section_game .sec_wrapper .sec_item .sec_content.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.section_game .sec_wrapper .sec_item .sec_content .item {
  position: relative;
  cursor: pointer;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img {
  position: relative;
  width: 100%;
  aspect-ratio: auto 1/1;
  background-color: var(--color-44);
  border: 1px solid var(--color-62);
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img > img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption > span {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img #view {
  opacity: 1 !important;
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption > span > img {
  padding: 15px 0px;
}

.section_game .sec_wrapper .sec_item .sec_content .item:hover .img > img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.section_game .sec_wrapper .sec_item .sec_content .item:hover .img .figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.section_game .sec_wrapper .sec_item .sec_content .item:hover .img .figcaption > span {
  opacity: 1;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_recently {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 25%;
  background: var(--color-1);
  border-radius: 0 0 0 12px;
  cursor: pointer;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_recently > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_recently.active > img.default {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_recently.active > img.active {
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 25%;
  height: 25%;
  background: var(--color-1);
  border-radius: 0 0 0 12px;
  cursor: pointer;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 16px;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite.active > img.default {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite.active > img.active {
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_content .item .desc {
  font-size: inherit;
  text-align: center;
  margin-top: 12px;
}

.section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
  font-size: 15px;
  width: 100%;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img-marker {
  position: absolute;
  top: -14px;
  right: 0;
  z-index: 5;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img-marker > img {
  width: 70px;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img-marker2 {
  position: absolute;
  top: -30px;
  right: 0;
  z-index: 5;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img-marker2 > img {
  width: 50px;
}

.section_game .sec_wrapper .sec_item .sec_content.type_favorite .item .img .is_recently {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content.type_favorite .item .img .is_favorite {
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_content.type_recently .item .img .is_recently {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content.type_recently .item .img .is_favorite {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img img.default {
  display: block;
}

.section_game .sec_wrapper .sec_item .sec_content .item .img img.active {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content .item.active .img img.default {
  display: none;
}

.section_game .sec_wrapper .sec_item .sec_content .item.active .img img.active {
  display: block;
}

.no-selected-data {
  text-align: center;
  white-space: nowrap;
}

.section_game .sec_wrapper.devide_8 .item {
  width: calc((100% / 8) - 9px);
  font-size: 10px;
}

.section_game .sec_wrapper.devide_5 .item {
  width: calc((100% / 5) - 8px);
  font-size: 16px;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) {
  padding-left: calc((100% / 5) - 8px);
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item .item {
  width: 100%;
  font-size: 16px;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(1) {
  width: calc((100% / 5) - 8px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(2) {
  width: calc((100% / 5) - 8px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) {
  width: 100%;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) .sec_head {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) .sec_content {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) .item {
  width: calc((100% / 2) - 8px);
  font-size: 16px;
}

.section_game .sec_wrapper.devide_6 .item {
  width: calc((100% / 6) - 9px);
  font-size: 14px;
}

.section_game .sec_wrapper.devide_auto .sec_item .sec_content .item {
  width: calc(100% / 3);
  max-width: calc((1140px / 6) - 8px);
}

/* item - grid */
.section_game .sec_wrapper .sec_item .sec_content_grid {
  margin-top: 20px;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper {
  display: grid;
  grid-template-columns: repeat(6, calc((100% / 6) - 10px));
  grid-template-rows: 2;
  gap: 10px;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item {
  position: relative;
  cursor: pointer;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img {
  position: relative;
  width: 100%;
  aspect-ratio: auto;
  background-color: var(--color-20);
  border: 1px solid var(--color-29);
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img .figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img .figcaption > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item:hover .img > img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item:hover .img .figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item:hover .img .figcaption > span {
  opacity: 1;
}

.section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .desc {
  font-size: inherit;
  text-align: center;
  margin-top: 16px;
}

.section_game .sec_wrapper .sec_item .item .favorite_type {
  position: absolute;
  top: 6%;
  right: 6%;
  width: 24px;
  height: 24px;
}

.section_game .sec_wrapper .sec_item .item[data-favorite=on] .favorite_type {
  background: url("/static/g2g/icons/social-media/heart_active.svg") center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.section_game .sec_wrapper .sec_item .item[data-favorite=off] .favorite_type {
  background: url("/static/g2g/icons/social-media/heart_default.svg") center center no-repeat;
  background-size: cover;
  opacity: 0.5;
  -webkit-transition: opacity 0.09s ease-in-out;
  transition: opacity 0.09s ease-in-out;
}

.section_game .sec_wrapper .sec_item .item[data-favorite=off] .favorite_type:hover {
  opacity: 1;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-4 .item-wrapper .item:nth-child(1) {
  grid-area: 1/1/3/3;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-4 .item-wrapper .item:nth-child(1) .img {
  height: 407px;
  aspect-ratio: auto;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_4-4-1 .item-wrapper .item:nth-child(5) {
  grid-area: 1/5/3/8;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_4-4-1 .item-wrapper .item:nth-child(5) .img {
  height: 433px;
  aspect-ratio: auto;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-1 .item-wrapper .item:nth-child(1) {
  grid-area: 1/1/3/3;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-1 .item-wrapper .item:nth-child(4) {
  grid-area: 1/5/3/8;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-1 .item-wrapper .item:nth-child(8) {
  grid-area: 2/3/4/5;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-1 .item-wrapper .item:nth-child(1) .img {
  height: 407px;
  aspect-ratio: auto;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-1 .item-wrapper .item:nth-child(4) .img {
  height: 407px;
  aspect-ratio: auto;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_1-4-1 .item-wrapper .item:nth-child(8) .img {
  height: 407px;
  aspect-ratio: auto;
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_2-2-2 .item-wrapper {
  grid-template-columns: repeat(3, calc((100% / 3) - 7px));
}

.section_game .sec_wrapper .sec_item .sec_content_grid.grid_2-2-2 .item-wrapper .item .img {
  height: 177px;
  aspect-ratio: auto;
}

#main #slider_5 .item-wrapper .item:nth-child(1) .img {
  height: 407px;
}

#main #slider_6 .item-wrapper .item:nth-child(5) {
  grid-area: 1/3/3/5;
}

#main #slider_6 .item-wrapper .item:nth-child(5) .img > img {
  height: 403px;
}

/* #slider_8 .item-wrapper .item:nth-child(5) .img { height: 405px; } */
/* banner */
.section_game .sec_wrapper .sec_banner {
  width: 100%;
  margin-top: 30px;
}

.section_game .sec_wrapper .sec_banner .item-banner {
  width: 100%;
  height: 425px;
  background-color: var(--color-20);
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
}

.section_game .sec_wrapper .sec_banner .item-banner .img > img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.section_game .sec_wrapper .sec_banner .item-banner .img .figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section_game .sec_wrapper .sec_banner .item-banner .img .figcaption > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

/* search */
.section_search {
  position: sticky;
  top: 124px;
  padding: 15px 0 12px;
  z-index: 9;
}

.section_search .search-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 60px;
}

.section_search .search-wrapper .game_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 45px;
}

.section_search .search-wrapper .game_list .item {
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
}

.section_search .search-wrapper .game_list .item.active {
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.section_search .search-wrapper .game_list .item.activate_hash {
  text-align: center;
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

.section_search .search-wrapper .game_list .item:hover {
  opacity: 1;
}

.section_search .search-wrapper .game_list .item .img {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 45px;
  height: 45px;
  overflow: hidden;
  /* filter: invert(95%) sepia(100%) saturate(21%) hue-rotate(16deg) brightness(106%) contrast(104%); */
  /* filter: invert(95%) sepia(100%) saturate(21%) hue-rotate(16deg) brightness(106%) contrast(104%); */
}

.section_search .search-wrapper .game_list .item .img > img {
  -webkit-transition: -webkit-filter 0.15s;
  transition: -webkit-filter 0.15s;
  transition: filter 0.15s;
  transition: filter 0.15s, -webkit-filter 0.15s;
  -webkit-filter: invert(65%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(102%) contrast(101%);
          filter: invert(65%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(102%) contrast(101%);
}

.section_search .search-wrapper .game_list .item.active .img > img {
  /* filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); */
  /* filter: invert(0%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%); */
  -webkit-filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
          filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
}

.section_search .search-wrapper .game_list .item.activate_hash > .img > img {
  -webkit-filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
          filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
}

.section_search .search-wrapper .game_list .item:hover .img > img {
  -webkit-filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
          filter: invert(100%) sepia(32%) saturate(2%) hue-rotate(347deg) brightness(110%) contrast(101%);
}

.section_search .search-wrapper .game_list .item .tit {
  text-align: center;
}

.section_search .search-wrapper .game_list .item .tit > span {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}

.section_search .search-wrapper .search_bar {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  height: 40px;
  padding: 0 20px;
  background-color: var(--color-20);
  border: 1px solid #3c3f53;
  border-radius: 5px;
}

.section_search .search-wrapper .search_bar > input {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  border: none;
  background-color: transparent;
}

.section_search .search-wrapper .search_bar > .btn_search {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 10px;
}

/* only-mobile */
.section_mobile {
  display: none;
}

.section_mobile .sec_wrapper .sec_item .sec_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.section_mobile .sec_wrapper .sec_item .sec_head .tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.section_mobile .sec_wrapper .sec_item .sec_head .tit_line {
  width: 100%;
  height: 1px;
  background-color: var(--color-61);
}

.section_mobile .sec_wrapper .sec_item .sec_content {
  position: relative;
  width: 100vw;
  left: -4.67vw;
  padding: 0 4.67vw 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 10px;
  margin-top: 20px;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.section_mobile .sec_wrapper .sec_item .sec_content::-webkit-scrollbar {
  display: none;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item,
.section_mobile .splide__slide {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  width: 44.85vw;
  cursor: pointer;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item .img,
.section_mobile .splide__slide .img {
  position: relative;
  width: 100%;
  height: 21.65vw;
  background-color: var(--color-44);
  border: 1px solid var(--color-62);
  border-radius: 2.33vw;
  -webkit-box-shadow: 0 13px 20px -7px #000;
          box-shadow: 0 13px 20px -7px #000;
  overflow: hidden;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item.active .img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(115, 50, 254, 0.7);
}

.section_mobile .sec_wrapper .sec_item .sec_content .item.active .img,
.section_mobile .splide__slide.is-active .img {
  border: 1px solid var(--color-11);
}

.section_mobile .sec_wrapper .sec_item .sec_content .item .img > img,
.section_mobile .splide__slide .img > img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item .img .figcaption,
.section_mobile .splide__slide .figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item .img .figcaption > span,
.section_mobile .splide__slide .figcaption > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item:hover .img > img,
.section_mobile .splide__slide:hover .img > img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.section_mobile .sec_wrapper .sec_item .sec_content .item:hover .img .figcaption::before,
.section_mobile .splide__slide:hover .img .figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

.section_mobile .sec_wrapper .sec_item .sec_content .item:hover .img .figcaption > span,
.section_mobile .splide__slide:hover .img .figcaption > span {
  opacity: 1;
}

.section_mobile .sec_wrapper .sec_item .sec_content .item .desc,
.section_mobile .splide__slide .desc {
  font-size: inherit;
  text-align: center;
  font-size: 2vw;
  margin-top: 12px;
}

.section_mobile.section_event .sec_wrapper .sec_item .sec_content .item {
  width: 44.85vw;
}

.section_mobile.section_famous .sec_wrapper .sec_item .sec_content .item,
.section_mobile .splide__slide {
  width: 21.8vw;
}

.section_mobile_grid .sec_wrapper .sec_item .sec_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section_sub {
  display: block;
}

/* mypage */
#mypage {
  padding-top: 50px;
}

#mypage > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 24px 12px;
}

#mypage .bg-rounded {
  background-color: var(--color-48);
  border-radius: 32px;
}

#mypage .info {
  width: 100%;
  padding: 40px 60px;
}

#mypage .password {
  width: 25.7%;
  min-height: 285px;
  padding: 20px 16px;
}

#mypage .mobile {
  width: 100%;
  min-height: 285px;
  padding: 20px 16px;
}

#mypage .account {
  width: 25.7%;
  min-height: 285px;
  padding: 20px 16px;
}

#mypage .recommend {
  width: 25.7%;
  min-height: 285px;
  padding: 20px 16px;
}

#mypage .optional {
  width: calc(23% - 38px);
  height: 100%;
  min-height: 285px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

#mypage .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 45px;
}

#mypage .info .inner-box.my {
  width: 335px;
  max-width: 100%;
}

#mypage .info .inner-box.my .box-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

#mypage .info .inner-box.my .box-content .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  width: 100%;
}

#mypage .info .inner-box.my .box-content .detail .box-head > span {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.my .box-content .detail .txt-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

#mypage .info .inner-box.my .box-content .detail .txt-list .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#mypage .info .inner-box.my .box-content .detail .txt-list .txt .txt_tit {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.my .box-content .detail .txt-list .txt .txt_desc {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.my .box-content .detail .txt-list .txt .txt_desc.nickname {
  color: var(--color-5);
}

#mypage .info .inner-box.my .box-content .grade {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0px;
  width: 120px;
  height: 150px;
  border: 1px solid var(--color-15);
  border-radius: 8px;
}

#mypage .info .inner-box.my .box-content .grade .tit {
  font-size: 22px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.my .box-content .grade .img {
  height: 60px;
  border-radius: 50%;
}

#mypage .info .inner-box.my .box-content .grade .img > img {
  width: 60px;
  height: 60px;
}

#mypage .info .inner-box.money {
  width: 330px;
  max-width: 100%;
  border: 1px solid var(--color-15);
  border-radius: 8px;
  padding: 25px 30px;
}

#mypage .info .inner-box.money .box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 18px;
}

#mypage .info .inner-box.money .box-head > span {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.money .box-head > span > em {
  color: var(--color-17);
}

#mypage .info .inner-box.money .box-head > span:nth-child(2) {
  font-weight: 700;
}

#mypage .info .inner-box.money .my_money {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 20px;
  border: 1px solid var(--color-15);
  border-radius: 8px;
  margin: 12px 0;
}

#mypage .info .inner-box.money .my_money > span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.etc {
  width: 270px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 40px;
}

#mypage .info .inner-box.etc .box-item .box-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
}

#mypage .info .inner-box.etc .box-item .box-head > span {
  font-size: 20px;
  font-weight: 400;
  color: #fff;
}

#mypage .info .inner-box.etc .box-item .box-head > span > em {
  color: var(--color-17);
}

#mypage .info .inner-box.etc .box-item .box-head > span:nth-child(2) {
  font-weight: 700;
}

#mypage .recommend .item-scroll-list {
  height: 136px;
  overflow-y: auto;
  padding-right: 6px;
}

#mypage .recommend .item-scroll-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#mypage .recommend .item-scroll-list::-webkit-scrollbar-thumb {
  background-color: var(--color-11);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid var(--color-11);
}

#mypage .recommend .item-scroll-list::-webkit-scrollbar-track {
  background-color: rgba(84, 84, 84, 0.7);
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#mypage .recommend .item-scroll-list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 26px;
  padding: 0 10px;
  border-bottom: 1px solid var(--color-15);
}

#mypage .recommend .item-scroll-list .item .name {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

#mypage .recommend .item-scroll-list .item .date {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

#mypage .optional > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 34px 16px 20px;
  text-align: center;
}

#mypage .optional > div .tit {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

#mypage section > .box-head {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--color-15);
}

#mypage section > .box-head > span {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
}

#mypage section > .box-foot {
  margin-top: 20px;
}

#mypage .form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 14px 10px;
}

#mypage .form .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

#mypage .form .item > label {
  width: 100%;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}

#mypage .form .item > input {
  width: 100%;
  max-width: 100%;
  height: 36px;
  background-color: transparent;
  border: 1px solid var(--color-15);
  border-radius: 8px;
  padding: 0 8px;
}

#mypage .form .item > input:-moz-read-only {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form .item > input:read-only {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form.form-label-horizontal .item {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#mypage .form.form-label-horizontal .item input {
  width: 160px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#mypage .form.form-label-horizontal .item input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form.form-label-horizontal .item input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form.form-label-horizontal .item input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form.form-label-horizontal .item input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form.form-label-horizontal .item input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#mypage .form.form-label-vertical .item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(100% / 2 - 5px);
}

#mypage .form.form-label-vertical .item:nth-child(3) {
  width: 100%;
}

#mypage .btn_cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

#mypage .btn_cont.button-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

#mypage .btn_cont.button-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
}

#mypage .btn_cont.button-row .img-box {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 48px;
  height: 46px;
  background-color: var(--color-1);
  border-radius: 8px;
}

#mypage .btn_cont.button-row .img-box > img {
  width: 32px;
  height: 32px;
  border: 1px solid #fff;
  border-radius: 50%;
}

#mypage .btn_cont .btn_bubble {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}

#mypage .btn_cont .btn_large {
  height: 46px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}

#mypage .btn_cont .btn-primary {
  background-color: var(--color-17);
  border: 1px solid var(--color-17);
  color: #fff;
}

#mypage .btn_cont .btn-primary::after {
  width: 0;
  height: 0;
  background-color: transparent;
  border: none;
}

#mypage .btn_cont .btn-secondary {
  background-color: transparent;
  border: 1px solid var(--color-11);
  color: #fff;
}

/* deposit */
#deposit > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
  padding-top: 50px;
}

#deposit .deposit {
  width: 790px;
  max-width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: var(--color-48);
  border-radius: 30px;
  padding: 40px 20px;
}

#deposit > .inner > .tt_tit {
  display: none;
}

#deposit .deposit .setting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

#deposit .deposit .setting .account_pw {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

#deposit .deposit .setting .account_pw > input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 610px;
  max-width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  padding: 0 20px;
}

#deposit .deposit .setting .own_status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

#deposit .deposit .setting .own_status2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 100%;
}

#deposit .deposit .setting .own_status .own_amount {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 50%;
  height: 50px;
  background-color: transparent;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  padding: 0 20px;
}

#deposit .deposit .setting .own_status .own_amount span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

#deposit .deposit .setting .own_status .own_amount span:nth-child(2) {
  font-weight: 500;
}

#deposit .deposit .setting .own_status .own_amount span > em {
  color: var(--color-50);
  margin-left: 2px;
}

#deposit .deposit .setting .own_status .deposit_amount {
  position: relative;
  width: 50%;
}

#deposit .deposit .setting .own_status .deposit_amount::after {
  content: "원";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#deposit .deposit .setting .own_status .withdrawal_btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 50%;
  gap: 10px;
}

#deposit .deposit .setting .own_status .withdrawal_btn .rolling-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  color: #fff;
}
@media all and (max-width: 720px) {
  #deposit .deposit .setting .own_status .withdrawal_btn .rolling-condition {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

#deposit .deposit .setting .own_status .withdrawal_btn .btn_bubble {
  width: 192px;
}

#deposit .deposit .setting .amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

#deposit .deposit .setting .amount .btn_bubble {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 8px;
  padding-inline: 0;
}

#deposit .deposit .setting .account_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#deposit .deposit .setting .account_info .ai_tit {
  width: 140px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}

#deposit .deposit .setting .account_info .ai_tit > span {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-5);
}

#deposit .deposit .setting .account_info .ai_detail {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  max-width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  padding: 0 20px;
}

#deposit .deposit .setting .account_info .ai_detail > span {
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

#deposit .deposit .action_deposit {
  width: 350px;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 30px;
  text-align: center;
}

#deposit .deposit .action_deposit > p {
  font-size: 16px;
  font-weight: 400;
  color: #fc3;
  margin-bottom: 30px;
  white-space: nowrap;
}

#deposit .deposit .withdrawal_table {
  margin-top: 20px;
  padding: 36px 18px;
  background-color: var(--color-20);
  border: 1px solid var(--color-15);
}

#deposit .deposit .withdrawal_table > table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#deposit .deposit .withdrawal_table > table caption {
  padding: 0 0 6px 10px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  text-align: left;
}

#deposit .deposit .withdrawal_table > table th {
  border: 1px solid var(--color-15);
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}

#deposit .deposit .withdrawal_table > table td {
  border: 1px solid var(--color-15);
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: var(--color-22);
  text-align: center;
}

#deposit .deposit .withdrawal_table .table-btn {
  width: 230px;
  margin-inline: auto;
  margin-top: 30px;
}

#deposit .deposit .warning {
  width: 592px;
  margin-inline: auto;
  margin-top: 30px;
  border: 1px solid var(--color-15);
  border-radius: 8px;
  padding: 20px 36px;
}

#deposit .deposit .warning > p {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  white-space: pre-line;
}

#deposit .guide-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  width: 100%;
}

#deposit .guide-list .guide-item {
  position: relative;
  width: 100%;
  min-height: 169px;
  background-color: var(--color-48);
  border: 1px solid var(--color-15);
  border-radius: 30px 0 30px 0;
  padding: 20px 20px 0 35px;
  overflow: hidden;
}

#deposit .guide-list .guide-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 100%;
  background-color: var(--color-11);
  border-radius: 0 0 30px 0;
}

#deposit .guide-list .guide-item .item_head {
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-23);
}

#deposit .guide-list .guide-item .item_head > span {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}

#deposit .guide-list .guide-item .item_body {
  margin-top: 12px;
  margin-bottom: 12px;
}

#deposit .guide-list .guide-item .item_body > p {
  font-size: 15px;
  font-weight: 400;
  color: var(--color-52);
  white-space: pre-line;
}

#deposit .guide-list .guide-banner {
  position: relative;
  width: 100%;
  min-height: 140px;
  background-color: var(--color-20);
  border: 1px solid var(--color-15);
  overflow: hidden;
}

#deposit .guide-list .guide-banner > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#deposit .btn_bubble {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}

#deposit .btn_large {
  height: 46px;
  font-size: 16px;
  font-weight: 400;
}

#deposit .btn-primary {
  background-color: var(--color-11);
  border: 1px solid var(--color-11);
  color: #fff;
  white-space: nowrap;
}

#deposit .btn-primary::after {
  width: 0;
  height: 0;
  background-color: transparent;
  border: none;
}

#deposit .btn-secondary {
  background-color: transparent;
  border: 1px solid var(--color-10);
  color: #fff;
  white-space: nowrap;
}

#deposit .btn-reset {
  background-color: var(--color-6);
  border: 1px solid var(--color-6);
  color: #fff;
}

#deposit input {
  width: 100%;
  max-width: 100%;
  height: 50px;
  background-color: transparent;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  padding: 0 40px 0 20px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

#deposit input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#deposit input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#deposit input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#deposit input::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#deposit input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}

#input_amount {
  text-align: right;
}

#input_amount::-webkit-input-placeholder {
  color: #fff !important;
}

#input_amount::-moz-placeholder {
  color: #fff !important;
}

#input_amount:-ms-input-placeholder {
  color: #fff !important;
}

#input_amount::-ms-input-placeholder {
  color: #fff !important;
}

#input_amount::placeholder {
  color: #fff !important;
}

/* gameplay */
#gameplay {
  padding: 50px 0px;
}

#gameplay .gameplay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
}

#gameplay .gameplay .game-side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 280px;
}

#gameplay .gameplay .game-side .side-head {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  width: 200px;
  height: 40px;
  background-color: var(--color-11);
  border-radius: 15px;
}

#gameplay .gameplay .game-side .side-head .img {
  display: block;
  width: 30px;
}

#gameplay .gameplay .game-side .side-head .img > img {
  width: 100%;
}

#gameplay .gameplay .game-side .side-head .tit {
  font-size: 18px;
  font-weight: 400;
  color: #fff;
}

#gameplay .gameplay .game-side .side-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px 10px;
}

#gameplay .gameplay .game-side .side-menu .item {
  position: relative;
  cursor: pointer;
  width: calc((100% / 2) - 5px);
}

#gameplay .gameplay .game-side .side-menu .item .img {
  position: relative;
  width: 100%;
  aspect-ratio: auto 1/1;
  background-color: var(--color-20);
  border: 1px solid var(--color-15);
  border-radius: 30px;
  overflow: hidden;
  -webkit-transition: background-color 0.15s, border-color 0.15s;
  transition: background-color 0.15s, border-color 0.15s;
}

#gameplay .gameplay .game-side .side-menu .item .img > img {
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  height: 100%;
}

#gameplay .gameplay .game-side .side-menu .item .img .figcaption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#gameplay .gameplay .game-side .side-menu .item .img .figcaption > span {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s;
  font-size: 12px;
}

#gameplay .gameplay .game-side .side-menu .item:hover .img > img {
  opacity: 0.6;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

#gameplay .gameplay .game-side .side-menu .item:hover .img .figcaption::before {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
}

#gameplay .gameplay .game-side .side-menu .item:hover .img .figcaption > span {
  opacity: 1;
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite {
  position: absolute;
  top: 6%;
  right: 6%;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite.active {
  top: 0;
  right: 0;
  width: 25%;
  height: 25%;
  background: var(--color-1);
  border-radius: 0 0 0 12px;
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite > img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite > img.default {
  display: block;
  width: 24px;
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite > img.active {
  display: none;
  width: 16px;
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite.active > img.default {
  display: none;
}

#gameplay .gameplay .game-side .side-menu .item .img .is_favorite.active > img.active {
  display: block;
}

#gameplay .gameplay .game-side .side-menu .item .desc {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-top: 4px;
}

#gameplay {
  margin-top: 125px !important;
}

#gameplay .gameplay .game-main {
  position: relative;
  width: 1140px;
  margin-top: 25px;
}

#gameplay .gameplay .game-main .main_img {
  position: relative;
  width: 100%;
  height: calc(100vh - 123px - 100px);
  z-index: 2;
}

#gameplay .gameplay .game-main .main-head {
  position: absolute;
  top: -50px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
  z-index: 2;
}

#gameplay .gameplay .game-main .main-head .head_tit {
  position: relative;
}

#gameplay .gameplay .game-main .main-head .head_tit .tit_img {
  width: 605px;
}

#gameplay .gameplay .game-main .main-head .head_tit > span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

#gameplay .gameplay .game-main .main-head .head_side {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.15s;
  transition: opacity 0.15s;
}

#gameplay .gameplay .game-main .main-head .head_side:hover {
  opacity: 0.5;
}

#gameplay .gameplay .game-main .main-head .head_side .img {
  display: block;
  width: 28px;
}

#gameplay .gameplay .game-main .main-head .head_side .img > img {
  width: 100%;
}

#gameplay .gameplay .game-main .main-head .btn_back_bg .txt,
#gameplay .gameplay .game-main .main-head .btn_back_bg .img > img {
  -webkit-transform: initial;
          transform: initial;
  -webkit-transform: skewX(-37deg);
          transform: skewX(-37deg);
}

#gameplay .gameplay .game-main .main-head .btn_full_bg .txt,
#gameplay .gameplay .game-main .main-head .btn_full_bg .img > img {
  -webkit-transform: initial;
          transform: initial;
  -webkit-transform: skewX(37deg);
          transform: skewX(37deg);
}

.btn_back_bg {
  background-color: var(--color-30);
  padding: 8px 40px;
  -webkit-transform: skewX(37deg);
          transform: skewX(37deg);
}

.btn_full_bg {
  background-color: var(--color-31);
  padding: 8px 40px;
  -webkit-transform: skewX(-37deg);
          transform: skewX(-37deg);
}

#gameplay .gameplay .game-main .main-video-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding: 10px;
  z-index: 1;
}

#gameplay .gameplay .game-main .main-video-wrapper > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* event */
#event {
  padding-top: 50px;
}

#event .tab-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

#event .tab-header .btn_tab {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 188px;
  height: 48px;
  background-color: transparent;
  border: 1px solid var(--color-11);
  border-radius: 8px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}

#event .tab-header .btn_tab.active {
  background-color: var(--color-11);
  border-color: var(--color-11);
}

#event .tab-body {
  margin-top: 40px;
}

#event .tab-body .tab {
  display: none;
}

#event .tab-body .tab.active {
  display: block;
}

#event .tab-body .tab .item-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 60px 10px;
}

#event .tab-body .tab .item-list .item {
  width: calc((100% / 3) - 7px);
  cursor: pointer;
}

#event .tab-body .tab .item-list .item .img {
  width: 100%;
  height: 228px;
  max-width: 370px;
  border: 1px solid var(--color-29);
  border-radius: 30px;
  background-color: var(--color-20);
  overflow: hidden;
}

#event .tab-body .tab .item-list .item .img > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#event .tab-body .tab .item-list .item .tit {
  text-align: center;
  margin-top: 8px;
}

#event .tab-body .tab .item-list .item .tit > span {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

/* #Library */
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 20px !important;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px !important;
}

.swiper-pagination-bullet {
  width: 12px !important;
  height: 12px !important;
  background: var(--color-11) !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: #fff !important;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px !important;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px !important;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 7px !important;
}

.simply-scroll {
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 100%;
}

.simply-scroll .simply-scroll-list {
  width: 100%;
  height: 100%;
  margin-right: 40px;
}

.nice-select {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
}

.nice-select .list {
  width: 100%;
  background-color: var(--color-44);
  border: 1px solid var(--color-15);
  border-radius: 20px;
}

.nice-select .option {
  background-color: var(--color-44);
  opacity: 0.5;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
  background-color: var(--color-38);
  opacity: 1;
}

@-webkit-keyframes marquee2 {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}

@keyframes marquee2 {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}
@media only screen and (min-width: 480px) {
  @-webkit-keyframes marquee2 {
    0% {
      left: 100%;
    }
    100% {
      left: -200%;
    }
  }
  @keyframes marquee2 {
    0% {
      left: 100%;
    }
    100% {
      left: -200%;
    }
  }
}
@-webkit-keyframes move-right-to-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes move-right-to-left {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
/* sub_button */
/* .button {-webkit-font-smoothing: antialiased; background-color: #222; border: none; color: #fff; display: inline-flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 13px; font-weight: 400; text-decoration: none; user-select: none; letter-spacing: 1px; color: white; text-transform: uppercase; transition: all 0.1s ease-out;}
.button:hover {background-color: var(--color-11); color: #fff;}
.button:active {transform: scale(0.95);}
.button--bubble {position: relative; z-index: 2; color: white; background: none;}
.button--bubble:hover {background: none;}
.button--bubble:hover + .button--bubble__effect-container .circle {background: darken(var(--color-11), 15%);}
.button--bubble:hover + .button--bubble__effect-container .button {background: darken(var(--color-11), 15%);}
.button--bubble:active + .button--bubble__effect-container {transform: scale(0.95);}
.button--bubble__container {position: relative; display: inline-block;}
.effect-button {position: absolute; width: 50%; height: 25%; top: 50%; left: 25%; z-index: 1; transform: translateY(-50%); background: var(--color-11); transition: background 0.1s ease-out;}
.button--bubble__effect-container {position: absolute; display: block; width: 200%; height: 400%; top: -150%; left: -50%; -webkit-filter: url("#goo"); filter: url("#goo"); transition: all 0.1s ease-out; pointer-events: none;}

.circle {position: absolute; width: 25px; height: 25px; border-radius: 15px; background: var(--color-11); transition: background 0.1s ease-out;}
.circle.top-left {top: 40%; left: 27%;}
.circle.bottom-right {bottom: 40%; right: 27%;}
.goo {position: absolute; visibility: hidden; width: 1px; height: 1px;}

.btn-primary .effect-button {background: var(--color-11);}
.btn-secondary .effect-button {background: var(--color-20);}
.btn-primary .circle {background: var(--color-11);}
.btn-reset .effect-button {background: var(--color-6);}
.btn-reset .circle {background: var(--color-6);}

#mypage .btn_cont .btn_bubble {border-radius: 0;}
#mypage .btn_cont .btn_large .button {font-size: 16px;} */
@-webkit-keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
            filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
}
@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
            filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
            filter: hue-rotate(360deg);
  }
}
@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
.btn_bubble {
  padding: 0.75em 2em;
  text-align: center;
  text-decoration: none;
  color: #2194E0;
  border: 2px solid var(--color-17);
  font-size: 24px;
  display: inline-block;
  border-radius: 0.3em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn_bubble:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
}

/* .btn_bubble:hover {background-color: #2194E0; color: #fff; border-bottom: 4px solid #1977b5;} */
.btn_bubble:hover {
  color: #fff;
}

.btn_bubble:hover:before {
  -webkit-transform: skewX(-45deg) translateX(30.5em);
          transform: skewX(-45deg) translateX(30.5em);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.btn_bubble {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}

.btn_large {
  height: 46px;
  font-size: 16px;
  font-weight: 400;
}

.btn-primary {
  background-color: var(--color-17);
  border: 1px solid var(--color-17);
  color: #fff;
  white-space: nowrap;
}

.btn-primary::after {
  width: 0;
  height: 0;
  background-color: transparent;
  border: none;
}

.btn-secondary {
  background-color: transparent;
  border: 1px solid var(--color-11);
  color: #fff;
  white-space: nowrap;
}

.btn-third {
  background-color: var(--color-65);
  border: 1px solid var(--color-65);
  color: #fff;
  white-space: nowrap;
}

.btn-reset {
  background-color: var(--color-6);
  border: 1px solid var(--color-6);
  color: #fff;
}

.btn-transparent {
  background-color: transparent;
  border: 1px solid var(--color-11);
  color: #fff;
  white-space: nowrap;
}

/** Display inline flex to center text in the button */
.btn_bubble {
  text-align: center;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 0.3em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
  overflow: hidden;
}

.btn_bubble:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.7);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  -webkit-transition: none;
  transition: none;
}

.btn_bubble:hover {
  color: #fff;
}

.btn_bubble:hover:before {
  -webkit-transform: skewX(-45deg) translateX(30.5em);
          transform: skewX(-45deg) translateX(30.5em);
  -webkit-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.anim-btn2 {
  border-radius: 8px;
  max-width: 120px;
  background: none;
  overflow: hidden;
  outline: none;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.anim-btn2:before,
.anim-btn2:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.anim-btn2:after {
  background: -webkit-gradient(linear, left bottom, left top, from(#3a1884), to(#925fff));
  background: linear-gradient(0deg, #3a1884, #925fff);
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.anim-btn2:active:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.anim-btn2:active {
  -webkit-transform: translateY(4px) translateZ(0);
          transform: translateY(4px) translateZ(0);
}

@media (hover: hover) {
  .anim-btn2:hover:after {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }
}
/* TODO 5th */
/* 계좌 정보 */
#account {
  padding-top: 50px;
}

#account .account {
  padding: 0 20px 30px;
  background-color: var(--color-20);
  border-radius: 30px;
}

#account .account .account-detail {
  padding: 0;
  text-align: center;
}

#account .account .account-detail .tit {
  padding: 30px 0;
  text-align: center;
}

#account .account .account-detail .tit > span {
  font-size: 28px;
}

#account .account .account-detail .account-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  width: 100%;
  max-width: 900px;
  margin-inline: auto;
  padding: 35px;
  border: 1px solid var(--color-15);
  border-radius: 12px;
}

#account .account .account-detail .account-form .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

#account .account .account-detail .account-form .item .tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-5);
}

#account .account .account-detail .account-form .item .content {
  display: inline-block;
}

#account .account .account-detail .account-form .item .content > input {
  width: 100%;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#account .account .account-detail .button-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 25px;
}

#account .account .account-detail .button-row > button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: 180px;
}

#account .account .account-enroll {
  display: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  padding: 35px;
  background-color: var(--color-19);
  border: 1px solid var(--color-15);
  border-radius: 12px;
  margin-top: 10px;
}

#account .account .account-enroll.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#account .account .account-enroll .account-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  width: 100%;
}

#account .account .account-enroll .account-form .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

#account .account .account-enroll .account-form .item .tit {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--color-5);
}

#account .account .account-enroll .account-form .item .content {
  display: inline-block;
  width: 100%;
}

#account .account .account-enroll .account-form .item .content .nice_select {
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 46px;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: var(--color-20);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#account .account .account-enroll .account-form .item .content > input {
  width: 100%;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: var(--color-20);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#account .account .account-enroll .button-row {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

#account .account .account-enroll .button-row > button {
  width: 180px;
}

#account .account .account-table {
  margin-top: 30px;
}

#account .account .account-table > table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

#account .account .account-table > table > thead > tr > th {
  background-color: var(--color-19);
  border: 1px solid var(--color-15);
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}

#account .account .account-table > table > tbody > tr > td {
  border: 1px solid var(--color-15);
  height: 40px;
  text-align: center;
}

#account .account .account-table > table > tbody > tr > td > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 300;
  color: var(--color-22);
}

#account .account .account-table > table > tbody > tr > td > span.btn-remove_tr {
  cursor: pointer;
}

#account .account .guide-box {
  width: 100%;
  max-width: 600px;
  margin-inline: auto;
  margin-top: 30px;
  padding: 16px 80px;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  white-space: pre-line;
}

/* 테이블 */
#tab_table {
  padding-top: 50px !important;
}

#tab_table .tab_table .tab-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  border-bottom: 1px solid var(--color-11);
}

#tab_table .tab_table .tab-head > button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 150px;
  height: 50px;
  border: 1px solid var(--color-50);
  background-color: transparent;
  border-radius: 8px 8px 0 0;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
}

#tab_table .tab_table .tab-head > button.active {
  background-color: var(--color-11);
  border-color: var(--color-11);
}

#tab_table .tab_table .tab-body {
  padding: 35px 30px 30px;
  background-color: var(--color-48);
  border-radius: 0 0 30px 30px;
}

#tab_table .tab_table .tab-body .tab .tab_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit > span {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
  padding-left: 15px;
  text-align: center;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit > span.active {
  display: block;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit > p {
  font-weight: 100;
  font-size: 14px;
  color: var(--color-52);
  padding-left: 15px;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit .type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit .type .nice_select {
  width: 180px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 46px;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: var(--color-20);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_tit .search > input {
  width: 180px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 46px;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: var(--color-20);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt-mo-menu {
  display: none;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt .type .nice_select {
  width: 150px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 46px;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: var(--color-20);
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period {
  position: relative;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period::after {
  /* content: "";
  position: absolute; top: 50%; right: 20px; transform: translateY(-50%);
  width: 18px;
  height: 20px;
  background: url("../img/icons/date/calendar.png");
  z-index: 10; */
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period .datepicker {
  width: 180px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: 46px;
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--color-15);
  background-color: transparent;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period .datepicker ~ img {
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* For the resetting of datepicker */
#tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period.datepicker-form.mx-datepicker {
  position: unset;
  display: unset;
  width: unset;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt > button {
  width: 120px;
}

#tab_table .tab_table .tab-body .tab .tab-cont {
  margin-top: 30px;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table,
.help-wrapper {
  width: -webkit-fill-available;
  table-layout: fixed;
  border-collapse: collapse;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > thead > tr > th,
.help-wrapper > thead > tr > th {
  background-color: var(--color-19);
  border: 1px solid var(--color-15);
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}

.help-wrapper > thead > tr > th {
  padding: 10px;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr,
.help-wrapper tbody > tr {
  background-color: transparent;
  -webkit-transition: background-color 0.15s;
  transition: background-color 0.15s;
}

/* #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr:hover {background-color: var(--color-19);} */
#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td,
.help-wrapper > tbody > tr > td {
  border: 1px solid var(--color-15);
  height: 40px;
  text-align: center;
}

.help-wrapper > tbody > tr > td {
  padding: 20px;
}

.help-wrapper {
  white-space: initial;
}

.help-wrapper th:nth-child(1) {
  width: 30%;
}

.help-wrapper th:nth-child(2) {
  width: 20%;
}

.help-wrapper th:nth-child(n) {
  text-align: center;
}

.help-wrapper > tbody > tr > td:nth-child(3) {
  text-align: left;
}

#help-wrapper-2 th:nth-child(1) {
  width: 8.55%;
}

/* .help-wrapper>tbody>tr>td {
    text-align: left;
} */
#help-wrapper-2 td:nth-child(2) {
  text-align: left;
}

.lime-title {
  color: var(--color-32);
}

.lightyellow-title {
  color: var(--color-33) !important;
}

.malibu-title {
  color: var(--color-34);
}

.color-orange {
  color: orange !important;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_col_tit,
.help-wrapper > tbody > tr > td .tb_col_tit {
  display: none;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  font-size: 14px;
  font-weight: 300;
  color: var(--color-52);
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td.td_align_left {
  padding-left: 20px;
  text-align: left;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td.no-data {
  font-size: 14px;
  font-weight: 300;
  color: var(--color-22);
}

.table-wrapper .table-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 30px;
}

.table-wrapper .table-pagination > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
}

.table-wrapper .table-pagination > ul > li .page_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: var(--color-8);
}

.table-wrapper .table-pagination > ul > li .page_num.active {
  background-color: var(--color-11);
}

.table-wrapper .table-pagination > ul .last_page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 6px;
}

.table-wrapper .table-pagination > ul .last_page .dot {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  letter-spacing: 2.5px;
}

.table-wrapper .table-pagination > ul .page_num {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}

.table-wrapper .table-pagination .btn-pagi_prev {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.table-wrapper .table-pagination .btn-pagi_next {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}

/* #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr:hover {background-color: var(--color-19);} */
/* #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr:hoverable:hover {background-color: var(--color-19);} */
#tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td {
  color: var(--color-22);
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td .td-big {
  font-size: 20px;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td.long-message {
  text-align: left;
  padding: 27px;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus {
  min-height: 600px;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px 10px;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table {
  width: calc((100% / 3) - 7px);
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr:hover {
  background-color: transparent;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-big {
  font-size: 20px;
  color: #33ccff;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-mid {
  color: var(--color-52);
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td {
  padding: 0 8px;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .spe_bet {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .spe_bet > span {
  font-size: 13px;
  color: var(--color-52);
}

#tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .spe_bet > span:nth-child(2) {
  color: #3cf;
}

/* 아코디언 */
#help .sec_item {
  display: none;
}

#help .sec_item.active {
  display: block;
}

#help {
  padding-top: 50px;
}

#help .qna {
  background-color: var(--color-48);
  border-radius: 30px;
  padding: 30px 30px 30px 20px;
}

#help .qna .tit {
  text-align: center;
}

#help .qna .tit > span {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

#help .qna .accordian-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 30px;
}

#help .qna .accordian-list .item {
  width: 100%;
  min-height: 40px;
}

#help .qna .accordian-list .item > details {
  height: 100%;
  border: 1px solid var(--color-15);
  border-radius: 4px;
  background-color: var(--color-48);
}

#help .qna .accordian-list .item > details > summary {
  list-style: none;
  cursor: pointer;
  padding: 8px 30px;
}

#help .qna .accordian-list .item > details > summary::-webkit-details-marker {
  display: none;
}

#help .qna .accordian-list .item > details > .content {
  padding: 30px;
}

#help .qna .accordian-list .item > details > .content {
  /* white-space: pre-line; */
}

#help .qna .accordian-list .item > details[open] {
  background-color: var(--color-20);
}

#help .qna .accordian-list .item > details[open] > summary {
  background-color: var(--color-1);
}

#help .qna .accordian-list .item > details > summary.summary-bg {
  background-color: var(--color-10);
}

#help .qna .accordian-list .item > details > summary.summary-bg-transparent {
  background-color: transparent;
}

#help .qna .accordian-list .links {
  padding: 8px 30px;
  height: 100%;
  display: block;
  border: 1px solid #23415c;
  border-radius: 4px;
  background-color: #0b1a26;
}

.content .yellow-title {
  color: var(--color-5);
  font-weight: bold;
  white-space: break-spaces;
}

.content .blue-title {
  color: var(--color-9);
}

.content .green-title {
  color: var(--color-28);
}

.color-green {
  color: var(--color-28) !important;
}

.color-white {
  color: #FFF;
}

.content .details {
  margin-bottom: 15px;
  line-height: 2;
  display: inline;
}

.content .details .type-n {
  list-style-type: none;
}

.content .details .type-c {
  list-style-type: circle;
}

.type-d li {
  list-style-type: decimal !important;
}

.type-n li {
  list-style-type: none !important;
}

.content .details .details-sub {
  margin-left: 20px;
}

.p-mtb {
  margin: 15px 0px;
}

.p-ms {
  margin-left: 25px;
}

.p-2-ms {
  margin-left: 40px !important;
}

.p-mse {
  margin: 0px 25px !important;
}

.p-mse2 {
  margin: 0 40px !important;
}

.p-dib {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Betradar */
.mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 22px;
  white-space: nowrap;
}

.mtb-40 {
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 22px;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.betradar-rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.betradar-cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 10px;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.betradar-cols > .img-mob {
  width: 300px;
  margin-bottom: 20px;
}

.betradar-cols > .img-web {
  width: 480px;
  margin-bottom: 20px;
}

.betradar-cols > .icon {
  width: 30px;
}

.read-notice {
  color: red;
  text-align: right;
}

/* 포인트 전환 */
#exchange {
  padding-top: 50px;
}

#exchange .exchange {
  padding: 30px 145px;
  border-radius: 30px;
  background-color: var(--color-48);
}

#exchange .exchange .tit {
  text-align: center;
}

#exchange .exchange .tit > span {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

#exchange .exchange .exchange-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  width: 580px;
  max-width: 100%;
  background-color: var(--color-19);
  border: 1px solid var(--color-15);
  border-radius: 30px;
  padding: 30px 100px;
  margin-top: 30px;
  margin-inline: auto;
}

#exchange .exchange .exchange-box .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 45px;
  border: 1px solid #313447;
  border-radius: 10px;
  background-color: var(--color-18);
  padding: 0 15px;
}

#exchange .exchange .exchange-box .item > span {
  font-size: 16px;
}

#exchange .exchange .exchange-box .item > span > em {
  color: var(--color-5);
}

#exchange .exchange .exchange-box .item > input {
  width: 100%;
  height: 100%;
  text-align: right;
  background-color: transparent;
  border: none;
  font-size: 16px;
}

#exchange .exchange .button-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  margin-top: 30px;
}

#exchange .exchange .button-list .btn-primary,
#exchange .exchange .button-list .btn-secondary {
  border-color: var(--color-10) !important;
}

#exchange .exchange .button-confirm-row {
  margin: 30px 0;
  text-align: center;
}

#exchange .exchange .button-confirm-row > button {
  width: 300px;
}

#exchange .exchange .banner {
  width: 100%;
  height: 240px;
  border: 1px solid var(--color-15);
  border-radius: 12px;
  background-color: var(--color-20);
  overflow: hidden;
}

#exchange .exchange .banner > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* 지인 관리 */
.friend-manage {
  padding: 30px 30px 0 20px;
  background-color: var(--color-48);
  border-radius: 30px 30px 0 0;
}

.friend-manage .fm-tit {
  text-align: center;
}

.friend-manage .fm-tit > span {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

.friend-manage .fm-invite {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.friend-manage .fm-invite .fi-box {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-height: 124px;
  padding: 20px 25px 0 20px;
  background-color: var(--color-19);
  border: 1px solid var(--color-15);
  border-radius: 15px;
}

.friend-manage .fm-invite .fi-box > p {
  padding-left: 15px;
  font-size: 18px;
}

.friend-manage .fm-invite .fi-box .fb-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  margin-top: 10px;
}

.friend-manage .fm-invite .fi-box .fb-row > input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 260px;
  border: 1px solid var(--color-15);
  border-radius: 8px;
  background-color: var(--color-20);
  padding: 0 25px;
}

.friend-manage .fm-guide {
  margin-top: 30px;
}

.friend-manage .fm-guide .fg-box {
  width: 590px;
  margin-inline: auto;
  border: 1px solid var(--color-10);
  border-radius: 8px;
  background-color: transparent;
  padding: 20px 0;
  text-align: center;
}

.friend-manage .fm-guide .fg-box > p {
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  white-space: pre-line;
}

/* 채팅 */
#chat {
  padding-top: 50px;
}

#chat .chat-cont {
  background-color: var(--color-48);
  border-radius: 30px;
  padding: 30px 145px;
}

#chat .chat-cont .tit {
  text-align: center;
}

#chat .chat-cont .tit > span {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
}

#chat .chat-cont .chat-form {
  margin-top: 30px;
}

#chat .chat-cont .chat-form .chat-list {
  width: 100%;
  height: 490px;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: var(--color-54);
  border: 1px solid var(--color-15);
  border-radius: 12px;
  padding: 15px 15px 0px 15px;
}

#chat .chat-cont .chat-form .chat-list::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

#chat .chat-cont .chat-form .chat-list::-webkit-scrollbar-thumb {
  background-color: var(--color-11);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid var(--color-11);
}

#chat .chat-cont .chat-form .chat-list::-webkit-scrollbar-track {
  background-color: rgba(84, 84, 84, 0.7);
  border-radius: 4px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#chat .chat-cont .chat-form .chat-list .chat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
}

#chat .chat-cont .chat-form .chat-list .chat.me {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#chat .chat-cont .chat-form .chat-list .chat.other {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

#chat .chat-cont .chat-form .chat-list .chat .img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
  background-color: #fff;
  border-radius: 50%;
  overflow: hidden;
}

#chat .chat-cont .chat-form .chat-list .chat .img > img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#chat .chat-cont .chat-form .chat-list .chat .chatbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-width: 470px;
}

#chat .chat-cont .chat-form .chat-list .chat .chatbox .txt {
  width: 100%;
  background-color: #1d1f2b;
  padding: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.44;
  color: #fff;
}

#chat .chat-cont .chat-form .chat-list .chat.me .chatbox .txt {
  border-radius: 12px 0 12px 12px;
}

#chat .chat-cont .chat-form .chat-list .chat.other .chatbox .txt {
  border-radius: 0 12px 12px 12px;
}

#chat .chat-cont .chat-form .chat-list .chat .chat_time {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
  padding: 0px 20px;
}

#chat .chat-cont .chat-form .chat-list .chat.me .chat_time {
  text-align: right;
  padding-right: 20px;
}

#chat .chat-cont .chat-form .chat-input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
  gap: 6px;
  margin-top: 15px;
}

#chat .chat-cont .chat-form .chat-input-row > input {
  width: 100%;
  height: 100%;
  background-color: var(--color-19);
  border-radius: 12px;
  border: none;
  padding: 0 20px;
}

#chat .chat-cont .chat-form .chat-input-row > textarea {
  resize: none;
  width: 100%;
  height: 100px;
  background-color: var(--color-15);
  border-radius: 12px;
  border: none;
  padding: 13px 20px;
}

#chat .chat-cont .chat-form .chat-input-row > textarea::-webkit-scrollbar {
  width: 5px;
}

#chat .chat-cont .chat-form .chat-input-row > textarea::-webkit-scrollbar-thumb {
  background-color: #bcbcbc;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px solid transparent;
}

#chat .chat-cont .chat-form .chat-input-row > textarea::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: none;
}

#chat .chat-cont .chat-form .chat-input-row > button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 230px;
  height: 100%;
  border-radius: 12px;
}

.mobile-tab_subs {
  display: none;
  padding: 20px 0 10px;
}

.mobile-tab_subs .tab-list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  height: 40px;
  border: 1px solid var(--color-15);
  background-color: transparent;
  border-radius: 30px;
}

.mobile-tab_subs .tab-list .tl-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: calc((100vw - 9.34vw) / 4);
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  background: transparent;
  border-radius: 30px;
  -webkit-transition: background-color 0.15s, color 0.15s;
  transition: background-color 0.15s, color 0.15s;
  cursor: pointer;
}

.mobile-tab_subs .tab-list .tl-menu.active {
  background-color: var(--color-16);
  color: #fff;
}

/** Global table hover */
/* tr:hover {
    background-color: var(--color-19);
} */
/** Global text align center */
.text-center {
  text-align: center;
  margin: auto;
}

/* For hovering double rowspan with relevant rows */
.hover {
  background-color: var(--color-19);
}

.unique-poker {
  grid-template-columns: repeat(6, calc((100% / 3) - 10px)) !important;
}

/* Back to top */
#back-to-top {
  display: inline-block;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 50px;
  right: 400px;
  -webkit-transition: bottom 0.3s, opacity 0.5s, visibility 0.5s;
  transition: bottom 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}

#back-to-top:hover {
  cursor: pointer;
}

#back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.fix-footer {
  bottom: 420px !important;
}

#fix-marquee {
  margin-left: -24px;
}

.special-height {
  height: auto !important;
}

.tab-body.hidden {
  display: none;
}

.tab-body.active {
  display: block;
}

.btn-tabon {
  background: -webkit-gradient(linear, left top, left bottom, from(#ed594d), to(#b92a1e));
  background: linear-gradient(180deg, #ed594d, #b92a1e);
  border-radius: 0;
  color: #fff;
  display: inline-block;
  line-height: 12px;
  min-width: 100px;
  padding: 6px 8px;
  text-align: center;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}

.btn-tabon:hover {
  color: #FFF;
  opacity: 0.7;
}

/* Betting History */
.betradar-betting-history,
#betting-history {
  border-collapse: collapse;
  margin: 10px auto;
  table-layout: fixed;
  width: -webkit-fill-available;
  max-width: 98%;
}

.betradar-betting-history thead tr th,
#betting-history thead tr th {
  background-color: #142331;
  border: 1px solid #23415c;
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}

.betradar-betting-history tbody tr td,
#betting-history tbody tr td {
  border: 1px solid #23415c;
  height: 40px;
  text-align: center;
  padding: 10px;
}

.betradar-betting-history .d-block,
#betting-history .d-block {
  display: block;
  font-size: 14px;
  font-weight: 300;
  color: #b5d4e7;
}

#betting-history .ta-right {
  text-align: right;
  padding: 15px;
}

#betting-history tbody tr td:nth-child(2) {
  text-align: right;
  padding-right: 20px;
}

@media screen and (max-width: 720px) {
  .betradar-betting-history tbody tr td,
#betting-history tbody tr td {
    padding: 5px;
  }

  #betting-history tbody tr td:nth-child(2) {
    text-align: center;
    padding-right: 5px;
  }

  .toggle_hist {
    height: auto !important;
    width: 100% !important;
    border-right: 1px solid var(--color-15) !important;
    overflow-x: auto;
  }

  .toggle_hist::-webkit-scrollbar {
    height: 5px;
  }

  .toggle_hist::-webkit-scrollbar-thumb {
    border: none;
    background-color: #2a93d5;
  }

  .betradar-betting-history thead tr th,
.betradar-betting-history .d-block,
#betting-history .d-block,
#betting-history thead tr th {
    font-size: 10px;
    overflow-wrap: break-word;
  }

  .betradar-betting-history,
#betting-history {
    width: 100%;
  }

  .toggle_hist_box .text-center {
    margin: 0 !important;
  }

  /* #betting-history thead tr th:nth-child(2){
      width: -webkit-fill-available;
  }
  #betting-history thead tr th:nth-child(1){
      width: -webkit-fill-available;
  }
  #betting-history thead tr th:nth-child(3),
  #betting-history thead tr th:nth-child(4){
      width: -webkit-fill-available;
  } */
  .toggle_hist_box .loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    height: 36px;
    margin: auto;
    font-size: 10px;
  }

  .close-popup {
    width: 15px !important;
  }

  .close-modal-pw, .close-modal-id, .close-popup-register {
    width: 10px !important;
    bottom: -10px !important;
    left: 44vw !important;
  }

  .close-popup-toast {
    width: 10px !important;
    bottom: 9vh !important;
    left: 19vh !important;
  }
}
@media screen and (max-width: 430px) {
  .close-popup {
    left: 170px !important;
  }
}
.page_num:hover {
  background-color: var(--color-36);
}

.page_num {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: var(--color-18);
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  cursor: pointer;
}

.page_num:hover,
li.active .page_num {
  background-color: var(--color-11);
}

.pagination-prev {
  width: 8px;
  height: auto;
}

.pagination-next {
  width: 8px;
  height: auto;
}

.pagination-next,
.pagination-prev {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 10px;
}

.special-inner {
  width: 1240px !important;
}

.close-modal-pw,
.close-modal-id,
.close-popup,
.close-popup-register {
  position: absolute;
  width: 20px;
  cursor: pointer;
  bottom: -20px;
  left: 289px;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

.close-popup-toast {
  position: relative;
  width: 10px;
  cursor: pointer;
  bottom: -20px;
  left: 215px;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

.none {
  display: none !important;
  -webkit-transition: display 0.1s ease-in-out;
  transition: display 0.1s ease-in-out;
}

.close-popup:hover,
.close-modal-id:hover,
.close-modal-pw:hover,
.close-popup-register:hover,
.close-popup-toast:hover {
  opacity: 0.5;
}

.close-modal-pw, .close-modal-id, .close-popup-register {
  bottom: -20px;
  left: 289px;
}

#modal_join .close-popup-register {
  left: 350px;
}

.close-popup-toast {
  bottom: 75px;
  left: 160px;
}

.close-button-container {
  position: relative;
}

.message-content {
  padding: 25px 50px;
  text-align: left;
}

.section_banner .banner-list .item .bg video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.newloader svg {
  width: 280px;
}

.newloader img {
  width: 160px;
}

.modal_toast {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 360px;
  max-width: 90vw;
  padding: 32px 40px;
  background-color: #fff;
  border-radius: 18px;
  text-align: center;
  -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);
          box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.7);
}

.modal_toast-text {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #000;
  white-space: pre-wrap;
}

.inquiry-line {
  background-color: var(--color-16);
  opacity: 0.3;
  height: 1px;
  border: none;
  margin: 20px 50px;
}

.inquiry-message-count {
  position: absolute;
  top: 5px;
  left: 50px;
  right: 0;
  bottom: 0;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red;
  color: white;
}

.note-message {
  position: fixed;
  top: 25px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red;
  color: white;
}

.note-message-profile {
  position: relative;
  top: -9px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: red;
  color: white;
}

.note-message-sidebar {
  position: absolute;
  width: 10px;
  margin-left: 5px;
  z-index: 12313;
  height: 10px;
  border-radius: 100%;
  background-color: red;
}

.note-message-sidebar-2 {
  position: absolute;
  width: 10px;
  margin-left: -2px;
  z-index: 12313;
  height: 10px;
  border-radius: 100%;
  background-color: red;
}

.register-select {
  width: 100%;
  padding-left: 16px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: none;
  background-image: url("/static/g2g/image/arrow_down_02.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 18px) center;
}

.register-select::-webkit-scrollbar {
  width: 10px;
  height: 6px;
  background-color: none;
}

.register-select::-webkit-scrollbar-thumb {
  background-color: var(--color-11);
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid var(--color-15);
}

.register-select::-webkit-scrollbar-track {
  background-color: #313447;
  border-radius: 0px !important;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.select-special {
  background-color: transparent;
  border: 1px solid var(--color-50);
  border-radius: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 48px;
  width: 100%;
}

/* option:hover,
option:focus,
option:active,
option:checked {
    background-color: var(--color-16) !important;
} */
.register-select option:before {
  padding-left: 30px;
}

.option-special {
  background-color: var(--color-73);
  /* border: 1px solid #23415c; */
  /* cursor: pointer; */
  font-weight: 400;
  line-height: 40px;
  list-style: none;
  min-height: 40px;
  opacity: 0.5;
  outline: none;
  padding-left: 128px;
  padding-right: 29px;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: spinner-border 0.75s linear infinite;
  animation: spinner-border 0.75s linear infinite;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: spinner-grow 0.75s linear infinite;
  animation: spinner-grow 0.75s linear infinite;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

.spinLoading {
  width: 100%;
  margin-top: 1.5rem;
  text-align: center;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.temporary_hide {
  opacity: 0.4;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.empty {
  padding: 20px;
  border: 1px solid var(--color-11);
  border-radius: 8px;
}

.scrollLock {
  overflow: hidden !important;
}

.b-sidebar-header {
  border-top-right-radius: 15px;
  overflow: hidden;
  height: 33px;
  width: 246px;
  left: 0%;
  top: 83px;
  position: fixed;
  background-color: var(--color-35);
  z-index: 3;
}

.b-sidebar-body {
  top: 115px;
  position: fixed;
  width: 95%;
  height: 100vh;
  z-index: 2;
}

.delete_btn {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--color-1);
  padding: 10px;
  border-radius: 5px;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}

.delete_btn:hover {
  opacity: 0.8;
}

/* 2023-05 UPDATE BY ms */
/* header {visibility: hidden;} */
.header-top-logo img {
  height: 60px;
}

button.btn_disabled {
  pointer-events: none;
}

.error-msg {
  font-size: 0.5vw;
  color: red;
}

.bg-deposit {
  background-color: #298634;
  border: 1px solid #2f903b;
}

.bg-withdraw {
  background-color: #a83636;
  border: 1px solid #b34d4d;
}

/* 개별 페이지 Style */
/* sub7_deposit */
.amount-input-text {
  text-align: right;
}

main.wrapper {
  padding-bottom: 0px;
}

main#deposit {
  padding-bottom: 40px;
}

@media screen and (max-width: 720px) {
  .field-style {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .maxBonusPoint {
    font-size: 12px !important;
  }

  .field-style-3 {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 352px) {
  .maxBonusPoint {
    font-size: 10px !important;
  }
}
.removePadding {
  padding-top: 13px !important;
}

.rolling-guide {
  margin-inline: auto;
  border: 1px solid var(--color-51);
  border-radius: 8px;
  padding: 20px 36px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  white-space: pre-line;
}

.text-color {
  color: #fc3;
}

#deposit .rolling-bonus-select table {
  width: 100%;
  border-collapse: collapse;
}

@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table {
    display: block;
    font-size: 12px;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:first-child th {
    width: 50% !important;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:first-child td {
    width: 50%;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:first-child td span {
    line-height: 30px;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:last-child {
    display: block;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:last-child th {
    display: block;
    width: 100%;
  }
}
@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table tr:last-child td {
    display: block;
    width: 100%;
  }
}
#deposit .placeholder {
  color: #fff !important;
}

#deposit .rolling-bonus-select table th,
#deposit .rolling-bonus-select table td {
  padding: 5px;
}

#deposit .rolling-bonus-select table th.info-txt {
  padding: 10px;
}

#deposit .rolling-bonus-select table th {
  background: rgba(35, 65, 92, 0);
  width: 25%;
  text-align: left;
}

#deposit .rolling-bonus-select table th .field-style-2 {
  width: 100%;
  max-width: 100%;
  height: 60px;
  background-color: transparent;
  border: 1px solid var(--color-50);
  border-radius: 12px;
  padding: 0 20px;
  gap: 5px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#deposit .rolling-bonus-select table td {
  background: rgba(35, 65, 92, 0);
  width: 30%;
}

#deposit .rolling-bonus-select table td .radio-wrapper {
  margin-left: 15px;
  padding: 5px;
}

#deposit .rolling-bonus-select table td input[type=radio] {
  width: 25px;
  height: 25px;
  min-width: 25px;
  padding: 0;
  background: #fff;
}

@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select table td .form-check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
  }
}
#deposit .rolling-bonus-select table td .field-style {
  width: 100%;
  max-width: 100%;
  height: 60px;
  background-color: transparent;
  border: 1px solid var(--color-51);
  border-radius: 12px;
  padding: 0 20px;
  gap: 5px;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#deposit .rolling-bonus-select table td .field-style-3 {
  padding-top: 0px;
  text-align: right !important;
  display: block !important;
  font-size: 14px;
}

#deposit .rolling-bonus-select table td .field-points {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px;
  border: 1px solid var(--color-51);
}

#deposit .rolling-bonus-select table td .points-txt {
  padding: 0 5px;
}

#deposit .rolling-bonus-select table td .points-p {
  line-height: 0 !important;
}

#deposit .rolling-bonus-select table td .maxBonusPoint {
  font-size: 14px;
  color: red;
  padding: 0 5px;
  white-space: nowrap;
}

#deposit .rolling-bonus-select select {
  border: 1px solid var(--color-50);
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 16px;
  width: 100%;
  padding-left: 16px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: none;
  background-image: url("/static/g2g/image/arrow_down_02.png");
  background-size: 10px;
  background-repeat: no-repeat;
  background-position: calc(100% - 18px) center;
  height: 60px;
}

#deposit .rolling-bonus-select select option {
  text-align: left;
  background: var(--color-53);
}

@media all and (max-width: 720px) {
  #deposit .rolling-bonus-select select {
    font-size: 15px;
    -moz-text-align-last: center;
         text-align-last: center;
  }
}
/* sub17_inquiry */
.timerOn {
  background-color: transparent;
}

.empty-inquiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 23%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn_custom {
  width: 135px;
  height: 100px;
  font-size: 14px;
}

.btn_bubble.btn_custom:before {
  left: -6.5em;
}

@media screen and (max-width: 720px) {
  .empty-inquiry {
    margin-top: 40%;
  }

  .btn_custom {
    height: 42px;
  }
}
.isDisabled {
  pointer-events: none;
}

/* sub18_messages */
input[type=checkbox] {
  -webkit-appearance: checkbox !important;
  -webkit-border-radius: 0;
  width: 20px;
  height: 20px;
}

/* sub22_transaction */
@media screen and (max-width: 1600px) {
  /* #tab_table {
      padding: 0;
  }

  #tab_table .tab_table .tab-head {
      display: none;
  }

  #tab_table .tab_table .tab-body {
      padding: 0;
      border-radius: 0;
      background-color: transparent;
  }

  #tab_table .tab_table .tab-body .tab .tab_top {
      flex-direction: column;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_tit {
      display: flex;
      justify-content: center;
      padding: 20px 0;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_tit>span {
      padding-left: 0;
      font-size: 20px;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt-mo-menu {
      display: flex;
  } */
}
/* sub12_history */
.tt_tit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px !important;
}

tr.hidden {
  display: none !important;
}

td.tocenter {
  text-align: center !important;
}

.hide-large {
  display: none;
}

@media screen and (max-width: 720px) {
  .bet-radar-bet-detail td {
    height: 100% !important;
    width: 100% !important;
    font-size: 10px;
    color: #b5d4e7;
  }
  .bet-radar-bet-detail td.td-thead {
    width: 15% !important;
  }

  .hide-large {
    display: block !important;
  }

  .hide-small {
    display: none;
  }

  /** fix text overlapping in td cell */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: auto;
    padding: 8px 8px;
  }
}
.no-data-2 {
  color: #b5d4e7;
  font-size: 14px;
  padding-left: 15px;
}

.tb_ids {
  white-space: pre-line;
  word-break: break-all;
}

.tt_tit {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0px !important;
}

tr.hidden {
  display: none !important;
}

.ou {
  color: #FFF !important;
}

.handi {
  color: #D8D77E !important;
}

#down-arrow,
#up-arrow {
  position: relative;
}

#up-arrow svg,
#down-arrow svg {
  position: absolute;
}

#up-arrow svg {
  left: -30px;
  top: -8px;
}

#down-arrow svg {
  left: -8px;
  top: -9px;
}

@media screen and (max-width: 720px) {
  #up-arrow svg {
    top: -2px;
    width: 25px;
    height: 25px;
    left: -18px;
  }

  #down-arrow svg {
    top: -3px;
    width: 25px;
    height: 25px;
    left: -40.8px;
  }
}
@media screen and (min-width: 1600px) {
  .tab_table {
    width: 1300px;
  }
}
@media screen and (max-width: 1600px) {
  #tab_table .inner {
    width: 1400px !important;
  }
}
td.tocenter {
  text-align: center !important;
}

.hide-large {
  display: none;
}

/* .bet-selected {background-color: #355e76;} */
@media screen and (max-width: 720px) {
  .bet-radar-bet-detail td {
    height: 100% !important;
    width: 100% !important;
    font-size: 10px;
    color: #b5d4e7;
  }
  .bet-radar-bet-detail td.td-thead {
    width: 15% !important;
  }

  .hide-large {
    display: block !important;
  }

  .hide-small {
    display: none;
  }

  /** fix text overlapping in td cell */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td {
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: auto;
    padding: 8px 8px;
  }
}
.no-data-2 {
  color: #b5d4e7;
  font-size: 14px;
  padding-left: 15px;
}

.tb_ids {
  white-space: pre-line;
  word-break: break-all;
}

input[type=checkbox] {
  -webkit-appearance: checkbox;
  -webkit-border-radius: unset;
}

#tab_table .tab_table .tab-body .tab .tab_top .tt_opt > .btn_delete {
  width: 160px;
}

/** Table History Classic */
.bet-home {
  background-color: #355e76;
}

td > span.name {
  float: left;
  margin-left: 10px;
  line-height: 2.5rem;
}

td > span.odds {
  float: right;
  margin-right: 10px;
  line-height: 2.5rem;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.vs-txt {
  color: #ff7877;
  font-weight: 400;
  overflow-wrap: unset;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.name,
#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.odds {
  color: #fff !important;
  font-weight: 400 !important;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls1 {
  text-align: unset;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls1 > span.one-line {
  margin-right: 20px;
  margin-left: 15px;
  font-size: 14px;
  font-weight: 100;
  color: #fff;
}

.status-waiting {
  background-color: #475a6d;
  color: #fff !important;
  font-size: 14px;
  font-weight: 100;
}

.status-win {
  background-color: #298634;
  color: #fff !important;
  font-size: 14px;
  font-weight: 100;
}

.status-lose {
  background-color: #a83636;
  color: #fff !important;
  font-size: 14px;
  font-weight: 100;
}

.status-draw,
.status-unsettled {
  background-color: #c2910e;
  color: #fff !important;
  font-size: 14px;
  font-weight: 100;
}

.status-cancelled {
  background-color: #1d2935;
  color: #58636f !important;
  font-size: 14px;
  font-weight: 100;
}

.status-refund {
  background-color: #608df1;
  color: #FFF !important;
  font-size: 14px;
  font-weight: 100;
}

#tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table input[type=checkbox] {
  width: 13px;
  height: 13px;
}

/* sub24_reward */
@media screen and (max-width: 941px) {
  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table {
    width: 100%;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-big {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-mid {
    font-size: 14px;
  }
}
/* sub28_money-logs */
.money-logs {
  font-size: 14px;
  padding: 30px 30px;
  border-radius: 30px;
  background-color: var(--color-48);
}

.money-logs .tit {
  font-size: 28px;
  font-weight: 400;
  color: #fff;
  text-align: center;
}

.money-logs .tab-cont {
  padding: 0px 30px;
  padding-top: 30px !important;
  background-color: var(--color-48);
  border-radius: 0 0 30px 30px;
}

.money-logs .tab-cont table {
  width: -webkit-fill-available;
  table-layout: auto;
  border-collapse: collapse;
}

.money-logs .tab-cont table th {
  background-color: var(--color-2);
  border: 1px solid var(--color-15);
  height: 40px;
  font-size: 14px;
  font-weight: 300;
  color: #fff;
  text-align: center;
}

.money-logs .tab-cont table td {
  border: 1px solid var(--color-15);
  height: 40px;
  text-align: center;
  padding: 5px 10px;
  color: #fff;
}

.money-logs .tab-cont table tr:nth-of-type(odd) {
  background-color: var(--color-58);
}

.money-logs .tab-cont table tfoot tr {
  background-color: var(--color-2) !important;
}

.money-logs .tab-cont table tfoot tr td {
  color: #fff;
}

/* .table-pagination{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
} */
.percent {
  text-align: left;
  padding-left: 20px;
}

.sum {
  font-weight: bold;
}

.negative {
  color: #c73938;
}

.positive {
  color: #4970f5;
}

.money {
  color: #3ba53f;
}

.tar {
  text-align: right;
}

/** Swiper custom css **/
.swiper-button-prev.swiper-custom-nav {
  background-image: url(/static/g2g/icons/social-media/arrow-circle-previous.svg);
}

.swiper-button-next.swiper-custom-nav {
  background-image: url(/static/g2g/icons/social-media/arrow-circle-next.svg);
}

.swiper-button-prev.swiper-custom-nav,
.swiper-button-next.swiper-custom-nav {
  -webkit-filter: none;
          filter: none;
  top: 77% !important;
}

.swiper-button-prev.swiper-custom-nav:focus,
.swiper-button-next.swiper-custom-nav:focus {
  outline: none;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0 !important;
  visibility: hidden;
  display: none;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

/* sub27_betrader */
@media screen and (max-width: 720px) {
  main.betrader #slider_8 .item-wrapper .item:nth-child(n) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  main.betrader #slider_8 .item-wrapper .item:nth-child(5) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  main.betrader #slider_10 .item-wrapper .item:nth-child(n) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  main.betrader #slider_10 .item-wrapper .item:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  main.betrader #slider_10 .item-wrapper .item:nth-child(4) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media screen and (max-width: 720px) {
  main.betrader .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img {
    height: auto !important;
  }

  main.betrader .wrapper {
    min-height: calc(100vh - 132px);
  }
}
/* sub13_guide */
.img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.img-container img {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 10px 0px;
}

.fs-title {
  font-size: 22px;
  white-space: break-spaces;
}

@media screen and (max-width: 720px) {
  .fs-title {
    font-size: 14px !important;
  }
}
.vel-btns-wrapper .btn__close {
  background-color: red;
  border: 2px solid red;
  top: 70px !important;
  right: 30px !important;
}

@media screen and (max-width: 720px) {
  .vel-btns-wrapper .btn__close {
    top: 70px !important;
    right: 30px !important;
  }
}
main.ext-ref-wrapper {
  height: 100vh;
  min-height: 100vh;
  margin-top: 0;
  padding-bottom: 0;
}

#egamings_container {
  height: 100vh;
}

.float_btn_cart {
  display: none;
}

.view-pc {
  display: block !important;
}

.view-mobile {
  display: none !important;
}

.view-pc-grid {
  display: grid !important;
}

.view-mobile-grid {
  display: none !important;
}

.hidden {
  display: none !important;
}

@media screen and (max-width: 720px) {
  .float_btn_cart {
    display: block;
  }

  .view-pc {
    display: none !important;
  }

  .view-mobile {
    display: block !important;
  }

  .view-pc-grid {
    display: none !important;
  }

  .view-mobile-grid {
    display: grid !important;
  }
}
/* @import "./sports.css"; */
/*
*
|  Page Name       : mediaqueries.scss
|  Description     : scss created for global use
|  Created by      : Invech Treasure Processing Corp. Team
|  Date Created    : 2022
|  Last Update by  : Invech Treasure Processing Corp. Team
|  Last update     : Nov. 11 , 2022
*
*/
/** Media Queries */
@media screen and (max-width: 320px) {
  #deposit .deposit .setting .own_status .own_amount span,
#deposit input {
    font-size: 10px !important;
  }

  #deposit .btn_large {
    font-size: 12px !important;
  }

  #deposit .deposit .setting .account_pw > input {
    font-size: calc(16px + 6 * ((100vw - 720px) / 250)) !important;
  }
}
@media (min-width: 721px) and (max-width: 1400px) {
  header .gnb .gnb_main .gnb-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 3.5vw;
    white-space: nowrap;
    height: 100%;
  }

  header .gnb .gnb_main .all_page .gnb_sub .sub-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 30px 0 30px 75px;
    border-bottom: 3px solid var(--color-46);
    gap: 0.5vw;
  }
}
@media screen and (max-width: 455px) {
  header .own-amount .user-balance,
header .own-amount .user-points {
    font-size: 10px !important;
  }

  header .header-top .logo {
    height: 25px !important;
  }

  .log-info span img {
    height: 30px !important;
  }

  header .header-top .btn_sidebar > img,
.btn_down > img {
    width: 20px !important;
  }

  header .header-top .log-info {
    margin-right: 20px !important;
  }

  header .header-top {
    padding: 0 3.67vw !important;
  }

  header .header-top .btn_sidebar {
    right: 2.67vw !important;
  }

  header .header-top .log-info .social-icon {
    height: 20px !important;
  }

  header .header-top .log-info .social-container {
    gap: 5px !important;
    margin-right: 5px !important;
  }
}
@media screen and (max-width: 500px) {
  .friend-manage .fm-invite .fi-box .fb-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .friend-manage .fm-invite .fi-box .fb-row > input {
    width: 100% !important;
    padding: 12px !important;
  }

  #deposit .guide-list .guide-banner {
    margin-top: 20px;
    width: 100% !important;
  }
}
@media screen and (max-width: 1366px) {
  /* Modal */
  .modal {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  /* only-mobile */
  .section_banner .banner-list .item .content > h2 {
    font-size: 2.5vw;
  }

  .section_banner .banner-list .item .content > p {
    font-size: 1.5vw;
  }

  .section_banner .banner-list .item .content > button {
    width: 16vw;
    height: 4.8vw;
    font-size: 1.4vw;
    margin-top: 12px;
  }
}
@media screen and (max-width: 1200px) {
  /* SUB - SIDE */
  .floating-side {
    position: relative;
    top: unset;
    left: unset;
    margin: 127px 0 -57px;
    background-color: var(--color-60);
    padding: 20px;
  }

  .floating-side.mobile_hide {
    display: none;
  }

  .floating-side .sub-floats {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    -webkit-transform: unset;
            transform: unset;
  }

  .floating-side .sub-floats .menu-header {
    display: none;
  }

  .floating-side .sub-floats .search_bar {
    display: none;
  }

  .floating-side .sub-floats .game-list {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 6px;
  }

  .floating-side .sub-floats .game-list .game_item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc((100% / 4) - 5px);
  }

  .floating-side .sub-floats .game-list .game_item.active .game_menu {
    display: none;
  }

  .floating-side .sub-floats .game-list .game_item .game_tit {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 1px solid var(--color-15);
    border-radius: 12px;
  }

  .floating-side .sub-floats .game-list .game_item.active .game_tit {
    background-color: var(--color-11);
  }

  .floating-side .sub-floats .game-list .game_item .game_tit .tit {
    width: 100%;
    text-align: center;
  }

  .floating-side .sub-floats .game-list .game_item .game_tit .view-icon {
    display: none;
  }

  .floating-side .sub-floats .game-list .game_item .game_tit::after {
    background-color: transparent;
    width: 0;
    height: 0;
  }

  .floating-side .sub-floats .game-list.mobile_devide_4 .game_item {
    width: calc((100% / 2) - 3px);
  }
}
@media screen and (max-width: 1600px) {
  /* SUB - SIDE */
  #unique-floating-side {
    display: none;
  }

  #chat {
    padding: 0px 50px 50px 50px;
  }

  .wrapper {
    min-width: 100%;
  }

  #chat .chat-cont {
    padding: 30px 50px;
  }

  #deposit > .inner {
    padding: 50px;
  }

  /* deposit */
  #deposit > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #deposit .deposit {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 0 10px;
  }

  #deposit .deposit .setting .amount {
    gap: 10px 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  #deposit .deposit .setting .amount .btn_bubble {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: calc((100% / 3) - 4px);
  }

  #deposit .deposit .setting .account_pw > input {
    width: 70%;
  }

  #deposit .deposit .setting .own_status .own_amount {
    width: 60%;
    padding: 0 12px;
  }

  #deposit .deposit .setting .own_status .own_amount span {
    font-size: 14px;
  }

  #deposit .deposit .setting .own_status .deposit_amount {
    width: 40%;
  }

  #deposit .deposit .setting .account_info .ai_tit {
    width: 100px;
  }

  #deposit .deposit .setting .account_info .ai_detail {
    padding: 0 12px;
  }

  #deposit .deposit .setting .account_info .ai_detail > span {
    font-size: 13px;
  }

  #deposit .deposit .action_deposit > p {
    margin-bottom: 20px;
    font-size: 14px;
  }

  #deposit .deposit .action_deposit > button {
    width: 50%;
  }

  #deposit .deposit .withdrawal_table {
    padding: 12px;
  }

  #deposit .deposit .withdrawal_table > table caption {
    font-size: 14px;
    padding: 0 0 12px 8px;
  }

  #deposit .deposit .withdrawal_table > table th {
    font-size: 12px;
  }

  #deposit .deposit .withdrawal_table > table td {
    font-size: 12px;
  }

  #deposit .deposit .withdrawal_table .table-btn {
    width: 50%;
    margin-top: 20px;
  }

  #deposit .deposit .warning {
    width: 100%;
    padding: 12px;
    border-radius: 20px;
  }

  #deposit .deposit .warning > p {
    font-size: 12px;
  }

  #deposit .guide-list {
    padding: 0 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #deposit .guide-list .guide-item {
    min-height: 120px;
    padding: 12px 20px 0 30px;
  }

  #deposit .guide-list .guide-item .item_head > span {
    font-size: 16px;
  }

  #deposit .guide-list .guide-item .item_body > p {
    font-size: 14px;
  }

  #deposit .guide-list .guide-banner {
    margin-top: 20px;
    width: 50%;
  }

  #deposit input {
    font-size: 14px;
    padding: 0 12px;
  }

  #deposit > .inner > .tt_tit {
    display: block;
    text-align: center;
  }

  #deposit > .inner > .tt_tit > span {
    font-size: 20px;
  }

  .mobile-tab_subs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  #tab_table {
    padding-top: 0px !important;
  }

  #tab_table .inner,
#exchange > .inner,
#mypage > .inner {
    padding: 0 50px 50px 50px;
  }

  #exchange {
    padding-top: 0px;
  }

  /* mypage */
  #mypage {
    padding: 0 0 30px 0;
  }

  #mypage > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }

  #mypage .password {
    width: 100%;
    min-height: auto;
    background-color: var(--color-20) !important;
  }

  #mypage .account {
    width: 100%;
    min-height: auto;
    background-color: var(--color-20) !important;
  }

  #mypage .recommend {
    width: 100%;
    min-height: auto;
    background-color: var(--color-20) !important;
  }

  #mypage .optional {
    width: 100%;
    min-height: auto;
    background-color: var(--color-20) !important;
  }

  #mypage .bg-rounded {
    background-color: var(--color-20);
    border-radius: 12px;
  }

  #mypage .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    padding: 40px 0 0 0;
    background-color: transparent;
    border: none;
  }

  #mypage .info .inner-box.my {
    width: 100%;
    background-color: var(--color-20) !important;
    padding: 20px 12px;
    border-radius: 12px;
  }

  #mypage .info .inner-box.my .box-content {
    margin-bottom: 20px;
  }

  #mypage .info .inner-box.my .box-content .detail {
    gap: 12px;
  }

  #mypage .info .inner-box.my .box-content .detail .box-head > span {
    font-size: 18px;
  }

  #mypage .info .inner-box.my .box-content .detail .txt-list {
    gap: 4px;
  }

  #mypage .info .inner-box.my .box-content .detail .txt-list .txt .txt_tit {
    font-size: 14px;
  }

  #mypage .info .inner-box.my .box-content .grade {
    width: 44%;
    height: 120px;
  }

  #mypage .info .inner-box.my .box-content .grade .tit {
    font-size: 16px;
  }

  #mypage .info .inner-box.money {
    width: 100%;
    background-color: var(--color-20);
    padding: 20px 12px;
    border: none;
    border-radius: 12px;
  }

  #mypage .info .inner-box.money .box-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px 20px;
    border: 1px solid var(--color-15);
    border-radius: 8px;
    margin-bottom: 12px;
  }

  #mypage .info .inner-box.money .box-head > span {
    font-size: 18px;
  }

  #mypage .info .inner-box.etc {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 10px;
    width: 100%;
    background-color: var(--color-20);
    padding: 20px 12px;
    border-radius: 12px;
  }

  #mypage .info .inner-box.etc .box-item {
    width: 50%;
  }

  #mypage .info .inner-box.etc .box-item .box-head {
    margin-bottom: 12px;
    border: 1px solid var(--color-15);
    border-radius: 8px;
    padding: 8px;
  }

  #mypage .info .inner-box.etc .box-item .box-head > span {
    font-size: 16px;
  }

  #mypage .btn_cont.button-row .img-box {
    width: 46px;
  }

  /* #mypage .form.form-label-horizontal .item input {width: 230px;} */
  #mypage .form.form-label-vertical .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #mypage .form .item > label {
    white-space: nowrap;
    margin-right: 8px;
    width: auto;
  }

  #mypage .recommend .item-scroll-list .item {
    height: 32px;
  }

  #mypage .recommend .item-scroll-list .item .name {
    color: #fff;
  }

  #mypage .recommend .item-scroll-list .item .date {
    color: #fff;
  }

  #mypage .optional {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-radius: 30px;
  }

  #mypage .optional > div {
    padding: 20px 16px;
    gap: 20px;
    border-radius: 12px;
  }

  #mypage .btn_cont.button-column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  #mypage .btn_cont .btn_large {
    border-radius: 8px;
  }

  /** Big Event */
  #mypage > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 2.5vw 0;
    margin-top: 80px;
  }

  #deposit > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    margin-top: 80px;
  }

  #exchange > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    margin-top: 80px;
  }

  #chat > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
  }

  /** End Big Event */
}
@media screen and (max-width: 1500px) {
  /* Header */
  header .header-top {
    padding: 0 4.67vw;
  }
}
@media screen and (max-width: 486px) {
  .btn_down .dropdown_menu {
    right: -150%;
  }
}
@media screen and (max-width: 720px) {
  #slider_6 .item-wrapper .item:nth-child(5) .img > img {
    height: 100% !important;
  }

  .no-selected-data {
    width: 100% !important;
    /* border-right: 1px solid var(--color-15); */
    font-size: 12px;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
  }

  html {
    zoom: 100%;
  }

  .mobile-tab_subs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  /** For Homepage Banners */
  .section_banner .banner-list {
    /* padding: 0; */
  }

  .section_banner .banner-list .item {
    height: 38vw;
    margin: 0 1.55vw;
  }

  .section_banner .banner-list .item .bg > img {
    /* object-fit: contain; */
  }

  .app-footer {
    height: 13.23vw;
  }

  .app-footer a {
    line-height: unset;
  }

  /* #COMMON */
  /* layout */
  .wrapper {
    min-width: auto;
  }

  .inner {
    padding: 0 4.67vw !important;
    overflow: hidden;
  }

  .view_pc {
    display: none;
  }

  .view_mobile {
    display: block;
  }

  header .header-top .logo {
    height: 40px;
  }

  /* Header */
  /* header {background-color: var(--color-1);} */
  header .header-top {
    height: 14.79vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    background-color: var(--color-59);
  }

  header .header-top .log-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 40px;
    gap: 5px;
  }

  header .header-top .log-info .social-container {
    gap: 10px;
  }

  header .header-top .log-info .social-icon.kakao {
    width: 30px;
  }

  header .header-top .log-info .social-icon.last {
    margin-right: 0;
  }

  header .header-top .btn_sidebar {
    display: block;
    position: absolute;
    top: 50%;
    right: 4.67vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    cursor: pointer;
  }

  header .header-top .btn_sidebar::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 80%;
    height: 80%;
  }

  header .header-top .btn_sidebar > img {
    position: relative;
    width: 28px;
  }

  header .gnb {
    display: none;
  }

  header .lg-btns {
    display: none;
  }

  header .alert {
    display: none;
  }

  header .user-log {
    display: none;
  }

  header .header-top .log-info .btn-event {
    display: none;
  }

  header .own-amount .user-balance,
header .own-amount .user-points {
    font-size: 14px;
  }

  header .header-top .log-info .btn-log {
    display: none;
  }

  header .header-top .log-info span img {
    display: block;
  }

  /* main */
  main {
    min-height: calc(100vh - 220px);
    margin-top: 14.79vw;
  }

  /* footer */
  footer {
    margin: 0 0 10.23vw;
    bottom: 0px;
  }

  footer .fnb {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1.33vw;
    height: 7.78vw;
    padding: 0 3.42vw;
    text-align: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  footer .fnb::-webkit-scrollbar {
    display: none;
  }

  footer .fnb .menu-list {
    width: auto;
  }

  footer .fnb .menu-list .tit {
    margin-bottom: 0;
  }

  footer .fnb .menu-list .tit > span {
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 3.5em;
    white-space: nowrap;
  }

  footer .fnb .menu-list .menu {
    display: none;
  }

  footer .partners {
    height: 12.07vw;
    padding: 2.59vw 3.42vw;
    overflow: hidden;
  }

  footer .partners marquee {
    display: block;
    height: 100%;
  }

  footer .partners .item {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    height: 100%;
  }

  footer .partners .item > img {
    max-height: 100%;
  }

  footer .copyright p, footer .copyright > span {
    font-size: 1.8vw;
  }

  footer .copyright p {
    padding-bottom: 12px;
  }

  .marquee .item img {
    height: 15px !important;
  }

  .marquee .item img.img-top {
    height: 20px !important;
  }

  #top-partner {
    height: 25px !important;
  }

  .logoMarqueeSection {
    padding: 15px 20px;
  }

  .marquee {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
  }

  /* app-footer */
  .app-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .floating-menu {
    display: none;
  }

  .big-event-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
  }

  /** Display in mobile */
  .big-event-home > a {
    width: 100%;
  }

  #mypage > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin: 80px 0;
  }

  #deposit > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin: 0 0 80px 0;
  }

  #tab_table > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin: 0 0 80px 0;
  }

  #exchange > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    margin: 0 0 80px 0;
  }

  /** Big Event */
  #mypage > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 2.5vw 0;
    margin: 80px 0 0;
  }

  #deposit > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    margin: 80px 0 0;
  }

  #tab_table > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    margin: 80px 0 0;
  }

  #exchange > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    margin: 80px 0 0;
  }

  #chat > .big-event-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    margin: 80px 0 0;
  }

  /** End Big Event */
  /* SUB - SIDE */
  #unique-floating-side {
    display: none;
  }

  .floating-side {
    position: relative;
    top: unset;
    left: unset;
    margin: 57px 0 -57px;
    background-color: var(--color-60);
    padding: 12px 0;
  }

  .floating-side.mobile_hide {
    display: none;
  }

  .floating-side .sub-floats {
    position: relative;
    top: unset;
    left: unset;
    width: 100%;
    -webkit-transform: unset;
            transform: unset;
  }

  .floating-side .sub-floats .menu-header {
    display: none;
  }

  .floating-side .sub-floats .search_bar {
    display: none;
  }

  .floating-side .sub-floats .game-list {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 4px 6px;
  }

  .floating-side .sub-floats .game-list .game_item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: calc((100% / 4) - 5px);
  }

  .floating-side .sub-floats .game-list .game_item.active .game_menu {
    display: none;
  }

  .floating-side .sub-floats .game-list .game_item .game_tit {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border: 1px solid var(--color-15);
    border-radius: 12px;
  }

  .floating-side .sub-floats .game-list .game_item.active .game_tit {
    background-color: var(--color-11);
  }

  .floating-side .sub-floats .game-list .game_item .game_tit .tit {
    width: 100%;
    text-align: center;
  }

  .floating-side .sub-floats .game-list .game_item .game_tit .view-icon {
    display: none;
  }

  .floating-side .sub-floats .game-list .game_item .game_tit::after {
    background-color: transparent;
    width: 0;
    height: 0;
  }

  .floating-side .sub-floats .game-list.mobile_devide_4 .game_item {
    width: calc((100% / 2) - 3px);
  }

  /* modal */
  .modal {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
  }

  #modal_post {
    width: 90vw;
    padding: 60px 20px 30px;
  }

  #modal_post .post_content {
    height: 500px;
    max-height: 80vh;
    padding-right: 8px;
  }

  #modal_games {
    width: 90vw;
    padding: 60px 20px 30px;
  }

  #modal_games .games_content {
    height: 400px;
    max-height: 80vh;
    padding-right: 8px;
  }

  /* only-mobile */
  .tab_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  .tab_header .btn-tab {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.8vw;
    width: calc((100% / 4) - 8px);
    height: 8vw;
    background-color: transparent;
    border: 1px solid var(--color-59);
    border-radius: 2.18vw;
    font-size: 2.95vw;
    font-weight: 400;
    color: #fff;
    -webkit-transition: background-color 0.15s;
    transition: background-color 0.15s;
  }

  .tab_header .btn-tab.active {
    background-color: var(--color-17);
    color: #fff;
  }

  .tab_header .btn-tab > img {
    width: 2.6vw;
  }

  .tab_header .btn-tab > span {
    font-size: 2.4vw;
  }

  .tab_header button.btn-tab.active > span {
    color: #fff;
  }

  .tab_header .btn-tab.bg-deposit {
    background-color: #298634;
    border: 1px solid #2f903b;
  }

  .tab_header .btn-tab.bg-deposit > span {
    color: #fff;
  }

  .tab_header .btn-tab.bg-withdraw {
    background-color: #a83636;
    border: 1px solid #b34d4d;
  }

  .tab_header .btn-tab.bg-withdraw > span {
    color: #fff;
  }

  #sidebar .account-info .asl-button-row .asl-button-column > .bg-deposit {
    background-color: #298634;
    border: 1px solid #2f903b;
  }

  #sidebar .account-info .asl-button-row .asl-button-column > .bg-withdraw {
    background-color: #a83636;
    border: 1px solid #b34d4d;
    color: #fff;
  }

  .section_banner .banner-list {
    padding: 3.11vw 0;
    background-color: var(--color-18);
  }

  .section_banner .banner-list .item {
    width: 90.73vw;
    height: 31.15vw;
    border-radius: 2.33vw;
    margin: 0 3.55vw;
    overflow: hidden;
    width: 100% !important;
  }

  .section_banner .banner-list .item .content > h2 {
    font-size: 3vw;
    line-height: 1.12;
  }

  .section_banner .banner-list .item .content > p {
    font-size: 1.8vw;
    margin-top: 0.5vw;
  }

  .section_banner .banner-list .item .content > button {
    width: 20vw;
    height: 6vw;
    border-radius: 1.5vw;
    font-size: 1.8vw;
    margin-top: 1vw;
  }

  .section_banner .notice .content .date {
    display: none;
  }

  .section_banner .notice .content .alert {
    width: 100%;
  }

  .section_banner .notice .content .alert span {
    -webkit-animation: marquee2 15s linear infinite;
            animation: marquee2 15s linear infinite;
  }

  .section_sub_banner {
    padding-top: 20px;
  }

  .section_sub_banner .banner-list .item {
    height: 160px;
  }

  .section_sub_banner .banner-list .item .content .banner-tit {
    bottom: 30px;
    width: 140px;
    height: 42px;
    padding-left: 0;
    text-align: center;
  }

  .section_sub_banner .banner-list .item .content .banner-tit > span {
    font-size: 14px;
  }

  .section_game {
    padding: 0;
  }

  .section_game .sec_wrapper .sec_item {
    display: none;
  }

  .section_game .sec_wrapper .sec_item.active {
    display: block;
  }

  .section_game .sec_wrapper .sec_item .sec_head {
    display: none;
  }

  .section_game .sec_wrapper .sec_item .sec_content {
    gap: 3.89vw 2.12vw;
    background-color: var(--color-4);
    padding: 2.78vw 2.78vw;
    border: 1px solid var(--color-15);
    border-radius: 2.33vw;
    margin-top: 0;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin-bottom: 30px;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .img {
    border-radius: 1.86vw;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption {
    display: block;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .img #view {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 50%;
    top: 50%;
    font-size: 10px;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .img .figcaption > span > img {
    padding: 10px 0px;
    width: 40%;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite {
    display: none;
    width: 35%;
    height: 35%;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .img .is_favorite > img {
    width: 1.8vw;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .desc {
    margin-top: 1vw;
    height: 15px;
  }

  .section_game .sec_wrapper .sec_item .sec_content .item .desc > span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    color: var(--color-22);
  }

  .section_game .sec_wrapper .sec_item .sec_content .item:hover .desc > span {
    color: #fff;
  }

  .section_game .sec_wrapper .sec_item .item .favorite_type {
    top: 4%;
    right: 4%;
    width: 18px;
    height: 18px;
    display: none;
  }

  .section_game .sec_wrapper .item {
    width: calc((100% / 4) - 1.6vw) !important;
  }

  /* .section_game.section_mobile_grid .sec_wrapper .item {width: auto !important;} */
  .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(1) {
    width: 100%;
  }

  .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(2) {
    width: 100%;
  }

  .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) {
    padding-left: 0;
  }

  .section_game .sec_wrapper.devide_1-1-2 .sec_item:nth-child(3) .sec_content {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-template-columns: unset;
    gap: 0;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item {
    grid-area: unset !important;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item-wrapper .item .img {
    aspect-ratio: unset;
    height: auto !important;
    aspect-ratio: unset;
    border-radius: 2.33vw;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item.active .img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(115, 50, 254, 0.3);
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item.active .img {
    border: 1px solid var(--color-11);
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item .img .figcaption {
    display: none;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item .img .is_favorite {
    display: none;
    width: 35%;
    height: 35%;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item .img .is_favorite > img {
    width: 1.8vw;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item .desc {
    margin-top: 1vw;
    height: 20px;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item .desc > span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 3.4vw;
    white-space: nowrap;
    color: #a1afce;
  }

  .section_game .sec_wrapper .sec_item .sec_content_grid .item:hover .desc > span {
    color: #fff;
  }

  .section_sub {
    padding: 20px 0;
  }

  .section_sub .sec_wrapper .sec_item {
    display: block;
  }

  .section_sub .sec_wrapper .sec_item .sec_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_sub .sec_wrapper .sec_item .sec_content_grid {
    position: relative;
    width: 100vw;
    left: -4.67vw;
    padding: 0px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-top: 20px;
    background-color: transparent;
    border: none;
    gap: 0;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .section_sub .sec_wrapper .sec_item .sec_content_grid::-webkit-scrollbar {
    display: none;
  }

  .section_sub .sec_wrapper .sec_item .sec_content_grid .item-wrapper {
    padding-right: 20px;
  }

  .section_sub .sec_wrapper .sec_item .sec_content_grid .item .desc > span {
    color: #fff;
  }

  .section_sub .sec_wrapper .sec_item .item-wrapper.mobile_view_1 .item {
    width: 29.8vw !important;
  }

  .section_mobile.section_famous .sec_wrapper .sec_item .sec_content .item {
    width: 29.8vw !important;
  }

  .section_sub .sec_wrapper .sec_item .item-wrapper.mobile_view_2 .item {
    width: 44.85vw !important;
  }

  #slider_5,
#slider_6,
#slider_8 {
    width: calc(100vw - 0px);
  }

  .section_sub .sec_wrapper .sec_item .item .img {
    -webkit-box-shadow: 0 13px 20px -7px #000;
            box-shadow: 0 13px 20px -7px #000;
  }

  #slider_10,
#slider_13 {
    width: calc(100vw - 0px);
  }

  #slider_21 {
    width: calc(100vw - 0px);
  }

  #slider_22 {
    width: calc(100vw - 0px);
  }

  #slider_23 {
    width: calc(100vw - 0px);
  }

  #slider_24 {
    width: calc(100vw - 0px);
  }

  #slider_55,
#slider_9 {
    width: calc(100vw - 0px);
  }

  #fps_1 {
    width: calc(100vw - 0px);
  }

  #card_1 {
    width: calc(100vw - 0px);
  }

  .section_mobile .sec_wrapper .sec_item .sec_content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .section_mobile .sec_wrapper .sec_item .sec_content .item .img {
    height: auto;
  }

  .section_mobile .sec_wrapper .sec_item .sec_content {
    padding: 20px 20px 0;
  }

  /* #home_4 { width: calc(100vw - 0px) } */
  .section_game .sec_wrapper .sec_banner {
    margin-top: 20px;
  }

  .section_game .sec_wrapper .sec_banner .item-banner {
    height: 210px;
    border-radius: 20px;
  }

  .section_search {
    display: none;
  }

  .section_mobile {
    display: block;
    padding: 20px 0;
  }

  .section_mobile.section_event {
    margin-top: 0px;
    background-color: var(--color-60);
  }

  .section_mobile_grid .sec_wrapper .sec_item .sec_content {
    background-color: transparent;
    border: none;
    padding: 0;
    gap: 6px 12px;
  }

  .section_mobile_grid .sec_wrapper.devide_6 .item {
    width: calc((100% / 4) - 9px) !important;
  }

  .section_mobile_grid .sec_wrapper .sec_item .sec_content .item .desc > span {
    color: #fff;
  }

  .section_mobile_grid .sec_wrapper .sec_item .sec_head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section_favorite {
    background-color: var(--color-18) !important;
  }

  #mypage > .big-event-info {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.5vw 0;
    text-align: center;
  }

  #mypage .info {
    padding: 0;
  }

  #mypage .recommend .item-scroll-list .item .name {
    color: #fff;
  }

  /* deposit */
  #deposit > .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
    padding-top: 0px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #deposit .deposit {
    width: 100%;
    background-color: transparent;
    border-radius: 0;
    padding: 0 10px;
  }

  #deposit .deposit .setting .amount {
    gap: 10px 6px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  #deposit .deposit .setting .amount .btn_bubble {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    width: calc((100% / 3) - 4px);
  }

  #deposit .deposit .setting .account_pw > input {
    width: 70%;
    font-size: calc(16px + 6 * ((100vw - 720px) / 250));
  }

  #deposit .deposit .setting .own_status .own_amount {
    width: 60%;
    padding: 0 12px;
  }

  #deposit .deposit .setting .own_status .own_amount span {
    font-size: 14px;
  }

  #deposit .deposit .setting .own_status .deposit_amount {
    width: 40%;
  }

  #deposit .deposit .setting .account_info .ai_tit {
    width: 100px;
  }

  #deposit .deposit .setting .account_info .ai_detail {
    padding: 0 12px;
  }

  #deposit .deposit .setting .account_info .ai_detail > span {
    font-size: 13px;
  }

  #deposit .deposit .action_deposit > p {
    margin-bottom: 20px;
    font-size: 14px;
  }

  #deposit .deposit .action_deposit > button {
    width: 50%;
  }

  #deposit .deposit .withdrawal_table {
    padding: 12px;
  }

  #deposit .deposit .withdrawal_table > table caption {
    font-size: 14px;
    padding: 0 0 12px 8px;
  }

  #deposit .deposit .withdrawal_table > table th {
    font-size: 12px;
  }

  #deposit .deposit .withdrawal_table > table td {
    font-size: 12px;
  }

  #deposit .deposit .withdrawal_table .table-btn {
    width: 50%;
    margin-top: 20px;
  }

  #deposit .deposit .warning {
    width: 100%;
    padding: 12px;
    border-radius: 20px;
  }

  #deposit .deposit .warning > p {
    font-size: 12px;
  }

  #deposit .btn_large {
    font-size: 13px;
  }

  #deposit .guide-list {
    padding: 0 24px;
  }

  #deposit .guide-list .guide-item {
    min-height: 120px;
    padding: 12px 20px 0 30px;
  }

  #deposit .guide-list .guide-item .item_head > span {
    font-size: 16px;
  }

  #deposit .guide-list .guide-item .item_body > p {
    font-size: 14px;
  }

  #deposit .guide-list .guide-banner {
    margin-top: 20px;
  }

  #deposit input {
    font-size: 14px;
    padding: 0 12px;
  }

  #deposit > .inner > .tt_tit {
    display: block;
    text-align: center;
  }

  #deposit > .inner > .tt_tit > span {
    font-size: 20px;
  }

  #deposit .deposit .setting .own_status .withdrawal_btn .rolling-condition {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  /* event */
  #event {
    padding: 0;
  }

  #event .tab-header {
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    left: 0;
    width: 100%;
    padding: 12px 16px;
    background-color: transparent;
  }

  #event .tab-header .btn_tab {
    border-color: var(--color-1);
    border-radius: 15px;
    width: auto;
    height: 40px;
    font-size: 14px;
  }

  #event .tab-body {
    margin-top: 30px;
    padding-bottom: 30px;
  }

  #event .tab-body .tab .item-list {
    gap: 20px 10px;
  }

  #event .tab-body .tab .item-list .item {
    width: calc((100% / 2) - 5px);
  }

  #event .tab-body .tab .item-list .item .img {
    height: 114px;
    border-radius: 10px;
  }

  #event .tab-body .tab .item-list .item .tit {
    margin-top: 4px;
  }

  #event .tab-body .tab .item-list .item .tit > span {
    font-size: 14px;
  }

  /* Library Swiper */
  .swiper-pagination-bullet {
    width: 1.71vw;
    height: 1.71vw;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0.5vw !important;
  }

  .swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 4.67vw !important;
    width: calc(100vw - 9.34vw) !important;
  }

  .swiper-scrollbar {
    background: var(--color-3) !important;
  }

  .swiper-scrollbar-drag {
    background: var(--color-11) !important;
  }

  .btn_large {
    font-size: 14px;
    height: 42px;
  }

  /* TODO 5th */
  /* 계좌 정보 */
  #account {
    padding-top: 0;
  }

  #account .account {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }

  #account .account .account-detail .tit {
    padding: 20px 0;
  }

  #account .account .account-detail .tit > span {
    font-size: 20px;
  }

  #account .account .account-detail .account-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    gap: 10px;
  }

  #account .account .account-detail .account-form .item {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #account .account .account-detail .account-form .item:nth-child(1) {
    width: 100%;
  }

  #account .account .account-detail .account-form .item:nth-child(2) {
    width: calc(50% - 5px);
  }

  #account .account .account-detail .account-form .item:nth-child(3) {
    width: calc(50% - 5px);
  }

  #account .account .account-detail .account-form .item .tit {
    padding: 0;
  }

  #account .account .account-detail .account-form .item .content {
    width: 100%;
  }

  #account .account .account-detail .account-form .item .content > input {
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
  }

  #account .account .account-detail .button-row > button {
    width: 140px;
  }

  #account .account .account-enroll {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 20px;
    gap: 10px;
  }

  #account .account .account-enroll .account-form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }

  #account .account .account-enroll .account-form .item {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  #account .account .account-enroll .account-form .item:nth-child(1) {
    width: 100%;
  }

  #account .account .account-enroll .account-form .item:nth-child(2) {
    width: calc(50% - 5px);
  }

  #account .account .account-enroll .account-form .item:nth-child(3) {
    width: calc(50% - 5px);
  }

  #account .account .account-enroll .account-form .item .content > input {
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
  }

  #account .account .account-enroll .button-row {
    width: 100%;
  }

  #account .account .account-enroll .button-row > button {
    width: 100%;
  }

  #account .account .account-table > table > thead > colgroup {
    display: none;
  }

  #account .account .account-table > table > thead > tr > th {
    font-size: 12px;
  }

  #account .account .account-table > table > tbody > tr > td > span {
    font-size: 12px;
  }

  #account .account .account-table > table > tbody > tr > td:nth-child(1) {
    width: 1px !important;
  }

  #account .account .account-table > table > tbody > tr > td:nth-child(2) {
    width: 1px !important;
  }

  #account .account .account-table > table > tbody > tr > td:nth-child(3) {
    width: 1px !important;
  }

  #account .account .account-table > table > tbody > tr > td:nth-child(4) {
    width: 1px !important;
  }

  #account .account .account-table > table > tbody > tr > td:nth-child(5) {
    width: 1px !important;
  }

  #account .account .account-table > table > tbody > tr > td > span.btn-remove_tr > img {
    width: 12px;
  }

  #account .account .guide-box {
    margin-top: 20px;
    padding: 12px;
    font-size: 12px;
  }

  /* 테이블 */
  #tab_table {
    padding: 0;
  }

  #tab_table .tab_table .tab-head {
    display: none;
  }

  #tab_table .tab_table .tab-body {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }

  #tab_table .tab_table .tab-body .tab .tab_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_tit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_tit > span {
    padding-left: 0;
    font-size: 20px;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_tit > p {
    padding-left: 0;
    white-space: nowrap;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt-mo-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_opt {
    gap: 8px;
    margin-top: 30px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_opt > .btn_delete {
    width: 125px;
    font-size: 14px;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_opt > span {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
    white-space: nowrap;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_opt .type {
    display: none;
  }

  #tab_table .tab_table .tab-body .tab .tab_top .tt_opt .period .datepicker {
    width: 110px;
    padding: 10px;
    border-radius: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.3);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper {
    padding-bottom: 30px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > thead > tr > th {
    font-size: 12px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td {
    height: 36px;
    padding: 0;
    font-size: 13px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content {
    font-size: 10px;
    overflow-wrap: anywhere;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td.no-data {
    font-size: 12px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td.td_align_left {
    padding-left: 8px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table {
    table-layout: auto;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > thead {
    display: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(100vw + -9.6vw);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    margin-bottom: 12px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: auto;
    padding: 8px;
    margin-bottom: -1px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(1) {
    width: 21%;
    background-color: var(--color-19);
    border-right: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) {
    width: 29%;
    background-color: var(--color-19);
    border-left: none;
    border-right: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(3) {
    width: calc(100% / 2);
    border-right: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(4) {
    width: calc(100% / 2);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(5) {
    width: calc(100% / 2);
    border-right: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(6) {
    width: calc(100% / 2);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(7) {
    width: calc(100% / 2);
    border-right: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(8) {
    width: calc(100% / 2);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(9) {
    width: calc(100% / 3);
  }

  /* #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(1) {width: 35%; background-color: var(--color-19); border-right: none;}
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) {width: 65%; background-color: var(--color-19); border-left: none;}
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(3) {width: calc(100% / 2); }
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(4) {width: calc(100% / 2);}
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(5) {width: calc(100% / 2);  }
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(6) {width: calc(100% / 2);}
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(7) {width: calc(100% / 2); }
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(8) {width: calc(100% / 2); }
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(9) {width: calc(100% / 3);} */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(1) .tb_col_tit {
    display: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) .tb_col_tit {
    display: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td:nth-child(2) .tb_content {
    font-size: 13px;
    color: #fff;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td > span {
    white-space: normal;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td .tb_col_tit {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table > tbody > tr > td .tb_content {
    font-size: 10px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper .table-pagination {
    margin-top: 20px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit {
    margin-top: 0;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td .td-big {
    font-size: 18px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-betting-limit .table-wrapper > table > tbody > tr > td .td-mid {
    font-size: 12px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table {
    width: 100%;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-big {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 60px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont.table-bonus .table-wrapper > table > tbody > tr > td .td-mid {
    font-size: 14px;
  }

  /** Table History Classic */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr {
    margin-bottom: 0px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td {
    padding: 4px 4px !important;
  }

  /* // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(3) {width: 50%; justify-content: center; order: 3; background-color: #142331;}
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(4) {width: 100%; order: 4}
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(5) {width: calc(100% / 3); justify-content: end; align-items: center;line-height: 1rem;margin: 0;padding: 0; margin-bottom: -1px; order: 7; border-left: none;}
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(6) {width: 100%; flex-direction: row-reverse; order: 8;}
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(7) {width: calc(100% / 3); justify-content: center;align-items: center; order: 5; border-right: none;}
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(8) {width: calc(100% / 3); justify-content: center;align-items: center; order: 6;  }
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(9) {width: calc(100% / 3); justify-content: center;align-items: center; }
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(10) {width: calc(100% / 3); justify-content: center;align-items: center; }
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.vs-txt {margin-right: 10px} */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content {
    font-size: 12px;
  }

  /* // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.name { margin-right: 10px; line-height: 1rem;}
  // #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.odds { margin-left: 10px; line-height: 1rem;} */
  /** Redesign */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(3) {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    border-right: 1px solid var(--color-15);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(4) {
    width: 44%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(5) {
    width: 12%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1rem;
    margin: 0;
    margin-bottom: -1px;
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
    border: none;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(6) {
    width: 44%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(7) {
    width: 50%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    border-right: 1px solid var(--color-15);
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(8) {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
            order: 9;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(9) {
    width: calc(100% / 3);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td:nth-child(10) {
    width: calc(100% / 3);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper > table > tbody > tr > td .tb_content.vs-txt {
    margin: auto;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.name {
    margin-left: 0px;
    line-height: unset;
    text-align: left;
    word-break: keep-all;
    overflow-wrap: break-word;
    padding-right: 5px;
    margin-right: 5px;
  }

  /** fix for ou*/
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td .tb_content.odds {
    margin-right: 0px;
    line-height: unset;
    text-align: right;
    white-space: nowrap;
  }

  td > span.name {
    line-height: unset;
  }

  /** End Redesign */
  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls1 {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 60%;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls1 > span.one-line {
    width: 100%;
    white-space: nowrap;
    text-align: left;
    margin-left: 40px;
    font-size: 12px;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls2 {
    width: 40%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    border-right: 1px solid #313447;
  }

  #tab_table .tab_table .tab-body .tab .tab-cont .table-wrapper.mobile-view-item > table.tbl-sports > tbody > tr > td.bet-dtls2 > span {
    border-radius: 3px;
    padding: 8px 15px;
    margin-top: 5px;
    margin-right: 5px;
  }

  #tab_table .status-waiting {
    background-color: #475a6d;
    color: #fff !important;
  }

  #tab_table .status-win {
    background-color: #298634;
    color: #fff !important;
  }

  #tab_table .status-lose {
    background-color: #a83636;
    color: #fff !important;
  }

  #tab_table .status-draw,
#tab_table .status-unsettled {
    background-color: #c2910e;
    color: #fff !important;
  }

  #tab_table .status-cancelled {
    background-color: #1d2935;
    color: #58636f !important;
  }

  #tab_table .status-refund {
    background-color: #608df1;
    color: #FFF !important;
  }

  /* 아코디언 */
  #qna {
    padding: 0 0 30px 0;
  }

  #qna .qna {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
  }

  #qna .qna .tit {
    padding: 20px 0;
  }

  #qna .qna .tit > span {
    font-size: 20px;
  }

  #qna .qna .accordian-list {
    margin-top: 0;
  }

  #help .qna {
    background-color: transparent;
    padding: 30px 0px;
  }

  #help {
    padding-top: 0px;
  }

  /* Betradar */
  .mtb-30 {
    margin: 10px 0;
    white-space: nowrap;
    font-size: 14px;
  }

  .mtb-40 {
    margin-top: 15px;
    margin-bottom: 10px;
    line-height: 1.5;
    white-space: nowrap;
    font-size: 14px;
  }

  .mb-20 {
    margin-top: 10px;
    margin-bottom: 15px;
    white-space: nowrap;
  }

  .betradar-cols > .img-mob {
    width: calc(100% / 6);
  }

  .betradar-cols > .img-web {
    width: calc(100% / 2);
  }

  .betradar-cols > .icon {
    width: 10px;
  }

  .read-notice {
    font-size: 10px;
  }

  /* 포인트 전환 */
  #exchange {
    padding-bottom: 40px;
    padding-top: 0px;
  }

  #exchange .exchange {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
  }

  #exchange .exchange .tit {
    padding: 20px 0;
  }

  #exchange .exchange .tit > span {
    font-size: 20px;
  }

  #exchange .exchange .exchange-box {
    margin-top: 0;
    padding: 12px 20px;
    gap: 12px;
    border-radius: 8px;
  }

  #exchange .exchange .button-list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 20px;
  }

  #exchange .exchange .button-list > button {
    width: calc((100% / 3) - 4px);
  }

  #exchange .exchange .button-confirm-row {
    margin: 12px 0 20px;
  }

  #exchange .exchange .button-confirm-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }

  #exchange .exchange .banner {
    height: 180px;
    background-color: transparent;
  }

  /* 지인 관리 */
  .friend-manage {
    padding: 0;
    background-color: transparent;
  }

  .friend-manage .fm-tit {
    padding: 20px 0;
  }

  .friend-manage .fm-tit > span {
    font-size: 20px;
  }

  .friend-manage .fm-invite {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .friend-manage .fm-invite .fi-box {
    padding: 12px 20px;
    min-height: auto;
    width: 100%;
  }

  .friend-manage .fm-invite .fi-box > p {
    font-size: 16px;
  }

  .friend-manage .fm-invite .fi-box .fb-row > input {
    width: 50%;
    padding: 0 12px;
  }

  .friend-manage .fm-guide {
    margin-top: 20px;
  }

  .friend-manage .fm-guide .fg-box {
    width: 100%;
    padding: 20px 8px;
  }

  .friend-manage .fm-guide .fg-box > p {
    font-size: 14px;
  }

  /* 채팅 */
  #chat {
    padding: 0 0 30px 0;
  }

  #chat .chat-cont .tit {
    padding: 20px 0;
  }

  #chat .chat-cont .tit > span {
    font-size: 20px;
  }

  #chat .chat-cont {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
  }

  #chat .chat-cont .chat-form {
    position: relative;
    margin-top: 0;
    background-color: #1f2331;
    border: 1px solid #303449;
    border-radius: 8px;
    overflow: hidden;
  }

  #chat .chat-cont .chat-form::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--color-15);
    border-radius: 0 0 8px 8px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
  }

  #chat .chat-cont .chat-form .chat-list {
    border-radius: 0;
    padding: 60px 15px 5px;
  }

  #chat .chat-cont .chat-form .chat-list .chat .chatbox {
    gap: 8px;
  }

  #chat .chat-cont .chat-form .chat-list .chat .chatbox .txt {
    font-size: 12px;
    padding: 12px;
  }

  #chat .chat-cont .chat-form .chat-list .chat .chat_time {
    margin-bottom: 12px;
    font-size: 12px;
    padding-left: 12px;
  }

  #chat .chat-cont .chat-form .chat-list .chat.me .chat_time {
    padding-right: 12px;
  }

  #chat .chat-cont .chat-form .chat-input-row {
    display: block;
    padding: 12px 8px;
    margin-top: 0;
    height: auto;
    background-color: var(--color-54);
  }

  #chat .chat-cont .chat-form .chat-input-row > input {
    border-radius: 8px;
    padding: 0 12px;
    background-color: var(--color-27);
  }

  #chat .chat-cont .chat-form .chat-input-row > button {
    width: 100px;
    border-radius: 8px;
  }

  #chat .chat-cont .chat-form .chat-input-row > textarea {
    display: block;
  }

  #userSubmit {
    width: 100% !important;
    margin-top: 10px;
  }

  .modal {
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    border-radius: 24px;
  }

  .modal .modal_icon {
    width: 48px;
    top: -25px;
  }

  .modal .modal_inner {
    max-height: 64vh;
  }

  .modal .modal_inner.scroll-inner {
    overflow-y: auto;
    padding: 0px 20px;
  }

  .modal .modal_inner.scroll-inner::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }

  .modal .modal_inner.scroll-inner::-webkit-scrollbar-thumb {
    background-color: var(--color-17);
    border-radius: 4px;
    background-clip: padding-box;
    border: 1px solid var(--color-17);
  }

  .modal .modal_inner.scroll-inner::-webkit-scrollbar-track {
    background-color: var(--color-71);
    border-radius: 4px;
    -webkit-box-shadow: none;
            box-shadow: none;
  }

  .modal .modal_inner .modal_tit {
    margin-bottom: 20px;
  }

  .modal .modal_inner .modal_tit > span {
    font-size: 20px;
  }

  #modal_login {
    width: 90vw;
    padding: 40px 30px 30px;
  }

  #modal_join {
    width: 90vw;
    padding: 40px 20px;
  }

  #modal_post {
    width: 90vw;
    padding: 20px;
  }

  #modal_post .post_content {
    height: 400px;
    max-height: 80vh;
    padding-right: 8px;
  }

  .form-login .form .form-input .tit {
    font-size: 14px;
    width: 88px;
  }

  .form-join {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .form-join .form {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    gap: 15px 0;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .form-join .form .form-input {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .form-join .form .form-input .img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 24px;
  }

  .form-join .form .form-input .input {
    height: 40px;
  }

  .form-join .form .form-input .select {
    height: 40px;
  }

  .form-join .form .form-input .nice-select {
    font-size: 12px;
    padding: 0 12px;
  }

  .form-join .form .form-input .input > input {
    padding: 0 12px;
    font-size: 12px;
  }

  .form-join .form .form-input .btn_certify {
    height: 40px;
  }

  .form-join .form .form-input .timer {
    font-size: 12px;
    width: 40%;
  }

  .form-join .bottom_info {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    top: unset;
  }

  .form-join .bottom_info .banner {
    display: none;
  }

  .form-join .bottom_info .guide {
    gap: 8px;
    margin-inline: auto;
  }

  .form_button {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 20px 0;
  }

  .form_button > button {
    max-width: 180px;
    font-size: 14px;
  }

  .form_option > p {
    font-size: 12px;
  }

  .form_option > button {
    max-width: 180px;
    font-size: 14px;
  }

  .form-join .form .form-input:nth-child(6) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .form-join .form .form-input:nth-child(7) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .form-join .form .form-input:nth-child(8) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .form-join .form .form-input:nth-child(9) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .form-join .form .form-input:nth-child(10) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .form-join .form .form-input:nth-child(11) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  #back-to-top {
    display: inline-block;
    width: 35px;
    height: 50px;
    position: fixed;
    bottom: 50px;
    right: 23px;
    -webkit-transition: bottom 0.3s, opacity 0.5s, visibility 0.5s;
    transition: bottom 0.3s, opacity 0.5s, visibility 0.5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
  }

  .bg video {
    -o-object-fit: fill;
       object-fit: fill;
  }

  .newloader svg {
    width: 140px;
  }

  .newloader img {
    width: 100px;
  }

  .app-footer .app-menu .menu-icon {
    width: 4.5vw;
    height: 4.5vw;
  }

  .app-footer .app-menu .menu-icon > img {
    vertical-align: baseline;
  }

  .app-footer .app-menu .menu-tit {
    font-size: 2.4vw;
  }
}
@media screen and (max-width: 500px) {
  /** For Notice **/
  .section_banner .notice {
    height: 45px;
  }

  .section_banner .notice .content .alert span {
    font-size: 12px;
  }
}
@media screen and (min-width: 721px) {
  .b-sidebar-header {
    top: 129px !important;
  }

  .b-sidebar-body {
    top: 162px !important;
  }
}
@charset "UTF-8";
/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/
/* theme color */

/**
$base-menu-color:hsla(0,0%,100%,.65);
$base-menu-color-active:#fff;
$base-menu-background:#001529;
$base-logo-title-color: #ffffff;

$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;

$base-sub-menu-background:#000c17;
$base-sub-menu-hover:#001528;
*/

/* fade */
.fade-enter-active,
.fade-leave-active {
  -webkit-transition: opacity 0.28s;
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}

/* fade-transform */
.fade-transform--move,
.fade-transform-leave-active,
.fade-transform-enter-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.fade-transform-leave-active {
  position: absolute;
}

.fade-transform-enter {
  opacity: 0;
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
}

/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  -webkit-transform: translateX(20px);
          transform: translateX(20px);
}

.breadcrumb-move {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.breadcrumb-leave-active {
  position: absolute;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
  font-weight: 400 !important;
}

.el-upload input[type=file] {
  display: none !important;
}

.el-upload__input {
  display: none;
}

.cell .el-tag {
  margin-right: 0px;
}

.small-padding .cell {
  padding-left: 5px;
  padding-right: 5px;
}

.fixed-width .el-button--mini {
  padding: 7px 10px;
  width: 60px;
}

.status-col .cell {
  padding: 0 10px;
  text-align: center;
}
.status-col .cell .el-tag {
  margin-right: 0px;
}

.el-dialog {
  -webkit-transform: none;
          transform: none;
  left: 0;
  position: relative;
  margin: 0 auto;
}

.upload-container .el-upload {
  width: 100%;
}
.upload-container .el-upload .el-upload-dragger {
  width: 100%;
  height: 200px;
}

.el-dropdown-menu a {
  display: block;
}

.el-range-editor.el-input__inner {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}

.el-range-separator {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.el-menu--collapse > div > .el-submenu > .el-submenu__title .el-submenu__icon-arrow {
  display: none;
}

#app .main-container {
  min-height: 100%;
  -webkit-transition: margin-left 0.1s;
  transition: margin-left 0.1s;
  margin-left: 200px;
  position: relative;
}
#app .sidebarHide {
  margin-left: 0 !important;
}
#app .sidebar-container {
  -webkit-transition: width 0.1s;
  transition: width 0.1s;
  width: 200px !important;
  background-color: #304156;
  height: 100%;
  position: fixed;
  font-size: 0px;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  -webkit-box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
  box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
}
#app .sidebar-container .horizontal-collapse-transition {
  -webkit-transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
  transition: 0s width ease-in-out, 0s padding-left ease-in-out, 0s padding-right ease-in-out;
}
#app .sidebar-container .scrollbar-wrapper {
  overflow-x: hidden !important;
}
#app .sidebar-container .el-scrollbar__bar.is-vertical {
  right: 0px;
}
#app .sidebar-container .el-scrollbar {
  height: 100%;
}
#app .sidebar-container.has-logo .el-scrollbar {
  height: calc(100% - 45px);
}
#app .sidebar-container .is-horizontal {
  display: none;
}
#app .sidebar-container a {
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
#app .sidebar-container .svg-icon {
  margin-right: 10px;
}
#app .sidebar-container .el-menu {
  border: none;
  height: 100%;
  width: 100% !important;
}
#app .sidebar-container .el-menu-item, #app .sidebar-container .el-submenu__title {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
#app .sidebar-container .submenu-title-noDropdown:hover,
#app .sidebar-container .el-submenu__title:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
#app .sidebar-container .theme-dark .is-active > .el-submenu__title {
  color: #f4f4f5 !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .el-submenu .el-menu-item {
  min-width: 200px !important;
}
#app .sidebar-container .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .el-submenu .el-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
#app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title, #app .sidebar-container .theme-dark .el-submenu .el-menu-item {
  background-color: #1f2d3d !important;
}
#app .sidebar-container .theme-dark .nest-menu .el-submenu > .el-submenu__title:hover, #app .sidebar-container .theme-dark .el-submenu .el-menu-item:hover {
  background-color: #001528 !important;
}
#app .hideSidebar .sidebar-container {
  width: 54px !important;
}
#app .hideSidebar .main-container {
  margin-left: 54px;
}
#app .hideSidebar .submenu-title-noDropdown {
  padding: 0 !important;
  position: relative;
}
#app .hideSidebar .submenu-title-noDropdown .el-tooltip {
  padding: 0 !important;
}
#app .hideSidebar .submenu-title-noDropdown .el-tooltip .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .el-submenu {
  overflow: hidden;
}
#app .hideSidebar .el-submenu > .el-submenu__title {
  padding: 0 !important;
}
#app .hideSidebar .el-submenu > .el-submenu__title .svg-icon {
  margin-left: 20px;
}
#app .hideSidebar .el-menu--collapse .el-submenu > .el-submenu__title > span {
  height: 0;
  width: 0;
  overflow: hidden;
  visibility: hidden;
  display: inline-block;
}
#app .el-menu--collapse .el-menu .el-submenu {
  min-width: 200px !important;
}
#app .mobile .main-container {
  margin-left: 0px;
}
#app .mobile .sidebar-container {
  -webkit-transition: -webkit-transform 0.28s;
  transition: -webkit-transform 0.28s;
  transition: transform 0.28s;
  transition: transform 0.28s, -webkit-transform 0.28s;
  width: 200px !important;
}
#app .mobile.hideSidebar .sidebar-container {
  pointer-events: none;
  -webkit-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transform: translate3d(-200px, 0, 0);
          transform: translate3d(-200px, 0, 0);
}
#app .withoutAnimation .main-container,
#app .withoutAnimation .sidebar-container {
  -webkit-transition: none;
  transition: none;
}

.el-menu--vertical > .el-menu .svg-icon {
  margin-right: 10px;
}
.el-menu--vertical .nest-menu .el-submenu > .el-submenu__title:hover,
.el-menu--vertical .el-menu-item:hover {
  background-color: rgba(0, 0, 0, 0.06) !important;
}
.el-menu--vertical > .el-menu--popup {
  max-height: 100vh;
  overflow-y: auto;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-track-piece {
  background: #d3dce6;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar {
  width: 6px;
}
.el-menu--vertical > .el-menu--popup::-webkit-scrollbar-thumb {
  background: #99a9bf;
  border-radius: 20px;
}

/**
$base-menu-color:hsla(0,0%,100%,.65);
$base-menu-color-active:#fff;
$base-menu-background:#001529;
$base-logo-title-color: #ffffff;

$base-menu-light-color:rgba(0,0,0,.70);
$base-menu-light-background:#ffffff;
$base-logo-light-title-color: #001529;

$base-sub-menu-background:#000c17;
$base-sub-menu-hover:#001528;
*/

.blue-btn {
  background: #324157;
}
.blue-btn:hover {
  color: #324157;
}
.blue-btn:hover:before, .blue-btn:hover:after {
  background: #324157;
}

.light-blue-btn {
  background: #3A71A8;
}
.light-blue-btn:hover {
  color: #3A71A8;
}
.light-blue-btn:hover:before, .light-blue-btn:hover:after {
  background: #3A71A8;
}

.red-btn {
  background: #C03639;
}
.red-btn:hover {
  color: #C03639;
}
.red-btn:hover:before, .red-btn:hover:after {
  background: #C03639;
}

.pink-btn {
  background: #E65D6E;
}
.pink-btn:hover {
  color: #E65D6E;
}
.pink-btn:hover:before, .pink-btn:hover:after {
  background: #E65D6E;
}

.green-btn {
  background: #30B08F;
}
.green-btn:hover {
  color: #30B08F;
}
.green-btn:hover:before, .green-btn:hover:after {
  background: #30B08F;
}

.tiffany-btn {
  background: #4AB7BD;
}
.tiffany-btn:hover {
  color: #4AB7BD;
}
.tiffany-btn:hover:before, .tiffany-btn:hover:after {
  background: #4AB7BD;
}

.yellow-btn {
  background: #FEC171;
}
.yellow-btn:hover {
  color: #FEC171;
}
.yellow-btn:hover:before, .yellow-btn:hover:after {
  background: #FEC171;
}

.pan-btn {
  font-size: 14px;
  color: #fff;
  padding: 14px 36px;
  border-radius: 8px;
  border: none;
  outline: none;
  -webkit-transition: 600ms ease all;
  transition: 600ms ease all;
  position: relative;
  display: inline-block;
}
.pan-btn:hover {
  background: #fff;
}
.pan-btn:hover:before, .pan-btn:hover:after {
  width: 100%;
  -webkit-transition: 600ms ease all;
  transition: 600ms ease all;
}
.pan-btn:before, .pan-btn:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  -webkit-transition: 400ms ease all;
  transition: 400ms ease all;
}
.pan-btn::after {
  right: inherit;
  top: inherit;
  left: 0;
  bottom: 0;
}

.custom-button {
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  background: #fff;
  color: #fff;
  -webkit-appearance: none;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: 0;
  margin: 0;
  padding: 10px 15px;
  font-size: 14px;
  border-radius: 4px;
}

.el-button .svg-icon {
  margin-right: 5px;
}

/**
* 通用css样式布局处理
* Copyright (c) 2022 Lam
*/
/** 基础通用 **/
.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml5 {
  margin-left: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {
  overflow: auto;
  overflow-x: hidden;
  max-height: 70vh;
  padding: 10px 20px 0;
}

.el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th {
  word-break: break-word;
  background-color: #f8f8f9;
  color: #515a6e;
  height: 40px;
  font-size: 13px;
}
.el-table .el-table__body-wrapper .el-button [class*=el-icon-] + span {
  margin-left: 1px;
}

/** 表单布局 **/
.form-header {
  font-size: 15px;
  color: #6379bb;
  border-bottom: 1px solid #ddd;
  margin: 8px 10px 25px 10px;
  padding-bottom: 5px;
}

/** 表格布局 **/
.pagination-container {
  background: #1f222e !important;
  position: relative;
  height: 25px;
  margin-bottom: 10px;
  padding: 10px 20px !important;
  text-align: center;
}

/* tree border */
.tree-border {
  margin-top: 5px;
  border: 1px solid #e5e6e7;
  background: #FFFFFF none;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .pagination-container .el-pagination > .el-pagination__jump {
    display: none !important;
  }

  .pagination-container .el-pagination > .el-pagination__sizes {
    display: none !important;
  }
}
.el-table .fixed-width .el-button--mini {
  padding-left: 0;
  padding-right: 0;
  width: inherit;
}

/** 表格更多操作下拉样式 */
.el-table .el-dropdown-link {
  cursor: pointer;
  color: #409EFF;
  margin-left: 5px;
}

.el-table .el-dropdown, .el-icon-arrow-down {
  font-size: 12px;
}

.el-tree-node__content > .el-checkbox {
  margin-right: 8px;
}

.list-group-striped > .list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-group {
  padding-left: 0px;
  list-style: none;
}

.list-group-item {
  border-bottom: 1px solid #e7eaec;
  border-top: 1px solid #e7eaec;
  margin-bottom: -1px;
  padding: 11px 0px;
  font-size: 13px;
}

.pull-right {
  float: right !important;
}

.el-card__header {
  padding: 14px 15px 7px;
  min-height: 40px;
}

.el-card__body {
  padding: 15px 20px 20px 20px;
}

.card-box {
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 10px;
}

/* button color */
.el-button--cyan.is-active,
.el-button--cyan:active {
  background: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

.el-button--cyan:focus,
.el-button--cyan:hover {
  background: #48D1CC;
  border-color: #48D1CC;
  color: #FFFFFF;
}

.el-button--cyan {
  background-color: #20B2AA;
  border-color: #20B2AA;
  color: #FFFFFF;
}

/* text color */
.text-navy {
  color: #1ab394;
}

.text-primary {
  color: inherit;
}

.text-success {
  color: #1c84c6;
}

.text-info {
  color: #23c6c8;
}

.text-warning {
  color: #f8ac59;
}

.text-danger {
  color: #ed5565;
}

.text-muted {
  color: #888888;
}

/* image */
.img-circle {
  border-radius: 50%;
}

.img-lg {
  width: 120px;
  height: 120px;
}

.avatar-upload-preview {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 4px #ccc;
          box-shadow: 0 0 4px #ccc;
  overflow: hidden;
}

/* 拖拽列样式 */
.sortable-ghost {
  opacity: 0.8;
  color: #fff !important;
  background: #42b983 !important;
}

.top-right-btn {
  position: relative;
  float: right;
}

.tool-bar-btn {
  margin-bottom: 8px;
}

body {
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#app {
  height: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

.no-padding {
  padding: 0px !important;
}

.padding-content {
  padding: 4px 0;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.pr-5 {
  padding-right: 5px;
}

.pl-5 {
  padding-left: 5px;
}

.block {
  display: block;
}

.pointer {
  cursor: pointer;
}

.inlineBlock {
  display: block;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

aside {
  background: #eef1f6;
  padding: 8px 24px;
  margin-bottom: 20px;
  border-radius: 2px;
  display: block;
  line-height: 32px;
  font-size: 16px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  color: #2c3e50;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
aside a {
  color: #337ab7;
  cursor: pointer;
}
aside a:hover {
  color: #20a0ff;
}

.app-container {
  padding: 20px;
}

.components-container {
  margin: 30px 50px;
  position: relative;
}

.text-center {
  text-align: center;
}

.sub-navbar {
  height: 50px;
  line-height: 50px;
  position: relative;
  width: 100%;
  text-align: right;
  padding-right: 20px;
  -webkit-transition: 600ms ease position;
  transition: 600ms ease position;
  background: -webkit-gradient(linear, left top, right top, from(#20b6f9), color-stop(0%, #20b6f9), color-stop(100%, #2178f1), to(#2178f1));
  background: linear-gradient(90deg, #20b6f9 0%, #20b6f9 0%, #2178f1 100%, #2178f1 100%);
}
.sub-navbar .subtitle {
  font-size: 20px;
  color: #fff;
}
.sub-navbar.draft {
  background: #d0d0d0;
}
.sub-navbar.deleted {
  background: #d0d0d0;
}

.link-type,
.link-type:focus {
  color: #337ab7;
  cursor: pointer;
}
.link-type:hover,
.link-type:focus:hover {
  color: #20a0ff;
}

.filter-container {
  padding-bottom: 10px;
}
.filter-container .filter-item {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.multiselect {
  line-height: 16px;
}

.multiselect--active {
  z-index: 1000 !important;
}

.el-dialog {
  border-radius: 8px !important;
}

.el-dialog__header {
  padding: 10px 16px !important;
  padding-bottom: 10px !important;
  background-color: #ade0ff;
  border-radius: 8px 8px 0 0 !important;
}
.el-dialog__header .el-dialog__headerbtn {
  top: 14px;
}
.el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  font-weight: bold;
}

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
}
.loading-mask #loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  /* border-top-color: #FFF; */
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  z-index: 1001;
}
.loading-mask #loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #FFF;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
.loading-mask #loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #FFF;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}
.loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999998 !important;
}
.loading-mask .newloader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 60%;
    z-index: 999999 !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #23272b;
}
.fullscreen-spinner {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000000;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 1;
    pointer-events: none;
}


.lang-select[data-v-7e74e366]{
  /* width: 110px; */
  display: inline-block;
  padding: 0;
  height: 100%;
  font-size: 18px;
  color: #5a5e66;
  vertical-align: text-bottom;
}
.bank-poper[data-v-7e74e366]{
  background: #202330 !important;
  border-radius: 12px 10px 10px 12px !important;
  border: 2px solid #4f4f4f !important;
}
.header-top-lang[data-v-7e74e366]{
  font-size: 14px;
  color: white;
}
.width-lang-select .btn_bubble[data-v-7e74e366]{
  padding: 0 ;
}
.btn_down .dropdown_menu[data-v-7e74e366]{
  padding: 2px 10px;
}


@media screen and (min-width: 720px) {
.mobile-lang-select[data-v-63e51dcb]{
        display: none !important;
}
}
@media screen and (max-width: 720px) {
#sidebar .side-logo > img[data-v-63e51dcb]{
      height: 70px;
}
.btn-close_side[data-v-63e51dcb]{
    float: right;
}
.inner[data-v-63e51dcb]{
      margin-top: 14vw;
}
}
.mobile-lang-select[data-v-63e51dcb]{
    width: 50%;
}
.collect-bt[data-v-63e51dcb]{
  padding: 0.4em 0.5em ;
}
.assets-amt[data-v-63e51dcb]{
  height: 40px;
  line-height: 40px;
  border: 1px solid #FFCC33;
  width: 100%;
  text-align: center;
  border-radius: 10px;
}
.total-amt[data-v-63e51dcb]{
  width: 100%;
  line-height: 55px;
  text-align: center;
}


#modal_games .games_content {
    height: calc(100vh - 110px);
    overflow-y: scroll;
    padding-right: 20px;
    white-space: normal !important;
}
#modal_games .section_game .sec_wrapper .sec_item .sec_content .item .img{
  height: 194px !important;
}



.lang-select[data-v-709f3fab]{
  /* width: 110px; */
  display: inline-block;
  padding: 0;
  height: 100%;
  font-size: 18px;
  color: #5a5e66;
  vertical-align: text-bottom;
}
.bank-poper[data-v-709f3fab]{
  background: #202330 !important;
  border-radius: 12px 10px 10px 12px !important;
  border: 2px solid #4f4f4f !important;
}
.width-theme-select .btn_bubble[data-v-709f3fab]{
  padding: 0 ;
}
.btn_down .dropdown_menu[data-v-709f3fab]{
  padding: 2px 10px;
}


  /* Swiper styles */
.swiper {
      position: relative;
      overflow: hidden;
}
  /* .swiper-slide:hover a::hover{
    opacity: 1 !important;
  }
  .swiper-slide:hover a:not(:hover){
    opacity: 0.5;
  } */
.swiper-slide {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 18px;
      height: 100%;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      text-align: center;
}
.swiper-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-transition-property: -webkit-transform;
      transition-property: -webkit-transform;
      transition-property: transform;
      transition-property: transform, -webkit-transform;
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
}
.swiper-slide {
      -ms-flex-negative: 0;
          flex-shrink: 0;
      margin-right: 5px; /* Adjust the spacing between slides */
}
  /* Navigation buttons styles */
.swiper-button-next,.swiper-button-prev {
      /* background-position:50%; */
      /* background-repeat:no-repeat; */
      /* background-size:27px 44px; */
      color: #7332fe !important;
      cursor: pointer;
      height: 44px;
      margin-top: -22px;
      position: absolute;
      top: 43%!important;
      width: 27px;
      z-index: 1;
}
  /* SWIPER BUTTON NEXT AND PREVIOUS BACKGROUND IMAGE AND COLOR BLUE */
.swiper-button-prev {
      background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTAgMjIgMjIgMGwyLjEgMi4xTDQuMiAyMmwxOS45IDE5LjlMMjIgNDQgMCAyMnonIGZpbGw9JyMwMDc1QUZGJy8+PC9zdmc+);
      /* Set the color to #7332fe */
      -webkit-filter: invert(19%) sepia(56%) saturate(5282%) hue-rotate(256deg) brightness(100%) contrast(101%);
              filter: invert(19%) sepia(56%) saturate(5282%) hue-rotate(256deg) brightness(100%) contrast(101%);
}
.swiper-button-next {
      background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyNyA0NCc+PHBhdGggZD0nTTI3IDIyIDUgNDRsLTIuMS0yLjFMMjIuOCAyMiAyLjkgMi4xIDUgMGwyMiAyMnonIGZpbGw9JyMwMDc1QUZGJy8+PC9zdmc+);
      /* Set the color to #7332fe */
      -webkit-filter: invert(19%) sepia(56%) saturate(5282%) hue-rotate(256deg) brightness(100%) contrast(101%);
              filter: invert(19%) sepia(56%) saturate(5282%) hue-rotate(256deg) brightness(100%) contrast(101%);
}
  

#modal_deposit[data-v-b6b63fe2]{
      width: 90%;
      max-width: 900px;
      padding-left: 50px;
      padding-right: 50px;
}
@media screen and (max-width: 720px){
#modal_deposit[data-v-b6b63fe2]{
      padding: 30px 12px 20px;
      width: 95%;
      max-height: 95%;
      overflow-y: auto;
}
.modal .modal_inner[data-v-b6b63fe2] {
        max-height: unset;
}
.action_deposit[data-v-b6b63fe2] {
        width: 100% !important;
}
.form-item .label[data-v-b6b63fe2]{
        width: 215px !important;
}
[data-v-b6b63fe2]::-webkit-scrollbar {
      width: 5px;
}
}
.close-img[data-v-b6b63fe2]{
    float: right;
    height: 28px;
    cursor: pointer;
}
.form-item[data-v-b6b63fe2]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 50px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.form-item .label[data-v-b6b63fe2]{
    width: 220px;
    line-height: 50px;
    font-size: 16px;
}
.form-item .info-text[data-v-b6b63fe2]{
    color: #cf9947;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}
.form-item .form-item-value[data-v-b6b63fe2]{
    width: 100%;
}
.form-item input[data-v-b6b63fe2]{
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid var(--color-15);
    border-radius: 12px;
    padding: 0 40px 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #1d1f2b;
}
.amount-select-list[data-v-b6b63fe2]{
    gap: 10px 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}
.action_deposit[data-v-b6b63fe2]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 20px;
    width: 60%;
    margin: 0 auto;
}
.btn_bubble[data-v-b6b63fe2]{
    padding: 0.75em 1em;
}
.btn-primary[data-v-b6b63fe2]{
    min-width: 5.625rem;
}
.btn-warning[data-v-b6b63fe2]{
    background: #cf9947;
    border: 1px solid #cf9947;
    color: white;
    min-width: 5.625rem;
}
.anim-btn2[data-v-b6b63fe2]{
    min-width: 5rem;
}
.btn-reset[data-v-b6b63fe2]{
    min-width: 5.625rem;
}


#modal_withdraw[data-v-51fa6c0d]{
      width: 90%;
      max-width: 900px;
      padding-left: 50px;
      padding-right: 50px;
}
@media screen and (max-width: 720px){
#modal_withdraw[data-v-51fa6c0d]{
      padding: 30px 12px 20px;
      width: 95%;
      max-height: 95%;
      overflow-y: auto;
}
.modal .modal_inner[data-v-51fa6c0d] {
        max-height: unset;
}
.action_withdraw[data-v-51fa6c0d] {
        width: 100% !important;
}
.form-item .label[data-v-51fa6c0d]{
        width: 222px !important;
}
[data-v-51fa6c0d]::-webkit-scrollbar {
      width: 5px;
}
}
.close-img[data-v-51fa6c0d]{
    float: right;
    height: 28px;
    cursor: pointer;
}
.form-item-small-row[data-v-51fa6c0d]{
    line-height: 15px !important;
    margin-bottom: 6px !important;
}
.form-item[data-v-51fa6c0d]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 50px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: bold;
    color: white;
}
.form-item .label[data-v-51fa6c0d]{
    width: 210px;
    line-height: 50px;
    font-size: 16px;
}
.form-item .info-text[data-v-51fa6c0d]{
    color: #cf9947;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
}
.form-item .form-item-value[data-v-51fa6c0d]{
    width: 100%;
}
.form-item input[data-v-51fa6c0d]{
    width: 100%;
    max-width: 100%;
    height: 50px;
    background-color: #fff;
    border: 1px solid var(--color-15);
    border-radius: 12px;
    padding: 0 40px 0 20px;
    font-size: 16px;
    font-weight: 400;
    color: #1d1f2b;
}
.amount-select-list[data-v-51fa6c0d]{
    gap: 10px 6px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
}
.action_withdraw[data-v-51fa6c0d]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px 20px;
    width: 60%;
    margin: 0 auto;
}
.btn-primary[data-v-51fa6c0d]{
    min-width: 5.625rem;
}
.btn_bubble[data-v-51fa6c0d]{
    padding: 0.75em 1em;
}
.btn-warning[data-v-51fa6c0d]{
    background: #cf9947;
    border: 1px solid #cf9947;
    color: white;
    min-width: 5.625rem;
}
.anim-btn2[data-v-51fa6c0d]{
    min-width: 5rem;
}
.btn-reset[data-v-51fa6c0d]{
    min-width: 6rem;
}


.header-left-menu-list[data-v-3e91cac6]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 3.5vw;
}
.header-left-menu-list .menu-item[data-v-3e91cac6]{
}
.menu:hover .sub_menu[data-v-3e91cac6]{
  display: block !important;
}
header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list[data-v-3e91cac6] {
  width: 200px;
}
header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list .tit > span[data-v-3e91cac6] {
  font-size: 15px;
}
header .gnb .gnb_main .all_page .gnb_sub .sub-list .menu-list .menu > a[data-v-3e91cac6] {
  font-size: 15px;
  line-height: 22px;
  vertical-align: middle;
}


.pwa-modal[data-v-c4df5146]{
  position: fixed;
  border-radius: 10px 10px 0 0;
  padding: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-color: #5e6893;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}
.modal-panel[data-v-c4df5146]{
  z-index: 200;
}
.modal-header[data-v-c4df5146]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.modal-close[data-v-c4df5146]{
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 15px;
  cursor: pointer;
}
.pwa-show-icon[data-v-c4df5146]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  padding: 10px;
  margin-top: 10px;
  background-color: #313549;
}
.pwa-app-icon[data-v-c4df5146]{
  width: 40px;
  height: 40px
}
.pwa-app-content[data-v-c4df5146]{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 5px;
}
.pwa-app-content .name[data-v-c4df5146]{
  font-size: 15px;
}
.pwa-app-content .url[data-v-c4df5146]{
  font-size: 14px;
}
.steps[data-v-c4df5146]{
  margin-top: 20px;
}
.step_item[data-v-c4df5146]{
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.step_item .icon[data-v-c4df5146]{
  width: 30px;
  margin-left: 5px;
  height: 30px;
}


.add-to-homescreen[data-v-5913576a]{
  display: none;
}
.add-to-homescreen-img[data-v-5913576a]{
    height: 34px;
    margin-top: 5px;
}
@media screen and (max-width: 720px) {
.add-to-homescreen[data-v-5913576a]{
    display: inline;
}
.width-lang-select[data-v-5913576a]{
        display:none !important;
}
.width-theme-select[data-v-5913576a]{
        display:none !important;
}
.arrow-down[data-v-5913576a]{
      width: 20px !important;
      height: 20px !important;
}
.btn_down[data-v-5913576a]{
      display: none;
}
.header-top-item[data-v-5913576a]{
      display: none;
}
header .user-log[data-v-5913576a]{
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
}
span.user-balance[data-v-5913576a]{
      font-size: 16px !important;
}
}
header.wrapper[data-v-5913576a]{
  z-index: 2001;
}
.width-lang-select[data-v-5913576a]{
  width: 80px;
  margin: 0;
}
.width-theme-select[data-v-5913576a]{
  width: 100px;
  margin: 0;
}
.arrow-down[data-v-5913576a]{
  width: 32px;
  height: 32px;
  display: inline-block;
  border-radius: 50%;
  background: #7332fe;
  vertical-align: bottom;
.cls-2[data-v-5913576a]{
    fill: none;
}
.link-txt[data-v-5913576a]{
    fill: #fff;
}
}
.btn_bubble[data-v-5913576a]{
  padding: 0.75em 1em;
  min-width: 5.625rem;
  max-width: 7.5rem;
  width: auto;
  padding: 3px 6px;
  font-size: 16px;
}
.header-top-third-assets[data-v-5913576a]{
  font-size: 18px;
  font-weight: bold;
  color: white;
}


@media screen and (max-width: 720px){
.main-view[data-v-55e91c54] {
    padding: 0;
    width: 100%;
}
}
main.wrapper[data-v-55e91c54] {
    padding-bottom: 0px;
}
.wrapper[data-v-55e91c54] {
    /* min-width: 1176px; */
}
main[data-v-55e91c54] {
    min-height: calc(100vh - 90px);
    /* margin-top: 125px; */
    /* padding-bottom: 50px; */
}


.modal[data-v-59af7449]{
  border-radius: 16px;
  padding-top: 100px;
  overflow-y: auto;
  height: 100%;
}
.modal .modal_icon[data-v-59af7449]{
  top: 7px;
}
#modal_join[data-v-59af7449] {
    width: 650px;
}
#modal_join .close-popup-register[data-v-59af7449] {
    left: 300px;
}
.form-join .bottom_info .banner[data-v-59af7449] {
    width: 220px;
}
.form-join .form .form-input[data-v-59af7449] {
    width: 100%;
}
.el-input--medium .el-input__inner[data-v-59af7449]{
  background: #202330 ;
  border: 1px solid #202330 ;
}
.el-input--medium .el-input__inner[data-v-59af7449]:hover{
  border: 1px solid #202330 !important;
}
.el-select-dropdown__item.hover[data-v-59af7449], .el-select-dropdown__item[data-v-59af7449]:hover {
    background-color: #0f1019 !important;
}
.el-select .el-input.is-focus .el-input__inner[data-v-59af7449] {
    border-color: #202330 !important;
}
@media screen and (max-width: 900px) {
.select[data-v-59af7449] {
      padding: 1px 10px !important;
}
}
.select[data-v-59af7449] {
  padding: 4px 10px;
}
.select .el-select--medium[data-v-59af7449]{
      width: 100%;
}
.bank-poper[data-v-59af7449]{
  background: #202330 !important;
  border-radius: 12px 10px 10px 12px !important;
  border: 2px solid #4f4f4f !important;
}
.with-btn-code[data-v-59af7449]{
  width: calc(100% - 170px) !important;
}
.login-code-img[data-v-59af7449]{
  cursor: pointer;
}
.code-input[data-v-59af7449]{
  -webkit-box-ordinal-group: unset !important;
      -ms-flex-order: unset !important;
          order: unset !important;
}
@media screen and (max-width: 720px){
.modal .modal_inner[data-v-59af7449] {
    max-height: 100%;
}
#modal_join[data-v-59af7449] {
    padding: 60px 20px 40px;
}
}



.modal-title[data-v-cefea556]{
    margin-bottom: 40px;
    text-align: center;
}
#forgot-id-modal[data-v-cefea556], #modal-success-id[data-v-cefea556] {
    width: 610px;
}
.form-login .form .form-input .special .input > input[data-v-cefea556] {
    /* width: 100% !important; */
    height: 100% !important;
    padding: 0 15px !important;
    background-color: transparent !important;
    outline: none !important;
    border: none !important;
    font-size: .75rem !important;
    color: #fff !important;
}
.form-login .form .form-input .timer[data-v-cefea556] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80px;
    height: 100%;
    /* border-radius: 0 20px 20px 0; */
    background-color: #1d1f2b;
    font-size: .75rem;
    color: #909198;
    padding: 11px;
    /* margin-left: 90px; */
}
.form-login .form .form-input .btn_certify[data-v-cefea556] {
    /* flex-shrink: 0; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80px;
    height: 100%;
    background-color: #7332fe;
    border-radius: 8px;
    font-size: .75rem;
    font-weight: 400;
    color: #fff;
    margin-right: 5px;
}
.error-msg[data-v-cefea556] {
    color: red;
    font-size: 14px;
    margin: auto;
    text-align: center;
}
.d-block[data-v-cefea556] {
    display: block;
}
.btn-disabled[data-v-cefea556] {
    background: #3e3d64 !important;
}
.find-id[data-v-cefea556]::-webkit-input-placeholder {
    color: #ffffff61;
}
.find-id[data-v-cefea556]::-moz-placeholder {
    color: #ffffff61;
}
.find-id[data-v-cefea556]:-ms-input-placeholder {
    color: #ffffff61;
}
.find-id[data-v-cefea556]::-ms-input-placeholder {
    color: #ffffff61;
}
.find-id[data-v-cefea556]::placeholder {
    color: #ffffff61;
}
.sms-verify-container-wrapper[data-v-cefea556] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sms-verify-container-wrapper .btn_certify[data-v-cefea556] {
    padding: .25rem;
    border-radius: 5px;
}
.sms-verify-container-input.form-input[data-v-cefea556] {
    width: 70% !important;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sms-verify-container-input.form-input input[data-v-cefea556] {
    width: 65%;
}
.hidden[data-v-cefea556] {
    display: none;
}
.close-modal-id[data-v-cefea556] {
    position: absolute;
    width: 20px;
    cursor: pointer;
    bottom: -20px;
    left: 289px;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.close-modal-id[data-v-cefea556]:hover{
    opacity: 0.5;
}
@media screen and (max-width: 720px) {
.form-login .form .form-input > input[data-v-cefea556] {
        padding-left: 0.4rem;
}
.find-id[data-v-cefea556]::-webkit-input-placeholder {
        font-size: .60rem;
}
.find-id[data-v-cefea556]::-moz-placeholder {
        font-size: .60rem;
}
.find-id[data-v-cefea556]:-ms-input-placeholder {
        font-size: .60rem;
}
.find-id[data-v-cefea556]::-ms-input-placeholder {
        font-size: .60rem;
}
.find-id[data-v-cefea556]::placeholder {
        font-size: .60rem;
}
.form-login .form .form-input .tit[data-v-cefea556] {
        width: 110px;
}
.forgot-link[data-v-cefea556] {
        font-size: 14px;
}
.hide-counter[data-v-cefea556] {
        display: none;
}
.sms-verify-container-input.form-input[data-v-cefea556] {
        width: 70%;
}
.sms-verify-container-wrapper > span[data-v-cefea556] {
        font-size: 14px;
}
.sms-verify-container-wrapper > button[data-v-cefea556] {
        padding: 0.15rem;
        font-size: 14px;
}
#forgot-id-modal[data-v-cefea556] {
        padding: 40px 30px 30px !important;
        width: 90vw !important;
}
.close-modal-id[data-v-cefea556] {
        width: 10px !important;
        bottom: -10px !important;
        left: 44vw !important;
}
}
@media screen and (min-width: 721px) {
.close-popup[data-v-cefea556] {
        left: 300px;
        width: 15px;
}
}
@media screen and (max-width: 412px) {
.sms-verify-container-input[data-v-cefea556] {
        margin-right: 10px;
        max-width: 156px;
}
.sms-verify-container-input .tit[data-v-cefea556] {
        width: 84px !important;
}
.sms-verify-container-input .tit + input + span[data-v-cefea556] {
        font-size: 12px;
}
}


.modal-title[data-v-01cf7ffd]{
    margin-bottom: 40px;
    text-align: center;
}
#forgot-pw-modal[data-v-01cf7ffd], #modal-change-pw[data-v-01cf7ffd] {
    width: 610px;
}
.form-login .form .form-input .special .input > input[data-v-01cf7ffd] {
    /* width: 100% !important; */
    height: 100% !important;
    padding: 0 15px !important;
    background-color: transparent !important;
    outline: none !important;
    border: none !important;
    font-size: .75rem !important;
    color: #fff !important;
}
.form-login .form .form-input .timer[data-v-01cf7ffd] {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80px;
    height: 100%;
    /* border-radius: 0 20px 20px 0; */
    background-color: #1d1f2b;
    font-size: .75rem;
    color: #909198;
    padding: 11px;
    /* margin-left: 90px; */
}
.form-login .form .form-input .btn_certify[data-v-01cf7ffd] {
    /* flex-shrink: 0; */
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 80px;
    height: 100%;
    background-color: #7332fe;
    border-radius: 8px;
    font-size: .75rem;
    font-weight: 400;
    color: #fff;
    margin-right: 5px;
}
.error-msg-pw[data-v-01cf7ffd], .error-msg-cpw[data-v-01cf7ffd] {
    color: red;
    font-size: 14px;
    margin: auto;
    text-align: center;
}
.d-block[data-v-01cf7ffd] {
    display: block;
}
.btn_disabled[data-v-01cf7ffd] {

    background: #3e3d64 !important;
}
.find-id[data-v-01cf7ffd]::-webkit-input-placeholder {
    color: #ffffff61;
}
.find-id[data-v-01cf7ffd]::-moz-placeholder {
    color: #ffffff61;
}
.find-id[data-v-01cf7ffd]:-ms-input-placeholder {
    color: #ffffff61;
}
.find-id[data-v-01cf7ffd]::-ms-input-placeholder {
    color: #ffffff61;
}
.find-id[data-v-01cf7ffd]::placeholder {
    color: #ffffff61;
}
.sms-verify-container-wrapper[data-v-01cf7ffd] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sms-verify-container-wrapper .btn_certify[data-v-01cf7ffd] {
    padding: .25rem;
    border-radius: 5px;
}
.sms-verify-container-input.form-input[data-v-01cf7ffd] {
    width: 60%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sms-verify-container-input.form-input input[data-v-01cf7ffd] {
    width: 65%;
}
.close-modal-pw[data-v-01cf7ffd] {
    position: absolute;
    width: 20px;
    cursor: pointer;
    bottom: -20px;
    left: 289px;
    -webkit-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.close-modal-pw[data-v-01cf7ffd]:hover{
    opacity: 0.5;
}
@media screen and (max-width: 720px) {
.form-login .form .form-input > input[data-v-01cf7ffd] {
        padding-left: 0.4rem;
}
.find-id[data-v-01cf7ffd]::-webkit-input-placeholder {
        font-size: .60rem;
}
.find-id[data-v-01cf7ffd]::-moz-placeholder {
        font-size: .60rem;
}
.find-id[data-v-01cf7ffd]:-ms-input-placeholder {
        font-size: .60rem;
}
.find-id[data-v-01cf7ffd]::-ms-input-placeholder {
        font-size: .60rem;
}
.find-id[data-v-01cf7ffd]::placeholder {
        font-size: .60rem;
}
.form-login .form .form-input .tit[data-v-01cf7ffd] {
        width: 110px;
}
.forgot-link[data-v-01cf7ffd] {
        font-size: 14px;
}
.hide-counter[data-v-01cf7ffd] {
        display: none;
}
.sms-verify-container-input.form-input[data-v-01cf7ffd] {
        width: 70%;
}
.sms-verify-container-wrapper > span[data-v-01cf7ffd] {
        font-size: 14px;
}
.sms-verify-container-wrapper > button[data-v-01cf7ffd] {
        padding: 0.15rem;
        font-size: 14px;
}
#forgot-pw-modal[data-v-01cf7ffd] {
        padding: 40px 30px 30px !important;
        width: 90vw !important;
}
.close-modal-pw[data-v-01cf7ffd] {
        width: 10px !important;
        bottom: -10px !important;
        left: 44vw !important;
}
}
@media screen and (max-width: 412px) {
.sms-verify-container-input[data-v-01cf7ffd] {
        margin-right: 10px;
        max-width: 156px;
}
.sms-verify-container-input .tit[data-v-01cf7ffd] {
        width: 84px !important;
}
.sms-verify-container-input .tit + input + span[data-v-01cf7ffd] {
        font-size: 12px;
}
}


.svg-icon[data-v-c8a70580] {
  margin: 0 2px;
  width: 1.15em;
  height: 1.15em;
  vertical-align: -0.23em;
  /* vertical-align: middle; */
  fill: currentColor;
  overflow: hidden;
}
.svg-external-icon[data-v-c8a70580] {
  background-color: currentColor;
  -webkit-mask-size: cover!important;
          mask-size: cover!important;
  display: inline-block;
  width: 1.8em;
  height: 1.8em;
  margin-top: -3px;
}


.pagination-container[data-v-72233bcd] {
  background: #fff;
  padding: 32px 16px;
  height: 52px;
}
.pagination-container.hidden[data-v-72233bcd] {
  display: none;
}


.content-set-content[data-v-18b32e9c]{
  margin: 0 5px;
  padding: 5px 5px 10px 5px;
  border: 1px solid #dfe6ec;
  border-radius: 10px;
}
.content-set-title[data-v-18b32e9c]{
  position: relative;
  top: -14px;
  text-align: center;
}
.content-set-main[data-v-18b32e9c]{
  padding: 0 10px 5px 10px;
}
.content-set-title-label[data-v-18b32e9c] {
  background-color: white;
  padding: 0 5px;
  color: #1890ff;
  font-weight: bold;
}