i {display: inline-flex; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle;}

/* sns icon */
.sns-naver {width: 4.8rem; height: 4.8rem; background-image: url(../images/icon/sns-naver-c555cd7dda415e3b20691046ea76297e.svg);}
.sns-kakao {width: 4.8rem; height: 4.8rem; background-image: url(../images/icon/sns-kakao-a09af8267babd65fe9ce26d9880205f2.svg);}
.sns-apple {width: 4.8rem; height: 4.8rem; background-image: url(../images/icon/sns-apple-2c946b52de26319863e81aea7850719e.svg);}

.ic-won-kakao {width: 48px; height: 48px; background-image: url(../images/ic-won-kakao-931b3335e4b020231c8250f84b8de6a0.png)}
.ic-won-naver {width: 48px; height: 48px; background-image: url(../images/ic-won-naver-2a828a3aa935bcc532c5d9eca100334f.png)}
.ic-won-apple {width: 48px; height: 48px; background-image: url(../images/ic-won-apple-ad3a2b9aff5c9898b103a8cc2870ed5a.png)}

.ic-mom {width: 12px; height: 12px; background-image: url(../images/ico/ic-mom-0a3625665b64a0ad12fbf87ad235dad1.svg);}
.ic-ball {width: 12px; height: 12px; background-image: url(../images/ico/ic-ball-980efaf6a74c0df0f2cfeac74efc1f66.svg);}
.ic-ball1 {width: 12px; height: 12px; background-image: url(../images/ico/ic-ball1-916fe2ff015f6cf98c0dfe33f620f03d.svg);}
.ic-ball2 {width: 12px; height: 12px; background-image: url(../images/ico/ic-ball2-8c4dedc6302e609ec44368fe65709a41.svg);}
.ic-assist {width: 12px; height: 12px; background-image: url(../images/ico/ic-assist-d59afd44d8ea87338505d98d36d923fc.svg);}
.ic-change {width: 12px; height: 12px; background-image: url(../images/ico/ic-change-69512781f4dc4a68bf11746bb69d2f02.svg);}
.ic-in {width: 12px; height: 12px; background-image: url(../images/ico/ic-in-5c9f1e9b6680fd6d5db68c8dc8212254.svg);}
.ic-out {width: 12px; height: 12px; background-image: url(../images/ico/ic-out-6a7e2ee6b66bc41d5bdd16dc23e1f6c5.svg);}
.ic-warn1 {width: 12px; height: 12px; background-image: url(../images/ico/ic-warn1-b5b504e4e1e258882bff657c4364db7b.svg);}
.ic-warn2 {width: 12px; height: 12px; background-image: url(../images/ico/ic-warn2-e3e93ac269b5d4f6868a5473a8c006c4.svg);}
.ic-exit {width: 12px; height: 12px; background-image: url(../images/ico/ic-exit-b174ae30a7cfd947623a42c833b0928b.svg);}
.ic-won-in {width: 14px; height: 14px; background-image: url(../images/ico/ic-won-in-c8f99f29f3d7680047e785b5f8ad1438.svg);}
.ic-won-out {width: 14px; height: 14px; background-image: url(../images/ico/ic-won-out-3a99ff14f135e36827363f8076cfcbd7.svg);}
.ic-lineup-change-blue {width: 12px; height: 12px; background-image: url(../images/ico/ic-lineup-change-blue-7ab5d1b1a4272d2b4276f7bf458cf6f9.svg);}
.ic-lineup-change-red {width: 12px; height: 12px; background-image: url(../images/ico/ic-lineup-change-red-5b5faccd2cea0c2b5b9d6773f81d08bf.svg);}
.ic-bench-change-blue {width: 12px; height: 12px; background-image: url(../images/ico/ic-bench-change-blue-d6bebe6769327909b6c2e47af44375be.svg);}
.ic-bench-change-red {width: 12px; height: 12px; background-image: url(../images/ico/ic-bench-change-red-385fc2a9b822d0388689a41f4d0d06d7.svg);}
.ic-roaster-change-blue {width: 12px; height: 12px; background-image: url(../images/ico/ic-roaster-change-blue-cad911a17b31ad70dd7d362033294e0e.svg);}
.ic-roaster-change-red {width: 12px; height: 12px; background-image: url(../images/ico/ic-roaster-change-red-56aa083816bc71daa9800ade2de2b4d8.svg);}
.ic-red-cross {width: 12px; height: 12px; background-image: url(../images/ico/ic-red-cross-05e0dca0bcbc996d22322b41fbef9f55.svg);}
.ic-blue-cross {width: 12px; height: 12px; background-image: url(../images/ico/ic-blue-cross-089bf35af78ba9def2142f073d038b45.svg);}
.ic-red-cross-circle {width: 12px; height: 12px; background-image: url(../images/ico/ic-red-cross-circle-c8ea3dbbfdd8534f0c58ab528352296f.svg);}
.ic-blue-cross-circle {width: 12px; height: 12px; background-image: url(../images/ico/ic-blue-cross-circle-2c85983381121ad60c26dcabc212be80.svg);}

/*body[data-theme="dark"] .ic-ball {filter: invert(0);}*/

.ic-shoot01 {width: 18px; height: 18px; background-image: url(../images/ico/ic-shoot01-a170db4e988480489bf4b7331ae263fb.svg); filter: invert(1);}
.ic-shoot02 {width: 18px; height: 18px; background-image: url(../images/ico/ic-shoot02-2ba3d5506d0209b70bec90fc03ea6d03.svg); filter: invert(1);}
.ic-shoot03 {width: 18px; height: 18px; background-image: url(../images/ico/ic-shoot03-94b9f3acd3bcaabd6a378d47d38d03c8.svg); filter: invert(1);}

body[data-theme="dark"] .ic-shoot01,
body[data-theme="dark"] .ic-shoot02,
body[data-theme="dark"] .ic-shoot03 {filter: invert(0);}

.ic-pdf-20 {width: 20px; height: 20px; background-image: url(../images/ico/ic-pdf-20-e9a3075364fbc7b194cc6ed3e893fcae.svg);}
.ic-play {width: 24px; height: 24px; background-image: url(../images/ico/ic-play-431cd8300d2f3ecab5b560a8f285987f.svg);}
.ic-play-ov {width: 24px; height: 24px; background-image: url(../images/ico/ic-play-ov-01cca225870933a47cb9fdb3eaaa4b61.svg);}
.active > .ic-play {width: 24px; height: 24px; background-image: url(../images/ico/ic-play-ov-01cca225870933a47cb9fdb3eaaa4b61.svg);}

.ic-arrow-right-30 {width: 30px; height: 30px; background-image: url(../images/ico/ic-arrow-right-30-0376ef87167128e1ff8712ab4c3ce76b.svg);}

.ic-emblem {width: 30px; height: 30px; background-image: url(../images/emblem/emblem-none-4793988c722ca53328629955c97bd6b4.png);}
.ic-emblem.K01 {background-image: url(../images/emblem/emblem_K01-89821685b8aa5b42cdada1c1e7aaa321.png);}
.ic-emblem.K02 {background-image: url(../images/emblem/emblem_K02-8ccc8d52b8f3667d44a07d15e38bcf49.png);}
.ic-emblem.K03 {background-image: url(../images/emblem/emblem_K03-698b252f5c0ab8b7f544c77dcc29e22c.png);}
.ic-emblem.K04 {background-image: url(../images/emblem/emblem_K04-f2c17b4bff671728f749ac1003919e34.png);}
.ic-emblem.K05 {background-image: url(../images/emblem/emblem_K05-e27c42c4cf81d4be5b40ad182612fc6c.png);}
.ic-emblem.K06 {background-image: url(../images/emblem/emblem_K06-defef1097e21427d8adadbfc6e627611.png);}
.ic-emblem.K07 {background-image: url(../images/emblem/emblem_K07-52cf872f9786664d7a270a58b62e333b.png);}
.ic-emblem.K08 {background-image: url(../images/emblem/emblem_K08-9b0f303fa1d2d876567541859300a057.png);}
.ic-emblem.K09 {background-image: url(../images/emblem/emblem_K09-5fe26a992ab38258a7dae8fb4ec4b3ab.png);}
.ic-emblem.K10 {background-image: url(../images/emblem/emblem_K10-e4f9a072473cb731579ac79a86ed05c9.png);}
.ic-emblem.K17 {background-image: url(../images/emblem/emblem_K17-e474f5f1296c75e3caed2c2a165dbb40.png);}
.ic-emblem.K18 {background-image: url(../images/emblem/emblem_K18-3348cb1309f19f2954a984b90b329bbd.png);}
.ic-emblem.K20 {background-image: url(../images/emblem/emblem_K20-1569dbdc8d81c9aef2712b444e5153de.png);}
.ic-emblem.K21 {background-image: url(../images/emblem/emblem_K21-aa4bf8820ad8593fcf035ee009ba5599.png);}
.ic-emblem.K22 {background-image: url(../images/emblem/emblem_K22-51a70cca6a1be5c83036aeeda8375a6b.png);}
.ic-emblem.K23 {background-image: url(../images/emblem/emblem_K23-1c8280e4a952b9d2a21c9aae2be0dfda.png);}
.ic-emblem.K26 {background-image: url(../images/emblem/emblem_K26-c297786547e9711da12e5154bfc531c7.png);}
.ic-emblem.K27 {background-image: url(../images/emblem/emblem_K27-8aee398f5773b099b52612f091f9b8de.png);}
.ic-emblem.K29 {background-image: url(../images/emblem/emblem_K29-01c8c1c0e89071704ab1a2ae494135e8.png);}
.ic-emblem.K31 {background-image: url(../images/emblem/emblem_K31-b9566b4b1c722c8f9ec0c238475f46fd.png);}
.ic-emblem.K32 {background-image: url(../images/emblem/emblem_K32-69ebd1dd5cdb26f0cd4bdfdde19ae29e.png);}
.ic-emblem.K33 {background-image: url(../images/emblem/emblem_K33@3x-dc069b8d06c327b48768639c9b7dd757.png);}
.ic-emblem.K34 {background-image: url(../images/emblem/emblem_K34-34bafffa9257ab524b59a20a684ef187.png);}
.ic-emblem.K35 {background-image: url(../images/emblem/emblem_K35-5d9606dbb39ff100daa15750ad8e9500.png);}
.ic-emblem.K36 {background-image: url(../images/emblem/emblem_K36-ce18b01cbb88e3e92a6c32a9656c0f13.png);}
.ic-emblem.K37 {background-image: url(../images/emblem/emblem_K37-81d5689abd8bdb12cb0ce0e24bb7e7cb.png);}
.ic-emblem.K38 {background-image: url(../images/emblem/emblem_K38-004a231ccac711554a8027fde4a1a841.png);}
.ic-emblem.K39 {background-image: url(../images/emblem/emblem_K39-a15a53b309fdebebb0222f5fae364b8c.png);}
.ic-emblem.K40 {background-image: url(../images/emblem/emblem_K40-3a6e0d12d8f1d2284c228f73d0803a06.png);}
.ic-emblem.K41 {background-image: url(../images/emblem/emblem_K41-0bd79e4ba37630f19b9005b9637a1f46.png);}
.ic-emblem.K42 {background-image: url(../images/emblem/emblem_K42-9478328dd2f1ecd62ddd9d2eec7f0f34.png);}

.ic-file {width: 24px;  height: 24px; background-image: url(../images/ico/ic-file-421d2217693f7751fa6fe07f0fa12e62.svg);}
.ic-list {width: 20px; height: 20px; background-image: url(../images/icon/btn-ico-list-0de66ad601af6f967e23a84666b51c51.png);}
.ic-graph {width: 20px; height: 20px; background-image: url(../images/ico/ic-graph-7cb0ba9acab336893aaad2bb3a5f0fd6.svg);}
.active .ic-list {background-image: url(../images/icon/btn-ico-list_on-1b9d00689a96624df105eb5157cee22f.png);}
.active .ic-graph {background-image: url(../images/ico/ic-graph-on-d9520d3294799d8e21a04ca70510a9c9.svg);}