/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다. (12,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (13,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (14,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (32,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (33,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (34,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (35,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (36,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (37,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (41,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (42,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (43,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (44,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (45,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (46,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (47,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (49,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (58,83): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Placeholder' (59,71): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Placeholder' (60,79): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Placeholder' (61,69): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Placeholder' (62,65): run-time error CSS1039: Token not allowed after unary operator: '-BD-UI' (62,84): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (62,152): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (80,17): run-time error CSS1039: Token not allowed after unary operator: '-UpColor' (83,21): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (88,18): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (89,20): run-time error CSS1039: Token not allowed after unary operator: '-semantic-text-tx-tag-new' (93,23): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (94,18): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (97,79): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (101,25): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (104,37): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (105,32): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (107,31): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (139,1): run-time error CSS1019: Unexpected token, found '}' (190,84): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (209,54): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (219,159): run-time error CSS1039: Token not allowed after unary operator: '-BD-Unselect' (220,78): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (231,81): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (232,128): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (235,103): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (236,89): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (237,191): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI' (237,214): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (239,96): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (247,74): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-121417' (248,75): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-505763' (252,151): run-time error CSS1039: Token not allowed after unary operator: '-BD-Unselect' (253,70): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (261,123): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (264,98): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (266,84): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (267,186): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI' (267,209): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (269,92): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (284,105): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (288,73): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (290,69): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (294,216): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (296,135): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (300,101): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (301,73): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (304,73): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (307,87): run-time error CSS1039: Token not allowed after unary operator: '-BD-Border2' (308,208): run-time error CSS1039: Token not allowed after unary operator: '-BD-Border2' (310,126): run-time error CSS1039: Token not allowed after unary operator: '-BG-Gray' (322,82): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (323,109): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (333,39): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (334,47): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (334,101): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (340,44): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F7F8FA' (345,36): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (348,65): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (390,73): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (394,56): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (404,99): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI2' (405,65): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (406,73): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (406,101): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (412,61): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI' (413,46): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (414,36): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (414,60): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (436,50): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI' (438,65): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (441,70): run-time error CSS1062: Expected semicolon or closing curly-brace, found '#' (444,52): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI2' (444,76): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (445,31): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (446,36): run-time error CSS1039: Token not allowed after unary operator: '-FnGuideColor' (478,104): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (478,146): run-time error CSS1039: Token not allowed after unary operator: '-BD-UI' (484,109): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (485,32): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (488,110): run-time error CSS1039: Token not allowed after unary operator: '-semantic-border-bd-primary' (488,184): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (513,166): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (513,190): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (513,262): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-121417' (515,189): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (515,230): run-time error CSS1039: Token not allowed after unary operator: '-BD-Border3' (519,52): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (528,109): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (529,78): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (529,119): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (541,57): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (542,39): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (542,165): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (544,38): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (546,50): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (547,90): run-time error CSS1039: Token not allowed after unary operator: '-BG-Box' (549,59): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (556,73): run-time error CSS1039: Token not allowed after unary operator: '-BD-Border2' (563,77): run-time error CSS1039: Token not allowed after unary operator: '-BD-Border2' (565,28): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (569,177): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (571,22): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (603,59): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (610,147): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (611,121): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (626,62): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (627,85): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (628,166): run-time error CSS1039: Token not allowed after unary operator: '-BD-UI' (630,121): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (632,102): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (634,42): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F7F8FA' (635,57): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-EAEDF1' (637,93): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (638,51): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (640,68): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (653,152): run-time error CSS1039: Token not allowed after unary operator: '-MainColor' (655,171): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (697,52): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (729,107): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F7F8FA' (732,44): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (733,55): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (736,56): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (751,91): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (751,128): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (780,129): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (815,103): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (815,137): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (838,60): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-121417' (839,45): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-505763' (840,73): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (855,67): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (858,84): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-F2F4F6' (860,62): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (865,68): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (873,68): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (876,112): run-time error CSS1039: Token not allowed after unary operator: '-BG-Gray' (881,68): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (882,82): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (889,69): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (893,105): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (924,62): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (925,52): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (936,110): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (950,34): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (960,48): run-time error CSS1039: Token not allowed after unary operator: '-BD-UI-Form' (961,88): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale-505763' (1019,99): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (1019,207): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI' (1021,92): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (1021,115): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (1072,49): run-time error CSS1039: Token not allowed after unary operator: '-BD-UI' (1073,29): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (1073,138): run-time error CSS1039: Token not allowed after unary operator: '-BD-Unselect' (1076,125): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (1093,67): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (1096,76): run-time error CSS1039: Token not allowed after unary operator: '-BG-Gray' (1097,72): run-time error CSS1039: Token not allowed after unary operator: '-semantic-background-bg-brand' (1101,49): run-time error CSS1039: Token not allowed after unary operator: '-semantic-border-bd-table-inner' (1108,75): run-time error CSS1039: Token not allowed after unary operator: '-MainTitle' (1111,73): run-time error CSS1039: Token not allowed after unary operator: '-GrayText-Unselect' (1113,100): run-time error CSS1039: Token not allowed after unary operator: '-GrayText' (1114,45): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (1115,27): run-time error CSS1039: Token not allowed after unary operator: '-BG-GrayUI' (1116,80): run-time error CSS1039: Token not allowed after unary operator: '-BodyText' (1127,138): run-time error CSS1039: Token not allowed after unary operator: '-Gray-Scale' (1129,84): run-time error CSS1039: Token not allowed after unary operator: '-semantic-text-tx-unit' (1130,38): run-time error CSS1039: Token not allowed after unary operator: '-semantic-text-tx-inverse' (1133,56): run-time error CSS1039: Token not allowed after unary operator: '-BD-Border2' (1140,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1141,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1144,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1146,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1148,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1149,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1150,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1151,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1152,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1153,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1154,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1155,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1156,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1157,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1158,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1159,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1161,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1162,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1179,31): run-time error CSS1039: Token not allowed after unary operator: '-semantic-text-tx-dark-tag-new' (1181,63): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1183,56): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1186,88): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1187,109): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1189,45): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1190,93): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1191,150): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1191,183): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1192,152): run-time error CSS1039: Token not allowed after unary operator: '-Color-A2AAB7' (1197,137): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1200,157): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1201,175): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1203,54): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1204,53): run-time error CSS1039: Token not allowed after unary operator: '-Color-999999' (1208,112): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1209,67): run-time error CSS1039: Token not allowed after unary operator: '-Color-A7A7A7' (1211,49): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1211,82): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1213,107): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1215,47): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1215,69): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1217,53): run-time error CSS1039: Token not allowed after unary operator: '-semantic-border-bd-dark-primary' (1219,73): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1220,71): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1221,53): run-time error CSS1039: Token not allowed after unary operator: '-Color-3A3A3A' (1223,134): run-time error CSS1039: Token not allowed after unary operator: '-BG-3A3A3A' (1224,99): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1225,111): run-time error CSS1039: Token not allowed after unary operator: '-Color-A7A7A7' (1226,99): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1229,111): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (1230,53): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1232,104): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1233,140): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1234,57): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1234,86): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1235,36): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1237,44): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1238,72): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1240,73): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1242,42): run-time error CSS1039: Token not allowed after unary operator: '-Color-999999' (1243,43): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1244,50): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1246,45): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1247,61): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1247,90): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1247,116): run-time error CSS1039: Token not allowed after unary operator: '-Color-737D96' (1248,70): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1251,47): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1252,53): run-time error CSS1039: Token not allowed after unary operator: '-Color-888888' (1254,97): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1255,49): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1260,70): run-time error CSS1039: Token not allowed after unary operator: '-Color-3A3A3A' (1260,96): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1261,70): run-time error CSS1039: Token not allowed after unary operator: '-Color-A2AAB7' (1262,140): run-time error CSS1039: Token not allowed after unary operator: '-Color-747474' (1263,80): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1264,74): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1264,96): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1265,61): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1268,76): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1270,48): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1272,93): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1274,42): run-time error CSS1039: Token not allowed after unary operator: '-semantic-text-tx-unit' (1277,158): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1280,40): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1280,78): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1283,81): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1286,69): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1286,95): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1291,80): run-time error CSS1039: Token not allowed after unary operator: '-Color-4A4A4A' (1291,106): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1293,66): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1294,52): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1295,71): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1300,83): run-time error CSS1039: Token not allowed after unary operator: '-Color-737D96' (1302,82): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1303,83): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1305,66): run-time error CSS1039: Token not allowed after unary operator: '-Color-737D96' (1309,67): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1310,64): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1312,54): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1312,91): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1313,55): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1319,49): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1320,84): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1320,110): run-time error CSS1039: Token not allowed after unary operator: '-Gray-A6AAB5' (1321,90): run-time error CSS1039: Token not allowed after unary operator: '-Color-4A4A4A' (1321,116): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1322,67): run-time error CSS1039: Token not allowed after unary operator: '-Color-4A4A4A' (1322,93): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1325,35): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1325,71): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (1326,49): run-time error CSS1039: Token not allowed after unary operator: '-DownColor' (1327,111): run-time error CSS1039: Token not allowed after unary operator: '-Black-101011' (1331,52): run-time error CSS1039: Token not allowed after unary operator: '-Color-333333' (1331,78): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1332,76): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1332,108): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1333,44): run-time error CSS1039: Token not allowed after unary operator: '-Color-White' (1333,76): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1334,118): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1335,65): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1337,65): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1337,91): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1341,34): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1342,29): run-time error CSS1039: Token not allowed after unary operator: '-Color-A7A7A7' (1343,32): run-time error CSS1039: Token not allowed after unary operator: '-Color-999999' (1345,195): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1346,89): run-time error CSS1039: Token not allowed after unary operator: '-BG-Black' (1350,84): run-time error CSS1039: Token not allowed after unary operator: '-Color-3A3A3A' (1350,117): run-time error CSS1039: Token not allowed after unary operator: '-Color-454545' (1350,143): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' (1352,55): run-time error CSS1039: Token not allowed after unary operator: '-Color-545454' (1353,49): run-time error CSS1039: Token not allowed after unary operator: '-BodyText-DarkMode' */ @font-face { font-family: 'Pretendard Variable'; font-weight: 100 900;/*세팅 : 100~900 범위, 실사용 : 400,500,600,700*/ font-style: normal; font-display: block; src: url('/Content/font/PretendardVariable.woff2') format('woff2-variations'), url('/Content/font/PretendardVariable.ttf') format('truetype'); } :root { /* base : 디자인팀의 변경 요청시에만 수정할 것 */ --FnGuideColor: #94243b; --MainColor: #2134cd; --MainTitle: #111; --BodyText: #333950; --UpColor: #fa2d42; --DownColor: #2d78fa; --semantic-text-tx-tag-new: #ff9500; --semantic-text-tx-unit: #949ca6; --semantic-text-tx-inverse: #fff; --BG-Gray: #ced3db; --BG-GrayUI: #f2f4f6; --BG-GrayUI2: #e7eaef; --BG-Box: #f7f9fc; --semantic-background-bg-primary:#fff; --Gray-Scale: #fff; --Gray-Scale-F2F4F6: #f2f4f6; --Gray-Scale-F7F8FA: #f7f8fa; --Gray-Scale-EAEDF1: #eaedf1; --Gray-Scale-121417: #121417; --Gray-Scale-505763: #505763; --Gray-Placeholder: #aeb4bf; --GrayText: #999ea4; --GrayText-Unselect: #707987; --GrayMenu-Unselect: #aaaeb3; /* border color */ --BD-Unselect: #eaedf1; --BD-UI: #eaedf1; --BD-UI-Form:#aeb4bf; --BD-Border1: #f2f4f6; --BD-Border2: #dde3eb; --BD-Border3: #d1d7e0; --semantic-border-bd-primary:#e8e8e8; --semantic-border-bd-table-inner:#eaedf1; --semantic-background-bg-brand:#2564f1; } html, body{font-size:62.5%} body,input,select,button,table,textarea,h1,h2,h3,h4,h5,h6,a{font-family:'Pretendard Variable', 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:1.6rem;color:#111;} /*@media screen and (max-width:390px){ html, body{font-size:60%} }*/ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:var(--Gray-Placeholder);} input::-moz-placeholder, textarea:focus::-moz-placeholder {color:var(--Gray-Placeholder);} input:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:var(--Gray-Placeholder);} input:-moz-placeholder, textarea:focus:-moz-placeholder {color:var(--Gray-Placeholder);} select{position:relative;padding:5px 10px;border:1px solid var(--BD-UI);color:var(--BodyText);border-radius:8px;font-size:1.4rem;background-color:var(--Gray-Scale);height:30px;outline:none;} .checks{position:relative} .checks input[type=checkbox]:not(old) + label, .checks input[type=checkbox]:not(old) + input + label{cursor:pointer;display:inline-block;} .checks input[type=checkbox]:not(old) + label span.img_chk, .checks input[type=checkbox]:not(old) + input + label span.img_chk{position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(/Content/images/icon/icn_check_off.svg) no-repeat 0 0;display:inline-block;width:24px;height:24px;cursor:pointer;vertical-align:middle;margin-right:13px;} .checks input[type=checkbox]:not(old):checked + label span.img_chk, .checks input[type=checkbox]:not(old):checked + input + label span.img_chk{background:url(/Content/images/icon/icn_check_on.svg) no-repeat 0 0;} .checks input[type=checkbox]:not(old){position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0;} .checks input[type=checkbox] + label{position:relative;cursor:pointer;font-size:1.6rem;line-height:155%;} .checks input[type=checkbox] + label.img_disabled{cursor:default;} .checks input[type=checkbox]:disabled + label{cursor:default;} .checks input[type=checkbox]:disabled + label .img_chk{background:url(/Content/images/icon/icn_check_off.svg) no-repeat 0 0;cursor:not-allowed;} .checks input[type=checkbox]:not(old):focus+label:after{content:'';position:absolute;left:0;top:0;border:1px dotted #333;display:inline-block;width:100%;height:100%;} .checks input[type=checkbox]:not(old):focus+input+label:after{content:'';position:absolute;left:0;top:0;outline:1px dotted #333;display:inline-block;width:100%;height:100%;} /* 폰트사이즈 */ .font12{font-size:12px !important} /* 감소 */ .red{color:var(--UpColor) !important} /* 상승 */ .blue { color: var(--DownColor) !important } /* 폰트 색상 및 스타일 */ .skyblue{color:#1391c0 !important} .green{color:#009a8c !important} .gray{color:var(--GrayText-Unselect) !important;} .yellow{color:var(--semantic-text-tx-tag-new) !important;} .bold{font-weight:700 !important} .semibold{font-weight:500 !important;} .spacing{letter-spacing:-0.05px;} .na, .na a{color:var(--GrayText)!important;} .unit{color:var(--GrayText);font-weight:400;margin-left:5px;font-size:1.4rem;line-height:140%;letter-spacing:-0.6px;} .goComponents {cursor:pointer;} .goComponents:hover {text-decoration:underline;} .table .num{font-weight:500;line-height:140%;letter-spacing:-0.6px;color:var(--MainTitle);text-align:right;} .goInfo, .goCompany {margin:0;cursor:pointer;} .goInfo > a {color:var(--MainTitle);} /*.goComponents > a:hover, .goComponents > a:active{border-bottom:1px solid #1391c0}*/ /*.goInfo > a:hover span, .goInfo > a:active span{text-decoration:underline}*/ .goCompany, .goCompany a{color:var(--DownColor);margin:0;font-weight:700;} .goInfo > a > span {color:var(--DownColor);margin:0;font-weight:500;} .goCompany a{display:inline-block;} .goCompany a:hover{color:var(--DownColor);} /* 여백 */ .mgt5 { margin-top: 5px; } .block{ display:block; } .txt-ell1{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .txt-ell2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;max-height:42px;word-break:keep-all;} .txtDefault{ line-height:140%;letter-spacing:-0.6px; } .taL{text-align:left !important;} .taC{text-align:center !important;} .taR{text-align:right !important;} .bd_none{border:0 none !important;} /*.txt-ell2::after { position: absolute; right: 0; bottom: 0; overflow: hidden; content: " ..."; backgourn-color: #fff;*/ } /* 테이블 컬럼 스타일 클래스 Hover -> th, td: tbl-highlight 현재 선택 -> th, td: tbl-highlight-now 정렬 -> th: D, td : sort_on 정렬 버튼 기능(마우스 커서) -> sort 테이블 좌우 스크롤 -> table태그 위에 div="tbl-scrollX"추기 */ table.table th.sort{cursor:pointer} table.table th.tbl-highlight, table.table th.tbl-highlight-now { position: relative; } table.table th.D, table.table th.A{position:relative;cursor:pointer;} table.table th.D:after, table.table th.A:after{/*position:absolute;left:50%;bottom:3px;*/display:block;content:'';background:url(/Content/images/icon/icn_sort.svg) 0 0;height:10px;width:10px;z-index:2;margin:2px auto 0;} table.table th.A:after{transform:rotate(180deg);} table.table td.sort_on{position:static;} table.table tr.no-data td, table.table tr td.no-data{color:#05081a !important} .tbl-scrollX{overflow-x:auto;} .tbl-scrollX table{table-layout:inherit !important;width:100%;white-space:nowrap;} .tbl-scrollY{max-height:388px;overflow-y:auto;} .tbl-bd_none tr th, .tbl-bd_none tr td{border:0 none !important;} /*::-webkit-scrollbar { -webkit-appearance: none; } ::-webkit-scrollbar:vertical { width: 8px; } ::-webkit-scrollbar:horizontal { height: 8px; } ::-webkit-scrollbar-thumb { background-color: rgba(144, 144, 144, .5); border-radius: 10px; border: 2px solid #fff; } ::-webkit-scrollbar-track { border-radius: 10px; background-color: #fff; }*/ /* 차트스크롤 */ .chartScroll {position: relative;} .chartScroll:after {content: "";display: block;clear: both;} .chartScroll .chart-fix {position:absolute;left:0;top:0;width:50%; z-index:2;background-color:#fff;} .chartScroll .chart-fix .page {margin-top:20px;} .chartScroll .chart-fix td {height:150px;}/*컨텐츠에 맞게 높이 수정*/ .chartScroll .chart-scroll {margin-left: 50%;position: relative;background: #fff; height:150px;} .chartScroll .chart-scroll .wrapper {z-index:1 !important;} .chartScroll .chart-scroll td {height:150px;}/*컨텐츠에 맞게 높이 수정*/ .chartScroll .chart-scroll .bt {position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:24px;height:24px;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:0 0;} .chartScroll .chart-scroll .bt.slick-disabled{opacity: 0.35;} .chartScroll .chart-scroll .bt.bt-prev {left:2%;background-image: url(/Content/images/button/btn_pre_24.svg);} .chartScroll .chart-scroll .bt.bt-next {right:2%;background-image: url(/Content/images/button/btn_next_24.svg);} /* table > line */ .bd-left{border-left:1px solid #e2e2e2 !important} .bd-bottom{border-bottom:1px solid #e2e2e2 !important} .ln-bottom{border-bottom:1px solid #f3f3f3;} /* HEADER */ #header{position:fixed;top:0;width:100%;padding:0;z-index:15;background-color:var(--Gray-Scale);border-bottom:1px solid #eee;} #header #logo_global{display:block;background:url(/Content/images/logo.svg) no-repeat 0 0;width:118px;height:27px;text-indent:-9999px;} #header .headerInner{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;} /* Header > Login */ #header .btn_login{position:absolute;right:10px;top:13px;} #header .btn_login{width:50px;height:23px;} #header .btn_login a{display:block;width:100%;height:100%;font-size:16px;color:#A8B1B5;} /* Header > Search */ #header .btn_search{font-weight:700;} #header .btn_search a.icn_search{display:flex;align-items:flex-end;height:24px;background:url(/Content/images/icon/icn_search_black_24.svg) no-repeat right 0;padding-right:30px;} #header .searchWrap#m_menu_wrap{display:none;position:absolute;right:0;top:0;width:100%;z-index:150;border-top:0 none;} /*#header .searchWrap#m_menu_wrap{position:absolute;right:-100%;top:0;width:100%;z-index:150;border-top:0 none;}*/ /*#header .searchWrap#m_cmp_wrap{position:absolute;right:-100%;top:0;width:100%;background:#fff;z-index:150;}*/ #header .searchWrap{width:100%;background-color:var(--Gray-Scale);} #header .searchWrap h2{font-size:2rem;line-height:140%;letter-spacing:-0.8px;padding:12px 20px;font-weight:700;} #header .searchWrap .form-inline{float:none} #header .searchWrap .form-inline .btn{margin:0;box-shadow:none;border:0 none;text-shadow:none;} #header .searchWrap .form-inline .form-group{display:inline-block;margin-right:3px} #header .searchWrap .form-inline .search-group{float:left;} #header .searchWrap .searchBox{position:relative;width:100%;display:inline-block;*display:inline;zoom:1;margin:auto;vertical-align:middle;} /* 검색창 */ #header .searchWrap .searchBox .search-input{position:relative;width:100%;padding:15px 20px;} #header .searchWrap .searchBox .search-input .input_txt{position:relative;width:100%;height:42px;line-height:42px;background-color:#fff;border:1px solid var(--BD-Unselect);border-radius:8px;} #header .searchWrap .searchBox .search-input .input_txt.on{border-color:var(--BodyText);} #header .searchWrap .searchBox .search-input input[type=text]{display:block;background-color:transparent;width:100%;height:100%;padding:10px 16px;font-size:1.6rem;border:0 none;box-shadow:none;border-radius:0;outline:none;outline-offset:0} #header .searchWrap .searchBox .search-input input[type=text].on{padding:0 85px 0 45px;} #header .searchWrap .searchBox .search-input .btn--clear{display:none;position:absolute;right:40px;top:0;width:42px;height:42px;background:url(/Content/images/button/btn_clear.svg) no-repeat center;text-indent:-9999px;} #header .searchWrap .searchBox .search-input .btn-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:0;background:none;box-shadow:none;outline:none;} #header .searchWrap .searchBox .search-input .btn-search i{display:block;width:20px;height:20px;margin:auto;background-image:url(/Content/images/icon/icn_search_gray_20.svg);background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;} /* 검색 기록 */ #header .searchWrap .searchBox .search-history{padding:20px} #header .searchWrap .searchBox .search-history h3{padding-bottom:6px;color:var(--GrayText);} #header .searchWrap .searchBox .search-history li{position:relative;display:flex;padding:10px 6px;border-bottom:1px solid var(--Gray-Scale-F2F4F6);} #header .searchWrap .searchBox .search-history li:hover span, #header .searchWrap .searchBox .search-history li:active span{text-decoration:underline} #header .searchWrap .searchBox .search-history li:last-child{border-bottom:0 none} #header .searchWrap .searchBox .search-history li.no-data{padding:20px 0;text-align:center;color:var(--BodyText);line-height:140%;} #header .searchWrap .searchBox .search-history .ui-hist-btn{border-top: 1px solid var(--Gray-Scale-F2F4F6);} #header .searchWrap .searchBox .search-history .hist-remove{width:100%;margin-top:20px;padding:12px;text-decoration:underline;text-underline-offset:2px;border:0 none; background-color: var(--BG-GrayUI);color:var(--BodyText);cursor:pointer;border-radius:8px;} #header .searchWrap .searchBox .search-history > ul > li > span{text-align:left;line-height:140%;} #header .searchWrap .searchBox .search-history > ul > li > span.col1{max-width:90px;color:var(--DownColor) !important;} #header .searchWrap .searchBox .search-history > ul > li > span.col2{width:65%} #header .searchWrap .searchBox .search-history > ul > li > span.del_etf{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url(/Content/images/button/btn_clear.svg);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer} #header .searchWrap .close_search{position:absolute;right:20px;top:12px;width:28px;height:28px;background:url(/Content/images/button/btn_close_black_28.svg) no-repeat 0 0;text-indent:-9999px;} /* 종목으로 ETF검색 > 검색창, 검색 기록 */ #m_cmp_wrap .searchBox{position:relative;padding:20px 20px 15px;text-align:center;} #m_cmp_wrap .searchBox--txt{padding:15px 0 20px;} #m_cmp_wrap .searchBox--txt h3{font-size:2rem;font-weight:700;color:var(--Gray-Scale-121417);line-height:140%;letter-spacing:-0.6px;} #m_cmp_wrap .searchBox--txt p{font-size:1.5rem;padding-top:6px;color:var(--Gray-Scale-505763);line-height:140%;letter-spacing:-0.6px;} #m_cmp_wrap .searchBox .search-input{position:relative;width:100%;} #m_cmp_wrap .searchBox .search-input:after{content:'';display:block;clear:both;} #m_cmp_wrap .searchBox--theme .search-input{padding:5px 0 0} #m_cmp_wrap .searchBox .search-input .input_txt{position:relative;width:100%;height:42px;line-height:42px;background-color:#fff;border:1px solid var(--BD-Unselect);border-radius:8px;} #m_cmp_wrap .searchBox .search-input .input_txt.on{border-color:var(--BodyText);} #m_cmp_wrap .searchBox .search-input input[type=text]{display:block;background-color:transparent;width:100%;height:100%;padding:10px 16px;font-size:1.6rem;border:0 none;box-shadow:none;border-radius:0;outline:none;outline-offset:0} #m_cmp_wrap .searchBox .search-input input[type=text].on{padding:0 85px 0 45px;} #m_cmp_wrap .searchBox .search-input .btn--clear{display:none;position:absolute;right:40px;top:0;width:42px;height:42px;background:url(/Content/images/button/btn_clear.svg) no-repeat center;text-indent:-9999px;} #m_cmp_wrap .searchBox .search-input .btn-search{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:0;background:none;box-shadow:none;outline:none;} #m_cmp_wrap .searchBox .search-input .btn-search i{display:block;width:20px;height:20px;margin:auto;background-image:url(/Content/images/icon/icn_search_gray_20.svg);background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;} #m_cmp_wrap .searchBox .cmpsearch-history{padding-top:20px} #m_cmp_wrap .searchBox .cmpsearch-history li{position:relative;display:flex;padding:10px 6px;border-bottom:1px solid var(--Gray-Scale-F2F4F6);} #m_cmp_wrap .searchBox .cmpsearch-history li:hover span, #header .searchWrap .searchBox .search-history li:active span{text-decoration:underline} #m_cmp_wrap .searchBox .cmpsearch-history li:last-child{border-bottom:0 none} #m_cmp_wrap .searchBox .cmpsearch-history li.no-data{padding:20px 0;text-align:center;color:var(--BodyText);} #m_cmp_wrap .close_search{position:absolute;left:0;top:0;width:42px;height:42px;background:url(/Content/images/button/btn_back.svg) no-repeat 16px center;text-indent:-9999px;border:0 none;} #m_cmp_wrap .searchBox .cmpsearch-history .ui-hist-btn{border-top: 1px solid var(--Gray-Scale-F2F4F6);} #m_cmp_wrap .searchBox .cmpsearch-history .hist-remove{width:100%;margin-top:20px;padding:12px;text-decoration:underline;text-underline-offset:2px;border:0 none; background-color: var(--BG-GrayUI);color:var(--BodyText);cursor:pointer;border-radius:8px;} #m_cmp_wrap .searchBox .cmpsearch-history > ul > li > span{text-align:left;line-height:140%;} #m_cmp_wrap .searchBox .cmpsearch-history > ul > li > span.col1{max-width:100px;color:var(--DownColor) !important;} #m_cmp_wrap .searchBox .cmpsearch-history > ul > li > span.col2{width:100%;} #m_cmp_wrap .searchBox .cmpsearch-history > ul > li > span.del_etf{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url(/Content/images/button/btn_clear.svg);background-repeat:no-repeat;text-indent:-9999px;cursor:pointer} #m_cmp_wrap .searchBox .cmpsearch-history > ul > li.hist-empty{justify-content:center;} #m_cmp_wrap .searchBox .cmpsearch-history > ul > li.hist-empty a{color:#cdcdcd;} /* 검색 결과*/ #header .search_etf_result{padding:5px 20px 0;width:100%; max-height:350px; overflow-y:auto;z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} #header .search_etf_result > div{width:100%;padding:0;background:#f1f3f6;border-radius:0;box-shadow:0px 1px 4px 1px rgba(128,128,128,0.3);-webkit-box-shadow:0px 1px 4px 1px rgba(128,128,128,0.3);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} #header .search_etf_result ul{display:none !important;padding:0;width:100% !important;top:0 !important;left:0 !important;border-radius:0;border:none;border-top:none;overflow:hidden;margin:0;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} #header .search_etf_result ul.show{display:block !important;} #header .search_etf_result ul li{padding:6px 4px;list-style:none;padding:0;border-right:0 none;position:relative;} #header .search_etf_result ul li:first-child{margin-top:0} #header .search_etf_result ul li:hover span, #header .search_etf_result ul li:active span{text-decoration:underline} #header .search_etf_result ul li.empty_row{padding:5px 14px;} #header .search_etf_result ul li a{display:flex;padding:6px;margin:0 0 4px;border-bottom:1px solid var(--Gray-Scale-F2F4F6);} /*#header .search_etf_result ul li:last-child a{border-bottom:0 none}*/ #header .search_etf_result ul li.empty_row a{display:block;cursor:default;text-align:center;border-bottom:0 none;} #header .search_etf_result ul li a span{display:inline-block;*display:inline;*zoom:1;vertical-align:top;text-shadow:none;line-height:140%;letter-spacing:-0.6px;} #header .search_etf_result ul li a span.col1{max-width:100px;color:var(--DownColor) !important;font-weight:500;} #header .search_etf_result ul li a span.col2{-moz-binding:url("ellipsis.xml#ellipsis");-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;} #header .search_etf_result ul li a span .highlight-class{color:var(--DownColor) !important;} #m_cmp_wrap .search_cmp_result{/*position:absolute;left:0;top:38px;*/width:100%; max-height:350px;overflow-y:auto;z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} #m_cmp_wrap .search_cmp_result > div{width:100%;padding:0;background:#f1f3f6;border-radius:0;box-shadow:0px 1px 4px 1px rgba(128,128,128,0.3);-webkit-box-shadow:0px 1px 4px 1px rgba(128,128,128,0.3);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} #m_cmp_wrap .search_cmp_result ul{display:none !important;padding:0;margin:20px 0;width:100% !important;top:0 !important;left:0 !important;border-radius:0;border:none;border-top:none;overflow:hidden;background:var(--Gray-Scale);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} #m_cmp_wrap .search_cmp_result ul.show{display:block !important;margin:0;} #m_cmp_wrap .search_cmp_result ul li{list-style:none;padding:4px 0;border-right:0 none;position:relative;border-bottom:1px solid var(--Gray-Scale-F2F4F6);} #m_cmp_wrap .search_cmp_result ul li.empty_row{padding:5px 14px;} #m_cmp_wrap .search_cmp_result ul li a{display:flex;padding:6px;text-align:left;margin:0;line-height:140%;border:0 none;} #m_cmp_wrap .search_cmp_result ul li.empty_row a{display:block;cursor:default;text-align:center;} #m_cmp_wrap .search_cmp_result ul li a span{display:inline-block;*display:inline;*zoom:1;color:var(--BodyText);text-shadow:none;/*vertical-align:middle;*/text-align:left;line-height:140%;letter-spacing:-0.6px;} #m_cmp_wrap .search_cmp_result ul li.empty_row a span strong{color:var(--DownColor);} #m_cmp_wrap .search_cmp_result ul li a span.col1{max-width:100px;margin-right:10px;font-weight:500;} #m_cmp_wrap .search_cmp_result ul li a span.col2{-moz-binding:url("ellipsis.xml#ellipsis");-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;} #m_cmp_wrap .search_cmp_result ul li a span .highlight-class{color:var(--DownColor) !important;font-weight:500;/*padding-right:10px;*/} #m_cmp_wrap .search_theme_result {max-height:inherit;} #m_cmp_wrap .search_theme_result .search_notice{padding:14px;box-shadow:none;background:none;text-align:left;} #m_cmp_wrap .search_theme_result .search_notice dl{padding:14px;background-color:var(--BD-Border2);border-radius:5px;} #m_cmp_wrap .search_theme_result .search_notice dt{background:url(/Content/images/icon/icn_notice.svg) no-repeat 0 0;padding:0 0 10px 28px;line-height:160%;letter-spacing:-0.6px;border-bottom:1px solid var(--BD-Border2);margin-bottom:10px;font-weight:500;} #m_cmp_wrap .search_theme_result .search_notice dd{position:relative;margin-top:6px;padding-left:16px;line-height:180%;letter-spacing:-0.6px;word-break:keep-all;} #m_cmp_wrap .search_theme_result .search_notice dd:before{content:'';position:absolute;left:0;top:11px;background-color:var(--BG-Gray);width:4px;height:4px;} #m_cmp_wrap .search_theme_result .search_notice dd:first-child{margin-top:0} /**************************************** Header ****************************************/ .mainMenu div ul{list-style:none;margin:0;white-space:nowrap;display:flex;column-gap:10px;justify-content:space-between;font-size:0} .mainMenu div ul li{display:inline-block;column-gap:10px;*display:inline;*zoom:1;vertical-align:top;} .mainMenu div ul li a{position:relative;display:block;padding:12px 0;font-size:1.8rem;font-weight:700;line-height:140%;letter-spacing:-0.8px;text-align:center;text-decoration:none;color:#aaaeb3;} .mainMenu div ul li a img{width:27px} .mainMenu div ul li a span.glyphicon{font-size:20px} .mainMenu div ul li a span{position:absolute;left:0;bottom:0;margin:0} .mainMenu div ul li.on a, .mainMenu div ul li:hover a{border-radius:0;color:var(--MainTitle);} .mainMenu div ul li.on a span, .mainMenu div ul li:hover a span{width:100%;height:3px;background-color:var(--MainTitle);} @media screen and (max-width:390px){ .mainMenu div ul li a{font-size:1.7rem;} } /* table */ table, th, td{border-collapse:separate;border-spacing:0;} table.table{width:100%;table-layout:fixed} table.table tr th{border:0;color:var(--BodyText);vertical-align:middle;} table.table tr td{padding:10px 6px;color:var(--BodyText);border:0 none;border-bottom:1px solid var(--Gray-Scale-F2F4F6);vertical-align:middle;line-height:140%;} table.table tr:first-child td{border-top:0 none} table.table tr:last-child td{border-bottom:0 none;} /*table.table tr:last-child td.btn-more{border-bottom:1px solid var(--Gray-Scale-F2F4F6);}*/ table.table tr td.no-ln-right{border-right:none!important} table.table tr.total td{font-weight:700;} table.table thead th{background-color:var(--Gray-Scale-F7F8FA);padding:12px 6px;font-size:1.5rem;font-weight:500;line-height:140%;letter-spacing:-0.6px;} table.table thead th .unit{line-height:normal;} table.table thead th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;} table.table thead th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;} table.table tfoot tr.total td{border-top:1px solid #c8c8c8;border-bottom:0 none;} table.table tbody tr th{color:var(--GrayText-Unselect);text-align:left;line-height:160%;letter-spacing:-0.6px;font-weight:500;} table.table tbody tr td{font-size:1.6rem;} table.table tbody tr:last-child th{border-bottom:0} table.table tbody tr:last-child td{border-bottom:1px solid var(--Gray-Scale-F2F4F6)} table.table-noline tr td, table.table-noline tbody tr:last-child td{border:0} /*컨텐츠 영역*/ /*.section div.section-header{margin:5px 10px;position:relative} .section div.section-header span{font-size:17px;font-weight:700} .section div.section-header span.header-bar{display:block;width:20px;height:2px;background-color:#1766B0;border:none;margin:0 0 3px} .section div.section-header span.emphasis{color:#1766B0} .section table{width:100%;border-top:1px solid #CCC;border-bottom:1px solid #CCC;table-layout:fixed} .section table tr{border-bottom:1px solid #DDD} .section table tr.first{border-top:0 solid #1391C0} .section table tr.last{border-bottom:none} .section table tr th{background-color:#EEE;text-align:left;border-right:1px solid #DDD;padding:3px 5px;word-break:keep-all;white-space:nowrap} .section table tr th.lvl1{padding:3px 10px} .section table tr th.lvl2{padding-left:15px} .section table tr th.last{border-right:none} .section table tr td{height:30px;text-align:right;border-right:1px solid #DDD;padding:3px 5px} .section table tr td.last{border-right:none}*/ .radiobtn-on{background:#FF729A;font-weight:700;color:#FFF;outline:0 none} .radiobtn-disable{opacity:.3;cursor:default} .frb-radiobtn-on{background:#3498DB!important;font-weight:700;color:#FFF!important;text-decoration:none;cursor:pointer;outline:0 none} .frb-radiobtn-disable{opacity:.3;cursor:default} .frb-radiobtn-cont:after{display:block;margin-bottom:10px;visibility:hidden;clear:both;height:0;content:'.'} .frb-radiobtn-unit{float:left;position:relative;margin:0;padding:0;border:1px solid #CCC;border-right:none;background:#eee;font-weight:700;color:#444;text-decoration:none;list-style:none;cursor:pointer} .frb-radiobtn-unit:last-child{border-right:1px solid #CCC} .frb-radiobtn{display:none;position:absolute} .frb-radiobtn-label{display:block;margin:0;padding:5px 10px} #radioBtn,#radioBtn1,#radioBtn2,#radioBtn3{position:absolute;top:0;right:2px} .list_header thead{position:relative} .list_header thead.floatHead{position:absolute;top:0;left:0} .list_header thead.floatHead th{padding:4px 5px;line-height:22px;border-bottom:none} .list_header tbody tr.emptyRow{height:20px} .th_cut{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%} .unit-area span{font-size:12px;color:#9B9B9B} .unit-area2 span{font-size:12px;color:#9B9B9B} .ratioCurr{font-size:10px;color:#333;font-weight:100} #content-header{width:100%;margin:0 auto;text-align:center} .empty-search-result{text-align:center} .search-cmp-cd{font-size:1.6em;font-weight:700} /* 확장형 주석 */ .desc{margin-top:10px;line-height:160%;letter-spacing:-0.6px;color:var(--GrayText);font-size:1.4rem;} .desc:after{content:'';display:block;clear:both} .tab .desc{margin-top:-17px} .tabmenu .desc{margin-bottom:-19px;margin-top:7px} .desc>ul{list-style:none;margin:0;padding:0;color:var(--GrayText);word-break:keep-all;} .desc li.header{line-height:13px;margin-bottom:2px;margin-top:-1px;display:none} .desc li.header:first-child{display:block} .desc.top{position:absolute;right:0;top:1px;margin:0;} .desc.top_default{position:absolute;right:0;top:0;margin:0;} .desc.top li{float:left;margin-left:3px} .desc.top li.condition-select {margin:0 0 0 20px;} .desc.bottom{margin-bottom:9px} /* Tab, Button */ div.tab dl.lst{display:flex;padding:3px;justify-content:center;align-items:center;background:var(--BG-GrayUI2);border-radius:5px;} div.tab dl.lst dd, div.tab .lst button{padding:0 8px;color:var(--GrayText);font-size:1.3rem;font-weight:500;line-height:140%;cursor:pointer;} div.tab dl.lst dd.on, div.tab .lst button.on{padding:3px 8px;color:var(--MainTitle);background:var(--Gray-Scale);border-radius:3px;box-shadow:0 2px 3px 0 rgba(18,20,23,0.12);} @media screen and (max-width:390px){ div.tab dl.lst dd, div.tab .lst button{padding:0 6px;} } .tab-btn{display:grid;grid-auto-flow:column;background:var(--BG-GrayUI);border-radius:48px;margin-bottom:18px;max-width:320px;margin:0 auto 18px;} .tab-btn button{text-align:center;color:var(--GrayText-Unselect);margin:4px;padding:9px 12px;line-height:140%;letter-spacing:-0.6px;border-radius:48px;} .tab-btn button.on{background:var(--Gray-Scale);color:var(--BodyText);font-weight:500;border-radius:50px;box-shadow:0 2px 3px 0 rgba(18,20,23,0.12);} .btns{text-align:center;} .btn--trade{display:block;background:#169bd3;color:#fff;font-size:15px;text-align:center;border:1px solid #169bd3;text-shadow:none;width:200px;height:40px;line-height:40px;padding:0;border-radius:3px;margin:25px auto 5px;box-shadow:none;} .btn--trade:before{content:'';display:inline-block;background:url(/Content/images/icon/icn_trade.svg) no-repeat 0 0;width:18px;height:24px;margin-right:9px;vertical-align:middle;background-size:100%;} .btn--trade:hover{background:#1b7292;color:#fff;border-color:#1b7292} .btn--trade__stock{display:block;background:#f14a54;color:#fff;font-size:15px;text-align:center;border:1px solid #f14a54;text-shadow:none;width:200px;height:40px;line-height:40px;padding:0;border-radius:3px;margin:25px auto 5px;box-shadow:none;} .btn--trade__stock:hover, .btn--trade__stock:focus{background:#f14a54;color:#fff;border-color:#f14a54} .btn--floating__btm{position:fixed;left:60px;right:60px;bottom:0;z-index:1;} .btn--floating__btm .btn--trade__stock{display:block;background:#f14a54;color:#fff;font-size:18px;text-align:center;border:1px solid #f14a54;text-shadow:none;width:100%;height:45px;line-height:45px;padding:0;border-radius:12px;margin:25px auto;box-shadow:none;} .btn--floating__btm .btn--trade__stock:hover, .btn--floating__btm .btn--trade__stock:focus{background:#f14a54;color:#fff;border-color:#f14a54} /* Button > 토글 스타일 */ .toggle-btn {margin-top:3px;margin-right:5px;line-height:140%;} .toggle-btn .event {float:left;} .toggle-btn .name {float:left;padding:1px 5px 0 0;} .toggle-btn:after{content:'';display:block;clear:both;} /**************************************** Footer ****************************************/ .notice-section{font-size:1.4rem;background:var(--BG-GrayUI);} .notice-section ul{padding:30px 20px;} .notice-section li{position:relative;list-style:none;color:var(--GrayText);line-height:160%;letter-spacing:-0.6px;padding:5px 0 0 12px;text-indent:-11px;word-break:keep-all;} .notice-section li:first-child{padding-top:0} .logout-wrap {text-align:center; padding:10px 0;border-top:1px solid #} .logout-wrap > button {display:inline-block;*display:inline;float:initial;} .footer{padding:30px 20px;margin:0;background:var(--BG-GrayUI2);color:var(--GrayText-Unselect);font-size:1.4rem;line-height:160%;letter-spacing:-0.6px;word-break:keep-all;border-top:0 none;} .footer .copyright{color:var(--GrayText-Unselect);margin-top:10px;} .footer .copyright span{color:var(--FnGuideColor);} .footer .logo_footer{padding-top:24px;} .footer .logo_footer span{display:inline-block;background-image:url(/Content/images/logo_footer.svg);background-repeat:no-repeat;text-indent:-9999px;} .footer .logo_footer .logo_fg{background:url(/Content/images/logo_footer_fnguide.svg);width:68px;height:22px;} .footer .logo_footer .logo_ms{background:url(/Content/images/logo_footer_morningstar.svg);width:105px;height:22px;margin-left:42px;} /*다이얼로그*/ #dialog, #dialog-confirm {display:none; width:100% !important;} #dialog-confirm span.ui-icon {float:left; margin:2px 0 0 0;} #dialog-confirm p {margin:0; padding:10px} #dialog-confirm .caution {color:red} .ui-dialog .ui-dialog-titlebar {text-align:center;line-height:42px;font-weight:bold;} .ui-dialog .ui-dialog-content > p {padding:10px;} .ui-dialog .ui-dialog-buttonpane {margin:0;background:#EFEFEF;border-top:1px solid #CDCDCD;} .ui-dialog .ui-dialog-buttonpane > div {text-align:center;} .ui-dialog .ui-dialog-buttonpane > div > button {border:1px solid #CDCDCD;padding:5px 10px;margin:5px 2px;color:#111;} .ui-dialog {position: absolute;top: 0;left: 0;padding: .2em;width: 300px;overflow: hidden;outline: 0;background-clip: padding-box;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 6px 6px 6px 6px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);outline: medium none;position: fixed;z-index: 2000;} /* Empty Section */ .empty-section {margin-top:98px;} .emphasis {color:#94243B;} .blocker{display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;z-index:15;background-color:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000)} /*********************************************************** CONTAINER ***********************************************************/ /** common **/ .content-fixed{position:fixed;top:100px;width:100%;padding:10px 20px;text-align:center;background:var(--Gray-Scale);border-bottom:1px solid var(--BD-UI);z-index:10;/*box-shadow:0 -3px 9px 6px rgba(0,0,0,0.3);-webkit-box-shadow:0 -3px 9px 6px rgba(0,0,0,0.3);*/} #container{padding:20px} #container.koinvest{position:relative;} #container.components-section{padding-top:0;} .section-box{position:relative;margin-bottom:40px;} .section-box .row{margin:0} .section-tit{position:relative;/*display:flex;align-items:center;justify-content:space-between;*/color:var(--MainTitle);font-size:2rem;font-weight:700;padding-bottom:18px;line-height:140%} .section-tit .top10{color:var(--GrayText);font-size:1.6rem;font-weight:500;padding-left:6px;} .section-tit .tab{position:absolute;right:0;top:-1px;} .section-tit .btn_more{display:inline-block;background:url(/Content/images/icon/arrow_next_black_24.svg) no-repeat 0 0;width:24px;height:24px;line-height:normal;text-indent:-9999px;vertical-align:middle;} .section-tit .btn_back{display:inline-block;height:22px;line-height:22px;padding:0 8px;border:1px solid var(--semantic-border-bd-primary);border-radius:99px;font-size:12px;color:var(--GrayText-Unselect);font-weight:600;margin-top:1px;} .section-tit .btn_back:before{content:'';display:inline-block;background:url(/Content/images/button/btn_back_gray_8.svg) no-repeat 0 0;width:8px;height:8px;margin-right:4px;} @media screen and (max-width:390px){ .section-tit{font-size:1.8rem} } /*.section-chart{height:264px;}*/ .no-chart{display:table;width:100%;margin:auto;height:264px;} .no-chart-data{display:table-cell;vertical-align:middle;width:100%;background-color:#fafafa;} .no-chart p{background:url(/Content/images/img_nodata.svg) no-repeat center center;width:273px;height:95px;background-size:70% auto;margin:auto;text-indent:-9999px;opacity:0.7;} /*.btn_more{position:absolute;right:0;top:5px;font-size:12px;font-weight:bold;margin-left:10px;}*/ .tab-cont > div{display:none;} .tab-cont > div.on{display:block} .tab-cont .section-items .table{} .tooltip-info{position:relative;color:inherit;font-weight:normal;cursor:pointer;vertical-align:text-bottom;} .tooltip-info.dis{cursor:default; border-bottom:0;} .tooltip-info .unit{margin-left:5px;} .tooltip-info .icn_help{margin:0 8px} .tooltip-info .icn_help2{margin:0 8px} .tooltip-info_abs{display:none;position:fixed;left:50%;top:50%;width:80%;transform:translateX(-50%);font-size:1.6rem;font-weight:400;text-align:left;background:var(--Gray-Scale);color:var(--BodyText);line-height:140%;letter-spacing:-0.6px;border:1px solid var(--Gray-Scale-121417);word-break:keep-all;z-index:16;border-radius:10px;overflow:hidden;} .tooltip-info_abs i{position:relative;display:block;margin:18px 18px 0;padding-bottom:18px;text-indent:0;font-size:1.5rem;font-weight:700;line-height:140%;letter-spacing:-0.6px;color:var(--DownColor);border-bottom:1px solid var(--BD-Border3);} .tooltip-info_abs i .tooltip_close{display:block;position:absolute;right:0;top:0;background:url(/Content/images/button/btn_close_blue_18.svg) no-repeat 0 0;width:18px;height:18px;z-index:2;} .tooltip-info_abs em{display:block;max-height:450px;overflow-y:auto;font-style:normal;text-indent:0;font-size:1.5rem;line-height:140%;letter-spacing:-0.6px;padding:18px;} .tooltip-info_abs i + em{} .tooltip-info_abs em span{display:block;color:var(--BodyText);line-height:160%;} .tooltip-info_abs em > span{margin-top:12px} .tooltip-info_abs em > span:first-child{margin-top:0} .tooltip-info_abs em > span > strong > .unit{display:inline-block;font-size:1.4rem;} .goTop{display:none;position:fixed;right:24px;bottom:14px;z-index:5;} .goTop button{width:36px;height:36px;background:url(/Content/images/button/btn_top.svg) no-repeat 0 0;text-indent:-9999px;outline:none;} /*.icn_help{display:inline-block;width:24px;height:24px;background:url(/Content/images/button/btn_help.svg) no-repeat 0 0;text-indent:-9999px;cursor:pointer} .icn_help2{display:inline-block;width:17px;height:17px;background:url(/Content/images/icon/btn_help.svg) 0 0;background-size:cover;text-indent:-9999px;cursor:pointer;vertical-align:top;margin-top:2px;}*/ .icn_help{display:inline-block;width:19px;height:19px;background-color:#cccfd2;border-radius:50%;color:var(--Gray-Scale);cursor:pointer;text-align:center;line-height:19px;font-size:14px;} .icn_help2{display:inline-block;width:19px;height:19px;background-color:var(--DownColor);border-radius:50%;color:var(--Gray-Scale);cursor:pointer;text-align:center;line-height:19px;font-size:14px;vertical-align:middle;} /********************************************** ETF 시황 **********************************************/ .content-fixed .content--market dl{float:left;width:31%;margin-left:3.5%;} .content-fixed .content--market dl:first-child{margin-left:0} .content-fixed .content--market dl dt{font-weight:500} .content-fixed .content--market dl dd{margin-top:6px} .content-fixed .content--market dl dd select{width:100%;} .tab-cont-news{padding:6px;border-bottom:1px solid var(--Gray-Scale-F2F4F6);} .tab-cont-news .news--date{color:var(--BodyText);padding:12px 6px 6px;font-weight:700;line-height:140%;letter-spacing:-0.6px;margin:6px 0;border-top:1px solid var(--Gray-Scale-F2F4F6);} .tab-cont-news .news--date:first-child{border-top:0 none;padding-top:6px;} .tab-cont-news .newsTitle{color:var(--MainTitle);font-weight:500;line-height:140%;letter-spacing:-0.6px;padding:6px;margin-bottom:6px;} .tab-cont-news .newsTitle span{display:block} .tab-cont-news .newsTitle span strong{color:var(--DownColor);font-weight:700;line-height:140%;letter-spacing:-0.6px;margin-right:6px;} .tab-cont-news .newsTitle .news-txt{position:relative;display:none;background-color:var(--BG-Box);border-radius:8px;padding:14px 16px;line-height:160%;margin-top:12px;font-weight:500;} .tab-cont-news .newsTitle .news-txt h5{font-weight:500;padding:0 85px 5px 0;line-height:160%;letter-spacing:-0.6px;} .tab-cont-news .newsTitle .news-txt .news-date{color:var(--GrayText-Unselect);font-size:1.5rem;font-weight:500;line-height:140%;letter-spacing:-0.6px;padding-bottom:10px;} .tab-cont-news .newsTitle .news-txt .tab{float:none;} .tab-cont-news .newsTitle .news-txt .tab dl.lst{position:absolute;right:10px;top:10px;} .tab-cont-news .newsTitle .news-txt .tab dl.lst span{padding:0;font-size:12px;} .tab-cont-news .newsTitle .news-txt img{width:100%} .tab-cont-news .newsTitle.on .news-txt{display:block} .tab-cont-news .newsTitle .news-txt .news-etf{border-top:1px solid var(--BD-Border2);} .tab-cont-news .newsTitle .news-txt .news-etf dl{margin:0} .tab-cont-news .newsTitle .news-txt .news-etf dl dt{border-bottom:1px solid #ededed;padding:5px 0} .tab-cont-news .newsTitle .news-txt .news-etf dl dd{margin:0;padding:5px 0;} .tab-cont-news .newsTitle .news-txt .news-etf dl dd.goInfo{cursor:default} .tab-cont-news .newsTitle .news-txt .news-etf dl dd.goInfo span{display:inline-block;padding:0} .tab-cont-news .newsTitle .news-txt .news-etf dl dd.goInfo span:hover{background-color:transparent} .tab-cont-news .newsTitle .news-txt .storyContent{border-top:1px solid var(--BD-Border2);padding-top:10px;} div.btn-more-minor{display:flex;} .btn-more-minor{color:var(--DownColor);text-align:center;font-weight:500;padding:11px 0;} .btn-more-minor p{float:left;width:50%;text-align:center;} .btn-more-minor p:only-child{width:100%} .btn-more-minor p, .btn-more-minor td{position:relative;} .btn-more-minor p:nth-child(2)::before, .btn-more-minor td:nth-child(2)::before{content:'';position:absolute;left:0;top:50%;margin-top:-6px;display:block;background-color:var(--Gray-Scale-F2F4F6);width:1px;height:12px;} .btn-more-minor .btn-more.hide + .btn-more:before{content:none;} .btn-more{color:var(--DownColor) !important;text-decoration:underline;text-underline-offset:2px;cursor:pointer;} .btn-more-link{text-align:center;margin-top:18px;} .btn-more-link a, .btn-more-link button{display:block;padding:11px 0;} @media screen and (max-width:390px){ .tab-cont-news .newsTitle .news-txt .news-date{font-size:1.4rem} } .card{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:10px;row-gap:10px;} .card li a{border-radius:5px;} .card li a, .card li a img{width:100%;} .card-swipe {width:100%;position:relative;outline:none;overflow:hidden} .card-swipe li{position:relative;float:left; margin:10px 0 6px;width:16%;padding-right:4px;} .card-swipe li .iBox{position:relative;display:block;/*padding-top:92.5%;overflow:hidden;border-radius:10px;margin-left:10px;background-repeat:no-repeat;background-position:center;background-size:cover;*/} .card-swipe li .iBox img{display:block;/*position:absolute;left:0;top:0;*/width:100%;min-height:100%;} .card-swipe li a, .card-swipe li a img{width:100%;height:100%;outline:none;} .card-swipe li .card-tit{position:absolute;left:20px;top:20px;color:#fff;font-size:16px;} /*자금흐름*/ .fund-flow .condition-select {margin-top:0;margin-right:3px;} .fund-flow .section-chart {height:150px;margin-bottom:10px;} .fund-flow .section-chart .chart-scroll .page{text-align: center; margin-top:20px;} .fund-flow table.table tbody tr th{letter-spacing:-0.5px;} /********************************************** ETF 상품정보 **********************************************/ .content-fixed-info{display:none} .content-fixed .content--info{text-align:left;} .content-fixed .content--info dl:after{content:'';display:block;clear:both;} .content-fixed .content--info dl dt{float:left;color:var(--DownColor);} .content-fixed .content--info dl dd{float:right;} /* 상품정보 타이틀 */ .section-Info-title{padding:15px 0} .section-Info-title .alert{padding:0;margin-bottom:16px;} .section-Info-title .alert > dl{position:relative;display:inline-block;margin:0;width:100%} .section-Info-title .alert > dl > dd.info-title{font-size:2.4rem;font-weight:700;margin-top:3px;line-height:140%;letter-spacing:-0.8px;color:var(--MainTitle);} .section-Info-title .alert > dl > dd.info-ticker{border:none;padding-left:0;font-size:1.5rem;font-weight:700;color:var(--DownColor);line-height:140%;letter-spacing:-0.6px;} .section-Info-title .alert > dl > dd.info-ticker span{width:98%;letter-spacing:-0.5px} .section-Info-title .alert > dl > dd.info-ticker i{display:inline-block;width:14px;height:11px;background:url(/Content/images/img_flag.gif) no-repeat;margin-left:6px;} .section-Info-title .alert > dl > dd.info-ticker i.US{background-position:0 0} .section-Info-title .alert > dl > dd.info-ticker i.KR{background-position:-14px 0} .section-Info-title .alert > dl > dd.info-ticker i.CN{background-position:-29px 0} .section-Info-title .alert > dl > dd.info-ticker i.IN{background-position:-45px 0} .section-Info-title .alert > dl > dd.info-ticker i.JP{background-position:-59px 0} .section-Info-title .alert > dl > dd.info-ticker i.TH{background-position:-74px 0} .section-Info-title .alert > dl > dd.info-ticker i.TW{background-position:-88px 0} .section-Info-title .alert > dl > dd.info-ticker i.VN{background-position:-104px 0} .section-Info-title .alert > dl > dd.info-ticker i.ID{background-position:-119px 0} .section-Info-title .alert > dl > dd.info-ticker i.HK{background-position:-134px 0} .section-Info-title .alert > dl > dd.info-ticker i.SG{background-position:-149px 0} .section-Info-title .alert > dl > dd.info-ticker2{color:var(--GrayText-Unselect);font-weight:400;padding-top:6px;} .section-Info-title .alert > dl > dd.info-ticker2 span{position:relative;color:var(--DownColor);margin-left:6px;padding-left:8px;} .section-Info-title .alert > dl > dd.info-ticker2 span:before{content:'';display:inline-block;position:absolute;left:0;top:3px;width:1px;height:12px;background:var(--BD-UI);} .section-Info-title .alert > dl > dd.info-title2{border:none;padding-left:0;font-size:1.5rem;font-weight:700;color:var(--DownColor);line-height:140%;letter-spacing:-0.6px;} .section-Info-title .alert > dl > dd.info-title2 .info-virtual{font-size:14px;vertical-align:top;margin-top:5px;} .section-Info-title .alert > dl > dd .info-virtual{display:inline-block;padding-left:10px;color:var(--GrayText);font-weight:400;font-size:1.4rem;} .section-basicInfo{background-color:var(--Gray-Scale-F7F8FA);border-radius:12px;padding:20px 22px;} .section-basicInfo .basicInfo{border-top:1px solid var(--Gray-Scale-EAEDF1);margin-top:16px;} .section-basicInfo .basicInfo dl{display:flex;width:100%;margin-top:14px;} .section-basicInfo .basicInfo dt{width:85px;font-weight:500;display:inline-block;color:var(--BodyText);line-height:140%;letter-spacing:-0.6px;} .section-basicInfo .basicInfo dt .unit{color:var(--GrayText);font-size:1.4rem;} .section-basicInfo .basicInfo dd{width:100%;text-align:right;font-weight:500;line-height:140%;letter-spacing:-0.6px;} .section-basicInfo .basicInfo dd a{display:inline-block;color:var(--DownColor);font-weight:500;margin-right:3px;word-break:keep-all;} .section-basicInfo .basicInfo dd a:first-child{margin-left:0} .section-basicInfo .basicInfo dd a:hover, .section-basicInfo .basicInfo dd a:active{text-decoration:underline} .section-basicInfo .basicInfo dd .bar{display:inline-block;vertical-align:top;} .section-basicInfo .basicInfo:first-child{display:flex;justify-content:space-between;border-top:0 none;margin-top:0;} .section-basicInfo .basicInfo:first-child dl{display:block;margin-top:0;} .section-basicInfo .basicInfo:first-child dl dt{position:static;width:auto;} .section-basicInfo .basicInfo:first-child dl dd{padding:19px 0 0 0;width:auto;text-align:left;} .section-basicInfo .basicInfo dl.info-price strong{font-size:2rem;line-height:140%;letter-spacing:-0.8px;} .section-basicInfo .basicInfo dl.info-price .num{padding-left:8px;font-size:1.4rem;font-weight:500;line-height:160%;} .section-basicInfo .basicInfo dl dd.info-52box .chart{position:relative;width:100%;height:inherit;margin:5px 0;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset legend{margin-bottom:10px;line-height:25px;font-size:16px;font-weight:bold} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inner{width:100%;height:8px;background:#d9d9d9;position:relative;border-radius:5px;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inner .today{position:absolute;width:8px;height:8px;border-radius:15px;background:var(--MainColor);transform:translateX(-50%);} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inner .today i{display:block;font-style:normal;text-align:center;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inner .today i span{position:absolute;top:-23px;display:block;font-size:1.4rem;font-weight:700;color:var(--BodyText);line-height:140%;letter-spacing:-0.6px;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inline li{position:absolute;left:0;right:inherit;padding:0;font-size:1.3rem;line-height:160%;letter-spacing:-0.6px;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inline li.min-value{left:0;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inline li.max-value{right:0;} .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inline li.inner{position:static;width:100%;} .section-cmpInfo .basicInfo dl{display:flex;} .section-cmpInfo .basicInfo dt{width:50%;} .section-cmpInfo .basicInfo dd{width:50%;} /*.section-cmpInfo .basicInfo:after{display:block;content:'';clear:both;} .section-cmpInfo .basicInfo{border-top:1px solid #e2e2e2;} .section-cmpInfo .basicInfo dl{position:relative;padding:8px 5px;margin-top:14px;} .section-cmpInfo .basicInfo dt{position:absolute;left:5px;top:10px;font-weight:normal;display:inline-block;font-size:13px;color:#555;} .section-cmpInfo .basicInfo dt .unit{color:#ccc;} /*.section-cmpInfo .basicInfo dt .unit_cmp{color:#909090;}* .section-cmpInfo .basicInfo dd.col2{text-align:right;color:#222} .section-cmpInfo .basicInfo dd.col2 .total{font-weight:normal;margin-left:5px;font-size:12px;border-top:0;} .section-cmpInfo .basicInfo dd a{display:inline-block;color:#1391c0;margin-right:3px;word-break:keep-all;} .section-cmpInfo .basicInfo dd a:first-child{margin-left:0} .section-cmpInfo .basicInfo dd a:hover, .section-basicInfo .basicInfo dd a:active{text-decoration:underline} .section-cmpInfo .basicInfo dd .bar{display:inline-block;vertical-align:top;margin-top:-1px} .section-cmpInfo .basicInfo:first-child dl{float:left;width:50%;border-bottom:0 none;border-left:1px solid #e2e2e2;box-sizing:border-box;padding-left:15px;background-color:#fff;} .section-cmpInfo .basicInfo:first-child dl:first-child{padding:12px 15px 12px 5px;border-left:0 none;} .section-cmpInfo .basicInfo:first-child dl dt{position:static} .section-cmpInfo .basicInfo:first-child dl dd{padding:15px 0 0 0} .section-cmpInfo .basicInfo dl.info-price strong{font-size:21px} .section-cmpInfo .basicInfo dl.info-price .num{font-size:13px}*/ /* 정보 테이블 */ table.tbl-info tbody tr td{border:0 !important;} table.tbl-info tbody tr th{padding:10px 6px 6px;} table.tbl-info tbody tr td{text-align:right;padding:10px 6px 6px;} table.tbl-info tbody tr:first-child th, table.tbl-info tbody tr:first-child td{padding-top:6px} /* 수익률 */ .tbl-rateList table{position:relative;overflow:hidden;width:100%;height:100%} .tbl-rateList .slider li{position:relative;float:left;height:100%;text-align:center;outline:none;font-weight:bold;z-index:5 !important;} .tbl-rateList .slick-arrow{position:absolute;top:50%;margin-top:-1.1%;background:url(../../Content/images/icn_common.png) no-repeat;background-size:125px 246px;width:60px;height:60px;text-indent:-9999px;z-index:11} .tbl-rateList .slick-prev{left:2.1%;background-position:0 -186px;} .tbl-rateList .slick-next{right:2.1%;background-position:-65px -186px;} /* 시장지수 대비 주가비교 */ .section-indexcompare .toggle-btn .name{color:var(--GrayText);font-size:1.5rem;} /* 개요 */ .summary div{line-height:160%;font-weight:500;word-break:keep-all;} .summary div.no-summary{text-align:center} .tbl-stksec td{position:relative;} .tbl-stksec strong{float:right;font-weight:500;} .line-color{display:inline-block;width:6px;height:17px;margin:0 5px 3px 0;vertical-align:middle;} .line-color-none{background:#f3f3f3;border:1px solid #e1e1e1;} .line-color1{background-color:#6dcff6} .line-color2{background-color:#00bdf2} .line-color3{background-color:#0083ca} .line-color4{background-color:#d7d7d7} .line-color5{background-color:#c8c8c8} .line-color6{background-color:#a0a0a0} .line-color7{background-color:#4d4d4f} .line-color8{background-color:#f7901e} .line-color9{background-color:#fbad18} .line-color10{background-color:#ffdf4f} .line-color11{background-color:#40942e} .table .target_cmp { background-color:#FEFEDD } .table .target_cmp_txt {display:flex;align-items:center;justify-content:center;height:42px;} /*table.table tr td.btn-more{color:#0083ca;cursor:pointer;text-align:center;font-weight:bold;border-top:1px solid var(--Gray-Scale-F2F4F6);font-size:14px !important;} table.table tr td.btn-more:hover, table.table tr td.btn-more:active{text-decoration:underline}*/ table.table tr td.btn-more-right{text-align:center;padding-left:45%} .tbl_sort .fnMenu table.table thead th{padding-top:18px;padding-bottom:18px;} /* 동일 기초지수 추종 상품 비교 */ .section-benchmark .benchmark-info {display:flex;align-items:center; column-gap:9px;background-color:var(--Gray-Scale-F7F8FA);padding:12px 6px;font-size:1.5rem; font-weight:500;line-height:140%;letter-spacing:-0.6px;border-radius:8px;margin-bottom:8px;} .section-benchmark .benchmark-info .infotitle {width:100px;flex:none;} .section-benchmark .benchmark-info .infodata {flex-grow:1; text-align:center;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}/*2줄초과말줄임*/ .section-benchmark .totalcount {color:var(--GrayText);font-size:1.5rem;line-height:140%;letter-spacing:-0.6px;font-weight:400;} .section-benchmark .totalcount .emphasis {color: var(--DownColor);font-weight: 700;padding-left:8px;} .section-benchmark .secScroll .fnMenu {width:116px !important;} .section-benchmark .secScroll .fnMenu thead th{padding:12px 6px;} .section-benchmark .secScroll .fnMenu tr td{color:var(--GrayText-Unselect);} .section-benchmark .secScroll .fnData {margin-left:116px !important;} .section-benchmark .secScroll .fnData .bt{top:10px} .section-benchmark .secScroll .fnData .goInfo a{font-weight:700;font-size:1.5rem;} .section-benchmark table.table thead th{background-color:transparent;border-radius:0} .section-benchmark table.table tr td{border-bottom:0 none;} .section-benchmark table.table tr td.tbl-highlight {border-left:0;border-right:none;} .section-benchmark table.table tr:last-child td{border:0 none} .secScroll table.table .btn_rtnareaFn tr:last-child td{border-bottom:0 none !important;} /* ETF 비교분석 */ .secScroll {position: relative;} .secScroll:after {content: "";display: block;clear: both;} .secScroll td{height:42px;} .secScroll .fnMenu {position: absolute;left: 0;top: 0;width:66.666%;z-index:2;background-color:#fff;} .secScroll .fnMenu td.category, .secScroll .fnData td.category{font-weight:700;color:var(--BodyText);border-top:1px solid var(--Gray-Scale-F2F4F6) !important;} .secScroll .fnMenu tr:first-child td.category, .secScroll .fnData tr:first-child td.category{border-top:0 none !important;} .secScroll .fnData {margin-left:66.666%;position: relative;background:#fff;} .secScroll .fnData.fnData_rateList tr:first-child th:first-child{border-bottom-left-radius:8px;} .secScroll .fnData .wrapper{position:relative;z-index:1 !important;border-top-left-radius:8px;border-top-right-radius:8px;overflow:hidden;} .secScroll .fnData .bt{position:absolute;top:2.5%;z-index:2;width:24px;height:24px;cursor:pointer;background-color:transparent;background-repeat:no-repeat;background-position:0 0;} .secScroll .fnData .bt.disabled{opacity:0.35;} .secScroll .fnData .bt.bt-prev{left:2%;background-image: url(/Content/images/button/btn_pre_24.svg);} .secScroll .fnData .bt.bt-next{right:2%;background-image: url(/Content/images/button/btn_next_24.svg);} .secScroll .tbl_noData {font-size: 12px;height: 29px;line-height: 29px;text-align: center;background: #fff;border-bottom: 1px solid #d5d5d5;border-left: 1px solid #eee;color: #000;} .secScroll .goCompany{height:18px} .secScroll .goCompany:hover, .secScroll .goCompany:active{text-decoration:underline} .secScroll .fnMenu.fnData_etftop table.table thead th{height:73px;padding-top:0;padding-bottom:0;} .secScroll .fnData.fnData_rateList{margin-left:0} .secScroll .fnData.fnData_rateList th{height:inherit;font-size:inherit;} .secScroll .fnData.fnData_rateList .bt{top:50%;margin-top:-7px} /*.secScroll .fnData.fnData_etftop {margin-left:66.5%;position: relative;background:#fff;}*/ .secScroll .fnMenu.fnData_etftop{width:69%;} .secScroll .fnData.fnData_etftop{margin-left:69%;} .secScroll .fnData.fnData_etftop table.table thead th{height:73px;padding-top:0;padding-bottom:0;} .secScroll .fnData.fnData_etftop .bt{top:16px;} .secScroll .fnMenu.fnData_etfCompare{width:66.6%;} .secScroll .fnData.fnData_etfCompare{margin-left:66.6%;} .secScroll .fnData.fnData_etfCompare table.table thead th{height:73px;padding-top:0;padding-bottom:0;} .secScroll .fnMenu.fnData_etfCompare table.table thead th{height:73px;padding-top:0;padding-bottom:0;} .secScroll .fnData.fnData_etfCompare .bt{top:16px;} .secScroll .fnData .unit--comp{display:block;} .secScroll .fnMenu.fnMenu--info{width:72%} .secScroll .fnData.fnMenu--info{margin-left:72%} .secScroll .fnMenu.fnMenu--info tr:last-child td, .secScroll .fnData.fnMenu--info tr:last-child td{border-bottom:1px solid var(--Gray-Scale-F2F4F6);} /* 상품정보 > 자금흐름 */ .fund-flow-detail .condition-select {margin-top:0;margin-right:3px;} .fund-flow-detail .section-chart {height:247px;margin-bottom:18px;} /*로그인*/ #header > .headerInner > p.btn_search > .login_btn {color:#A8B1B5;} .form-signin {background-color:#192137;} .form-signin label.lb-id, label.lb-pwd, label.lb-auto-login {padding: 5px 10px;font-size: 16px; color:#FFF;} .form-signin input#UserName, input#Password {width: 100%;padding: 10px;border-radius: 0px;outline: none; border:1px solid #CCC;color:#111} .form-signin div.login-cont {margin: 200px 10%;} .form-signin div.login-cont > .logo_wrap > span {display:inline-block;width:180px; height:27px;background-image:url('../../Content/images/logo_etf.png'); background-repeat:no-repeat; background-size:contain; } .form-signin .bar-btn {width: 100%;background-color: #5C6476;color: #FFF;font-size: 16px;font-weight: bold;text-align: center;padding: 10px;border: none;outline: none;} .form-signin .tslider-wrapper {position: relative;margin: 0;padding: 3px 0 0;} .form-signin .tslider-track {overflow: hidden;position: absolute;top: 0;width: 100%;height: 30px;border-radius: 1em;background: #5C6476;} .form-signin .tslider-track .tslider-thumb {position: absolute;z-index: 1;width: 50%;height: 30px;border: 3px solid #5C6476;border-radius: 1em;background: #A8B1B5;padding: 0;font-family: Helvetica,Arial,sans-serif;font-size: 1.3em;color: #333333;text-align: center;cursor: pointer;} .form-signin .tslider-track .tslider_aron {display: block;position: absolute;top: 0;left: 0;width: 50%;height: 20px;line-height: 24px;padding: 3px 0 0;font-family: Helvetica,Arial,sans-serif;font-size: 1.3em;color: #fff;text-align: center;cursor: pointer;} .form-signin .tslider-track .tslider_aroff {display: block;position: absolute;top: 0;left: 50%;width: 50%;height: 20px;line-height: 24px;padding: 3px 0 0;font-family: Helvetica,Arial,sans-serif;font-size: 1.3em;color: #fff;text-align: center;cursor: pointer;} .form-signin #dialog, #dialog-confirm {display: none;width: 100% !important;} .form-signin #dialog-confirm span.ui-icon {float: left;margin: 2px 0 0 0;} .form-signin #dialog-confirm p {margin: 0;padding: 0 0 0 24px;} .form-signin #dialog-confirm .caution {color: red;} .form-signin .ui-dialog .ui-dialog-buttonpane {margin: 0;} .form-signin .ui-dialog {position: absolute;top: 0;left: 0;padding: .2em;width: 300px;overflow: hidden;outline: 0;background-clip: padding-box;background-color: #FFFFFF;border: 1px solid rgba(0, 0, 0, 0.3);border-radius: 6px 6px 6px 6px;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);outline: medium none;position: fixed;z-index: 2000;} /*종목으로 ETF검색*/ .comp-top {position:relative;padding-bottom:18px;font-size:0;} .comp-top select{margin-left:10px;} .comp-top select:first-child{margin-left:0;} .comp-top .desc.top{top:50%;transform:translateY(-50%);} .comp-top .select_area{overflow:hidden} .comp-top .select_area ul{float:left;} .comp-top .select_area ul li{position:relative;float:left;padding:4px 12px;margin-left:6px;color:var(--DownColor);border:1px solid var(--DownColor);border-radius:20px;word-break:keep-all;white-space:nowrap;font-size:0;text-align:center;} .comp-top .select_area ul li:first-child{margin-left:0} .comp-top .select_area ul li > span{display:inline-block;max-width:100%;font-size:1.4rem;font-weight:500;line-height:160%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .comp-top .select_area ul li button{background:url(/Content/images/icon/icon_delete.gif) no-repeat 0 0;width:11px;height:11px;margin-left:8px;border:0 none;text-indent:-9999px;outline:none;text-align:center;} .comp-top .select_area ul li button{background:url(/Content/images/icon/icon_delete.gif) no-repeat 0 0;width:11px;height:11px;margin-left:8px;border:0 none;text-indent:-9999px;outline:none;text-align:center;} .comp-top .select_area #add_searchpop{float:left;margin-left:10px;} .comp-top .select_area #add_searchpop .icon-plus{background:url(/Content/images/button/btn_etf_plus.svg) no-repeat 0 0;display:inline-block;width:32px;height:32px;} .comp-top .select_area #add_searchpop:disabled{display:none;background-color:#e6e6e6;border:1px solid #b3b3b3} .comp-top .select_area #add_searchpop:disabled .icon-plus{background:url(/Content/images/icon/icn_new.png) no-repeat -88px -69px;display:inline-block;width:12px;height:16px;} @media screen and (max-width:390px){ .comp-top select{margin-left:5px;} } .cmpSearchWrap{position:absolute;left:0;top:0;width:100%;z-index:3;background:#fff;} .themeSearchWrap{overflow:hidden;margin-bottom:20px;} #container.cmp-section_theme .theme-list{border-top:0 none;} /* 스크리너 */ .opt__screener{padding:15px 0;text-align:center;color:var(--Gray-Scale-121417);line-height:140%;letter-spacing:-0.8px;font-weight:700;} .opt__screener p{padding-top:6px;color:var(--Gray-Scale-505763);font-weight:400;} .opt__screener .btn--opt{width:100%;background-color:#f0f5ff;color:var(--DownColor);font-weight:500;text-align:center;text-decoration:underline;padding:12px 20px;margin-top:20px;box-shadow:none;outline:none;border-radius:12px;line-height:160%;letter-spacing:-0.6px;text-underline-offset:2px;} .opt__screener .btn--opt i{background:url(/Content/images/icon/icn_theme_screener.svg) no-repeat 0 0;display:inline-block;width:24px;height:24px;margin-right:6px;vertical-align:middle;} .screener {float:initial; min-height:25px; margin-bottom:25px;} .screener .form-group, .screener .form-group div, .screener .form-group, .screener .form-group div {vertical-align:middle;margin-bottom:0} .screener .search-group, .screener .search-group {margin-left:10px;} .screener select, .screener select {float:left; font-weight:normal;} .IndustryScale{display:none;padding:17px 10px} .IndustryScale.on{display:block;position:fixed;left:0;top:98px;width:100%;z-index:3;background:#fff;overflow-y:auto} .IndustryScale .row{border-bottom:0 none;padding:6px;margin-bottom:50px;} .condition-search .form-group-top{display:block;} .condition-search .form-group-bottom{border-bottom:1px solid var(--Gray-Scale-F2F4F6);} .condition-search .form-group > ul > li{position:relative;padding:11px 0} .condition-search .form-group ul li label{font-weight:500;} .condition-search .form-group ul li.dep1{overflow:hidden;border-top:1px solid var(--Gray-Scale-F2F4F6);cursor:pointer;line-height:140%;} .condition-search .form-group ul li.dep1:first-child{border-top:0 none} .condition-search .form-group ul li.dep1.disabled{color:var(--GrayText);} .condition-search .form-group ul li.dep1 label{float:left;margin:0} .condition-search .form-group ul li.dep2{display:none;line-height:140%;padding:10px 0 0;} .condition-search .form-group ul li.dep2 label{font-weight:400;} .condition-search .form-group ul li.dep2.on{display:block} .condition-search .form-group ul li.dep2.on .dep2-title{color:var(--DownColor);} .condition-search .form-group ul li.dep2 .selList{max-height:375px;overflow-y:auto} .condition-search .form-group ul li.dep2 .selList li{position:relative;padding:0 0 0 24px;margin-top:6px;} .condition-search .form-group ul li.dep2 .selList li:first-child{margin-top:0} .condition-search .form-group ul li.dep2 .selList li:last-child{border-bottom:0 none;margin-bottom:10px;} .condition-search .form-group ul li.dep2 .selList li:before{content:'';display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);background:url(/Content/images/icon/icn_arrow_blue_16.svg) no-repeat 0 0;width:16px;height:17px;} .condition-search .form-group ul li.dep2 .selList li input[type=checkbox]{position:absolute;right:9px;top:50%;margin-top:-6px;z-index:1;} .condition-search .form-group ul li.dep2 .selList li label{margin:0;display:block;width:100%;font-size:inherit; height:29px; line-height:29px;} .condition-search .form-group ul li.dep2 .selList li.on{color:var(--DownColor);} .condition-search .form-group ul li.dep2 .selList li.item-leaf{padding-left:0} .condition-search .form-group ul li.dep2 .selList li.item-leaf label{padding-left:36px;} .condition-search .form-group ul li.dep2 .selList.listTyp2 li.item-leaf:before{left:24px;background-color:var(--BG-Gray);width:4px;height:4px} .condition-search .form-group ul li.dep2 .selList.listTyp2 li.item-label > label{font-weight:bold;} .condition-search .form-group ul li.dep2 .selList.listTyp2 li.item-label:before{display:none;} .condition-search .form-group ul li.dep2 .dep2-title{position:relative;line-height:180%;} .condition-search .form-group ul li.dep2 .dep2-title:before{content:'';display:block;position:absolute;left:8px;top:50%;transform:translateY(-50%);background:url(/Content/images/icon/icn_arrow_gray_16.svg) no-repeat 0 0;width:16px;height:16px;} .condition-search .form-group ul li.dep2 .dep2-title.on{color:var(--DownColor);font-weight:700} .condition-search .form-group ul li.dep2 .dep2-title.on:before{border-color:var(--DownColor);} .condition-search .form-group ul li.dep2.on .dep2-title:before{background-image:url(/Content/images/icon/icn_arrow_blue_16.svg);} .condition-search .form-group ul li.dep2 .dep2-title > span{display:block;padding:10px 0 10px 24px} .condition-search .form-group ul li.dep2 .dep2-cont{display:none;padding:0 8px 10px;} .condition-search .form-group ul li .icn{background:url(/Content/images/icon/arrow_next_gray_32.svg) no-repeat 0 0;display:inline-block;width:32px;height:32px;text-indent:-9999px;margin-left:10px;vertical-align:middle;} .condition-search .form-group ul li.dep2 + li.dep2{padding-top:6px;} .condition-search .form-group ul li.dep1.on{padding-bottom:6px} .condition-search .form-group ul li.dep1.disabled .event{color:var(--GrayText);} .condition-search .form-group ul li.dep1.disabled .icn{background-image:url(/Content/images/icon/arrow_next_lightgray_32.svg)} .condition-search .form-group ul li.on .icn{background-image:url(/Content/images/icon/arrow_down_blue_32.svg);} .condition-search .form-group ul li .event{overflow:hidden;position:absolute;right:0;top:50%;color:var(--BodyText);font-size:1.4rem;transform:translateY(-50%);} .condition-search-title{position:relative;} .condition-search-title .section-tit {padding-bottom:12px} .condition-search-title .section-tit .btn-refresh{position:absolute;top:0;margin-left:6px;} .condition-search-title .section-tit .btn-refresh .icon-refresh{background:url(/Content/images/icon/icn_refresh.svg) no-repeat 0 0;display:inline-block;width:24px;height:24px;vertical-align:middle;} .condition-search-title .desc{top:-1px} .condition-search .form-group{position:relative} .condition-search .form-group div div{float:none} .condition-search .form-group .cell_input .select{margin-right:15px;} .condition-search .form-group .select{vertical-align:top;font-size:14px} .condition-search .form-group .selectList{position:relative;width:100%} .condition-search .form-group .selectList .allList{position:relative;height:26px;line-height:26px;border:1px solid #c8c8c8;border-radius:3px;background:#fff;cursor:pointer;font-size:14px;padding:0 6px;margin:0} .condition-search .form-group .selectList .allList option{display:none;width:0;height:0;font-size:0;opacity:0;text-indent:-9999px;z-index:-50;visibility:hidden} .condition-search .form-group .txt_disabled{height:18px} .condition-search .form-group .lay--list{position:absolute;left:0;top:27px;z-index:4;width:100%;background:#fff;max-height:300px;overflow-y:auto;} .condition-search .form-group .lay--list ul{border:1px solid #ccc;margin:0;overflow-y:auto;max-height:288px;} .condition-search .form-group .lay--list ul li.lay--category{background:#777;color:#fff;text-indent:10px;padding:4px 0} .condition-search .form-group .lay--list ul li.lay--category:hover{background-color:#777} .condition-search .form-group .lay--list ul li{position:relative;cursor:pointer;vertical-align:top;} .condition-search .form-group .lay--list ul li:hover, .condition-search .form-group .lay--list ul li:focus{background-color:#0078d7;} .condition-search .form-group .lay--list ul li:hover label, .condition-search .form-group .lay--list ul li:focus label{color:#fff;} .condition-search .form-group .lay--list ul li input{margin-right:5px} .condition-search .form-group .lay--list ul li input[type=checkbox]{position:absolute;left:6px;top:8px;width:13px;height:13px;margin:0} .condition-search .form-group .lay--list ul li label{float:none;display:block;color:#777;margin:0;padding:5px 6px 5px 25px;font-size:14px;font-weight:normal;vertical-align:top;border-radius:0;background:none;text-shadow:none;box-shadow:none;border:0 none;} .condition-search .form-group .lay--list ul li label:after{content:none;} .condition-search .form-group .select_area{width:100%;border-top:1px solid #e1e1e1} .condition-search .form-group .select_area ul{overflow:hidden;margin:0} .condition-search .form-group .select_area ul li{float:left;display:block;padding:7px 0;word-break:keep-all;white-space:nowrap} .condition-search .form-group .btn-del{background:url(/Content/images/icon/icn_new.png) no-repeat -30px -30px;display:inline-block;width:19px;height:19px;text-indent:-9999px;margin:0 5px 1px;border:0 none;padding:0;box-shadow:none;text-shadow:none;border-radius:0;vertical-align:middle;} .condition-search .form-group .result{float:right;color:var(--GrayText);margin-right:16px} .condition-search .form-group .emphasis{color:var(--DownColor);font-weight:700;} .result-section .btn--check{clear:both;text-align:center;} .result-section .btn--check button{cursor:pointer;padding:2px 22px} .condition-search .curr-wrap{float:right !important} .ranking .btn--check{clear:none;margin:0;float:left;} .condition-search .form-group .range-input-wrap{text-align:center;margin:6px 0;} .condition-search .form-group .range-input-wrap > *{margin:0} .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders{margin:8px 0;height:20px;} .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders .ui-slider-track{background-color:#e5e5e5;box-shadow:none;border:0 none;} .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders .ui-slider-track.ui-mini, .range-input-wrap .ui-rangeslider-sliders .ui-slider-track:first-child{height:3px !important} .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders .ui-btn-active{background-color:var(--DownColor) !important;} .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders .ui-btn{background:url(/Content/images/icon/icn_screener.svg) no-repeat 0 0;width:34px;height:35px;display:inline-block;box-shadow:none;border:0 none;margin:-14px 0 0 -17px;} .condition-search .form-group .range-input-wrap .range{overflow:hidden;padding:0 8px} .condition-search .form-group .range-input-wrap .range .range-input{position:relative;float:right;width:48%;font-size:0;padding-right:0} .condition-search .form-group .range-input-wrap .range .range-input:first-child{float:left;padding-left:0;margin-right:2%;} .condition-search .form-group .range-input-wrap .range .range-input .ui-slider-input{margin-left:0;box-shadow:none;border-color:#dbdbdb;box-sizing:border-box;text-align:left;padding:4px 55px 4px 10px;} .condition-search .form-group .range-input-wrap .range .range-input .ui-slider{margin:0;} .condition-search .form-group .range-input-wrap .range .range-input input.ui-slider-input{width:100%;height:100%} .condition-search .form-group .range-input-wrap .range .range-input .unit{position:absolute;right:10px;top:50%;margin-top:-8px;color:#8e8d8a} .secScroll .fnData.fnData_screener {margin-left:66.3%;position: relative;background:#fff;} #row2 {margin-bottom:10px;} .totalCount > div {margin-top:3px;} .totalCount .emphasis{color:var(--DownColor);font-size:1.5rem;font-weight:700;} #screenerListWrap {overflow-y:auto;} #tbl_screener_header th {word-break:keep-all;} #tbl_screener_header th span.unit {color: #909090;font-weight: normal;margin-left: 5px;font-size: 12px;white-space: nowrap;} #screenerOptionList > li.dep2 > .dep2-cont .range {display:none;} .mirrorWrap {width:100%;} .mirrorWrap:after{content:'';display:block;clear:both;} .mirrorWrap > div {position:relative; width:48%; float:left !important;} .mirrorWrap > div:first-child {margin-right:4%;} .mirrorWrap > div > div {border:1px solid var(--BD-UI-Form); box-shadow:none; margin:0;border-radius:6px;} .mirrorWrap > div > div > input {padding:4px 55px 4px 10px; font-weight:700;color:var(--Gray-Scale-505763);} .mirrorWrap > div > span.unit {position:absolute; top:9px; right:10px;} /* select */ .selectBox{position:relative;height:26px;background-color:#fff;margin-left:5px;} .selectBox:first-child{margin-left:0;} .selectBox1{z-index:99;} .selectBox1 .select{z-index:2;} .selectBox.type1{width:94px;} .selectBox.type2{width:144px;} .selectBox.type3{width:200px;} .select-hidden{display:none;visibility:hidden;padding-right:10px;} .select{z-index:1;cursor:pointer;display:block;position:relative;color:#333;width:100%;height:26px;line-height:24px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;} .select-styled{position:absolute;left:0;top:0;width:100%;height:100%;padding:0px 25px 0 8px;border:1px solid #c8c8c8;border-radius:3px;z-index:0;text-align:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .select-styled.active:after{content:'';display:block;position:absolute;right:8px;top:50%;margin-top:-3px;width:10px;height:6px;background-color:#fff;background-image:url(/Content/images/icon/icn_new.png);background-repeat:no-repeat;background-position:0 -36px;z-index:0;cursor:pointer;} .select-styled.active{border:1px solid #617cf0} .selectBox .icn_select{position:absolute;right:8px;top:50%;margin-top:-3px;width:10px;height:6px;background-image:url(/Content/images/icon/icn_new.png);background-repeat:no-repeat;background-position:0 -29px;z-index:0;cursor:pointer;} .selectBox .icn_select .ui-btn{border:0 none;background:none;box-shadow:none;text-shadow:none;font-size:0;padding:0;} .selectBox .icn_select .ui-btn:after{content:none;} .select-options{display:none;position:absolute;top:100%;right:0;left:0;z-index:999;margin:0;padding:0;list-style:none;background:#fff;border:1px solid #D4D4D4;border-radius:3px;margin-bottom:20px;max-height:200px; overflow-y:auto;} .select-options li{margin:0;padding:4px 8px;color:#000;line-height:16px;background:#fff;text-align:left;} .select-options li.on{color:#1b2b9d;} .select-options li:hover{color:#1b2b9d;background:#e7edff;} .select-options li[rel="hide"]{display:none;} .select-disabled{background:#f1f1f1;color:#999;cursor:default;border:1px solid #d6d6d6 !important;} /*콤보박스 disabled 스타일*/ .selectBox select[disabled="disabled"], .selectBox select[disabled] { background: #f1f1f1; color: #999; cursor: default; } /* 레이어 > Select 형식 */ .selectList{position:relative;width:100%} .selectList .allList{position:relative;height:24px;line-height:24px;border:1px solid #c8c8c8;border-radius:3px;background:#fff;cursor:pointer;padding:0px 25px 0 8px;margin:0;display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .selectList .allList i{position:absolute;right:8px;top:50%;margin-top:-3px;width:10px;height:6px;background-image:url(/Content/images/icon/icn_new.png);background-repeat:no-repeat;background-position:0 -29px} .selectList .allList.on i{background-position:0 -36px;} .selectList .allList option{display:none;width:0;height:0;font-size:0;opacity:0;text-indent:-9999px;z-index:-50;visibility:hidden} .selectList .txt_disabled{height:18px} .selectList .lay--list{position:absolute;left:0;top:26px;z-index:4;width:100%;background:#fff;/*max-height:300px;*/overflow-y:auto;} .selectList .lay--list ul{border:1px solid #ccc;margin:0;overflow-y:auto;max-height:250px;border-radius:3px;} .selectList .lay--list ul li{position:relative;cursor:pointer;vertical-align:top;background:none;} .selectList .lay--list ul li div{margin:0} .selectList .lay--list ul li label{color:#000;display:block !important;padding:4px 8px;margin-right:0 !important} .selectList .lay--list ul li:hover, .selectList .lay--list ul li:focus{background-color:#e7edff;} .selectList .lay--list ul li:hover label, .selectList .lay--list ul li:focus label{color:#1b2b9d;} .selectList .lay--list ul li .checks{margin-top:0 !important;} .selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+label{outline:none;} .selectList .lay--list ul li .checks input[type=checkbox]:not(old):focus+input+label{outline:none} /*.selectList .lay--list ul li input{margin-right:5px} .selectList .lay--list ul li input[type=checkbox]{position:absolute;left:6px;top:6px;vertical-align:top;width:13px;height:13px;} .selectList .lay--list ul li label{float:none;display:block;color:#777;margin:0;padding:2px 6px 2px 25px;font-weight:normal;vertical-align:top} .selectList .select_area{width:100%; min-height:25px; max-height:250px; overflow-y:auto;margin:10px 0;} */ .selectList .select_area ul{margin:0} .selectList .select_area ul li{float:left;display:block;margin:0 10px 0 3px;color:#1391c0;word-break:keep-all;white-space:nowrap} .selectList .select_area ul li button{background:url(../../Content/images/icon_delete.gif) no-repeat center center;display:inline-block;width:11px;height:11px;text-indent:-9999px;margin:0 5px;border:0 none;} .condition-search .btn--close{display:block;width:100%;margin:24px auto;padding:12px 0;color:var(--BodyText);text-decoration:underline;font-weight:500;line-height:160%;letter-spacing:-0.6px;background:var(--BG-GrayUI);border-radius:8px;text-underline-offset:2px;} /*.condition-search .btn--close i{display:inline-block;background-image:url(/Content/images/icon/icn_newX2.png);background-size:50px 48px;background-position:-39px -13px;width:11px;height:11px;margin-right:5px;}*/ .btn--screener{position:fixed;left:0;bottom:0;width:100%;height:53px;background-color:var(--DownColor);color:var(--Gray-Scale);border-radius:0;z-index:1;} .btn--screener:hover{color:#fff} /*label.btn--switch{display:inline-block !important;padding:0;position:absolute;left:inherit;right:8px;top:0}*/ /* Hide default HTML checkbox */ .switch {float:right !important;} .switch .btn--switch { position:relative; right:0; top:0; margin:0 !important; display: inline-block; width: 30px; height: 18px; vertical-align: middle; } .switch .btn--switch input {display: none;} /* The slider */ .switch .btn--switch .slide--switch { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .switch .btn--switch .slide--switch:before { position: absolute; content: ""; height: 14px; width: 14px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; } .switch .btn--switch input:checked + .slide--switch {background-color: #1a84d8;} .switch .btn--switch input:focus + .slide--switch {box-shadow: 0 0 1px #1a84d8;} .switch .btn--switch input:checked + .slide--switch:before {-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px);} /* Rounded sliders */ .switch .btn--switch .slide--switch.round {border-radius: 34px;} .switch .btn--switch .slide--switch.round:before {border-radius: 50%;} .top--theme dd .section-tit{display:flex;align-items:center;gap:6px;} .top--theme dd .flick-box{border:1px solid var(--BD-UI);border-radius:12px;padding:18px;} .top--theme dd p{color:var(--BodyText);font-size:1.8rem;font-weight:700;line-height:160%;padding-bottom:4px;border-bottom:1px solid var(--BD-Unselect);} .top--theme dd ul{margin-top:4px;padding:6px 0 0;} .top--theme dd li{width:100%;font-size:0;box-sizing:border-box;} .top--theme dd li a{display:flex;justify-content:space-between;font-size:1.6rem;font-weight:400;line-height:140%;color:var(--BodyText);outline:none;padding:6px} .top--theme dd li a:after{content:'';display:block;clear:both;} .top--theme dd li a strong{min-width:11px;text-align:center;font-weight:400;} .top--theme dd li span{display:block;padding:0 10px;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .slider{width:100%;position:relative;outline:none;overflow:hidden} .top--theme .top-list{float:left;margin:0 8px} .top--theme .top-list:last-child{margin-right:0} .top--theme .top-list:first-child{margin-left:0} .comp-top_theme{border-bottom:0 none;position:absolute;right:0;top:0;background-color:transparent;padding:0;height:inherit;} .top--theme div.section-cont{margin:0} .issue--theme{margin:0 -9px;} .issue--theme .issue--thumbnail{height:160px;padding:0 9px;border-radius:5px;} .issue--theme .issue--thumbnail > a{position:relative;display:block;width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:5px;overflow:hidden;display:flex;align-items:center;justify-content:center;outline:none;text-decoration:none;} .issue--theme .issue--thumbnail.is-placeholder a{background:none;pointer-events:none;} .issue--theme .issue--thumbnail.is-placeholder a:before{content:none;} .issue--theme .issue--thumbnail > a:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%); background-position:center;background-size:cover;background-repeat:no-repeat;} .issue--theme .issue--thumbnail .txt{position:relative;color:var(--Gray-Scale);font-size:2.2rem;font-weight:bold;letter-spacing:-0.2px;max-width:100%;padding:0 14px;text-align:center;max-height:60px;} .issue--theme .issue--thumbnail .txt2{position:absolute;right:10px;bottom:8px;font-size:1.6rem;font-weight:500;} .slick-dots{display:flex;column-gap:8px;margin-top:27px;justify-content:center;} .slick-dots button{width:8px;height:8px;border-radius:24px;background:var(--BG-Gray);text-indent:-9999px;} .slick-dots .slick-active button{width:18px;height:8px;background:var(--semantic-background-bg-brand);} /* 테마 */ .theme-list dd li {border-bottom:1px solid var(--semantic-border-bd-table-inner);padding:10px 0;} .theme-list dd li a{position:relative;display:flex;gap:16px;align-items:center;text-decoration:none;} .theme-list dd li i{margin-left:2px;display:inline-block;width:40px;height:20px;line-height:20px;font-size:11px;background-color:#02c4f5;border:1px solid #00a0e9;border-radius:4px;text-align:center;vertical-align:middle} .theme-list dd li a .img--theme{position:relative;display:flex;flex-shrink:0;width:42px;height:42px;overflow:hidden;border-radius:6px;background-position:center;background-repeat:no-repeat;background-size:cover;} .theme-list dd li a .img--theme img{width:100%;height:100%;} .theme-list dd li a .img--theme .iBox{display:block;position:absolute;left:0;top:0;width:100%;min-height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;} .theme-list dd li a .theme-list-cont{display:flex;justify-content:space-between;width:calc(100% - 58px);font-weight:500;letter-spacing:-0.2px;flex-shrink:0;line-height:normal;} .theme-list dd li a .txt--theme{display:block;font-size:1.6rem;color:var(--MainTitle);} .theme-list dd li a .txt--theme em{font-size:1.1rem;margin-left:4px;vertical-align:text-top;} .theme-list dd li a .txt--theme__name{display:flex;flex-direction:column;gap:4px;justify-content:space-between;font-weight:500;max-width:calc(100% - 15px);} .theme-list dd li a .txt--theme__name .name{font-size:1.3rem;color:var(--GrayText-Unselect);} .theme-list dd li a .rate{font-size:1.6rem;align-self:center;padding-left:10px;} .theme-list dd li a .unit{display:flex;padding-top:6px;font-size:1.5rem;font-weight:400;color:var(--GrayText);line-height:140%;letter-spacing:-0.6px;margin:0;} .theme-list dd li a .unit strong{color:var(--DownColor);margin-left:8px;} .btn-back{background:var(--BG-GrayUI);border-radius:8px;} .btn-back a{display:block;width:100%;padding:12px;text-align:center;color:var(--BodyText);line-height:160%;letter-spacing:-0.6px;} /* 전체테마 */ .theme-allList .top--theme dd{border-bottom:0 none} /* 테마 상세 */ .info--theme{position:relative;margin-bottom:20px;} .info--theme .img--theme{display:flex;align-items:center;justify-content:center;margin-bottom:20px;height:160px;} .info--theme .img--theme .iBox{position:absolute;left:0;top:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;border-radius:5px;} .info--theme .img--theme .iBox:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.55) 100%); background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:5px;} .info--theme .section-tit{width:100%;display:flex;justify-content:center;background-color:transparent;border:0 none;padding:0;color:var(--Gray-Scale);font-size:2.5rem;font-weight:800;line-height:140%;letter-spacing:-0.2px;} .info--theme .section-tit:before{height:48px} .info--theme .unit{position:absolute;right:10px;bottom:7px;display:flex;color:var(--semantic-text-tx-unit);font-size:1.5rem;line-height:140%;letter-spacing:-0.6px;column-gap:8px;} .info--theme .unit strong{color:var(--semantic-text-tx-inverse);} table.table .theme_row td{border-bottom:1px solid var(--BD-Border2);padding:22px 6px 12px;} .theme_row td:first-child{font-weight:700;} .theme_row td a span{display:none;} .highcharts-grid.highcharts-yaxis-grid > path:last-child {stroke:rgb(200, 200, 200);} :root { --BodyText-DarkMode: #ededed; --BG-Black: #1f1f1f; --Black-101011: #101011; --Gray-A6AAB5: #a6aab5; --Color-A2AAB7: #a2aab7; --Color-A7A7A7: #a7a7a7; --Color-3A3A3A: #3a3a3a; --Color-333333: #333; --Color-4A4A4A: #4a4a4a; --Color-454545: #454545; --Color-545454: #545454; --Color-737D96: #737d96; --Color-747474: #747474; --Color-888888: #888; --Color-999999: #999; --Color-White: #fff; --semantic-border-bd-dark-primary:#303740; --semantic-text-tx-dark-tag-new: #ffddad; } .mode_dark body, .mode_dark input, .mode_dark select, .mode_dark button, .mode_dark table, .mode_dark textarea, .mode_dark h1, .mode_dark h2, .mode_dark h3, .mode_dark h4, .mode_dark h5, .mode_dark h6, .mode_dark a{color:#ededed;} .mode_dark .yellow{color:var(--semantic-text-tx-dark-tag-new) !important;} .mode_dark #header{border-color:#454545;background-color:var(--BG-Black);} .mode_dark #header #logo_global{background-image:url(/Content/images/logo_dark.svg)} .mode_dark #header .btn_search a.icn_search{color:var(--Color-White);background-image:url(/Content/images/icon/icn_search_gray_24.svg);} .mode_dark .mainMenu div ul li a{color:#6f7376;} .mode_dark .mainMenu div ul li.on a, .mode_dark .mainMenu div ul li:hover a{color:var(--Color-White);} .mode_dark .mainMenu div ul li.on a span, .mode_dark .mainMenu div ul li:hover a span{background-color:var(--Color-White);} .mode_dark #container{background-color:var(--BG-Black);} .mode_dark .cmpSearchWrap, .mode_dark #header .searchWrap#m_menu_wrap{background-color:var(--BG-Black);border-color:#42495c;} .mode_dark #m_cmp_wrap .searchBox .search-input .input_txt, .mode_dark #header .searchWrap .searchBox .search-input .input_txt{background-color:var(--Color-333333);border-color:var(--Color-333333);} .mode_dark #m_cmp_wrap .searchBox .search-input .input_txt.on, .mode_dark #header .searchWrap .searchBox .search-input .input_txt.on{border-color:var(--Color-A2AAB7);} .mode_dark #m_cmp_wrap .searchBox .search-input input[type=text], .mode_dark #header .searchWrap .searchBox .search-input input[type=text]{color:#aeb4bf;} .mode_dark #m_cmp_wrap .searchBox .search-input .btn--clear{background-image:url(/Content/images/button/btn_clear_black.svg);} .mode_dark #m_cmp_wrap .searchBox .cmpsearch-history, .mode_dark #header .searchWrap .searchBox .search-history{border-color:#42495c;} .mode_dark #m_cmp_wrap .searchBox .cmpsearch-history li, .mode_dark #header .searchWrap .searchBox .search-history li{border-color:var(--Color-545454);} .mode_dark #m_cmp_wrap .searchBox .cmpsearch-history > ul > li > span, .mode_dark #header .searchWrap .searchBox .search-history > ul > li > span{color:#cdcdcd} .mode_dark #header .searchWrap .searchBox .search-history > ul > li > span.del_etf, .mode_dark #m_cmp_wrap .searchBox .cmpsearch-history > ul > li > span.del_etf, .mode_dark #header .searchWrap .searchBox .search-history > ul > li > span.del_etf, .mode_dark #header .searchWrap .searchBox .search-input .btn--clear{background-image:url(/Content/images/button/btn_clear_black.svg);} .mode_dark #m_cmp_wrap .searchBox .cmpsearch-history .ui-hist-btn, .mode_dark #header .searchWrap .searchBox .search-history .ui-hist-btn{border-color:var(--Color-545454);} .mode_dark #m_cmp_wrap .searchBox .cmpsearch-history .hist-remove, .mode_dark #header .searchWrap .searchBox .search-history .hist-remove{color:#c7c7c7;background-color:var(--Color-333333);outline:none;} .mode_dark #header .searchWrap .close_search{background-image:url(/Content/images/button/btn_close_gray_28.svg);} .mode_dark #m_cmp_wrap .searchBox--txt h3{color:var(--Color-White);} .mode_dark #m_cmp_wrap .searchBox--txt p{color:var(--Color-999999);} .mode_dark #m_cmp_wrap .close_search{opacity:0.4;} .mode_dark #m_cmp_wrap .search_cmp_result, .mode_dark #header .search_etf_result{border-color:#42495c;} .mode_dark #m_cmp_wrap .search_cmp_result ul, .mode_dark #header .search_etf_result ul{background-color:transparent;} .mode_dark #m_cmp_wrap .search_cmp_result ul li, .mode_dark #header .search_etf_result ul li{border-color:var(--Color-545454);} .mode_dark #m_cmp_wrap .search_cmp_result ul li a span{color:var(--Color-A7A7A7);} .mode_dark .content-fixed{background-color:var(--Black-101011);border-color:var(--Black-101011)} .mode_dark .content-fixed .content--info dl dt{color:#16a3dd;} .mode_dark .content-fixed .content--info dl dt, .mode_dark .content-fixed .content--info dl dd{color:var(--Color-White);} .mode_dark .section-box .row{border-color:#42495c;} .mode_dark .section-tit{background-color:var(--BG-Black);color:var(--Color-White);border-color:#42495c;} .mode_dark .section-tit .btn_more{background-image:url(/Content/images/icon/arrow_next_gray_24.svg);} .mode_dark .section-tit .btn_back{border-color:var(--semantic-border-bd-dark-primary);} .mode_dark .section-Info-title .alert > dl > dd.info-ticker{color:#7eb3ed;} .mode_dark .section-Info-title .alert > dl > dd.info-ticker2{color:var(--Color-White);} .mode_dark .section-Info-title .alert > dl > dd.info-title{color:var(--Color-White);} .mode_dark .section-basicInfo{background-color:var(--Color-3A3A3A);} .mode_dark .section-basicInfo .basicInfo, .mode_dark .section-cmpInfo .basicInfo{border-color:#222a2e;} .mode_dark .section-basicInfo .basicInfo:first-child dl, .mode_dark .section-cmpInfo .basicInfo:first-child dl{background-color:var(--BG-3A3A3A);} .mode_dark .section-cmpInfo .basicInfo dt, .mode_dark .section-basicInfo .basicInfo dt{color:var(--BodyText-DarkMode);} .mode_dark .section-basicInfo .basicInfo dt .unit, .mode_dark .section-cmpInfo .basicInfo dt .unit{color:var(--Color-A7A7A7);} .mode_dark .section-basicInfo .basicInfo dd, .mode_dark .section-cmpInfo .basicInfo dd{color:var(--Color-White)} .mode_dark .section-basicInfo .basicInfo dd a, .mode_dark .section-cmpInfo .basicInfo dd a{color:#16a3dd;} .mode_dark .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inner{background-color:#4e4e50;} .mode_dark .section-basicInfo .basicInfo dl dd.info-52box .chart fieldset .inner .today{background-color:var(--DownColor);} .mode_dark .secScroll .fnData{background-color:var(--BG-Black);} .mode_dark .secScroll .fnMenu{background-color:transparent;} .mode_dark .secScroll .fnMenu td.category, .mode_dark .secScroll .fnData td.category{border-color:var(--Color-545454) !important;color:#737d96;} .mode_dark .secScroll .fnMenu.fnMenu--info tr:last-child td, .mode_dark .secScroll .fnData.fnMenu--info tr:last-child td{border-color:var(--Color-545454) !important;} .mode_dark .secScroll .tbl_noData{background-color:var(--BG-Black);border-color:var(--Color-545454);} .mode_dark .summary div{color:var(--Color-White);} .mode_dark .tbl-stksec{border-color:#393e49;} .mode_dark .comp-top{background-color:var(--BG-Black);border-color:#42495c !important;} .mode_dark .comp-top .select_area #add_searchpop{background-color:var(--BG-Black);border-color:#42495c} .mode_dark .comp-top .select_area #add_searchpop .icon-plus{background-image:url(/Content/images/button/btn_etf_plus_dark.svg);} .mode_dark .rs-contents, .mode_dark .rs2-contents{background-color:var(--BG-Black);} .mode_dark .notice-section{background-color:#111;} .mode_dark .notice-section li{color:var(--Color-999999)} .mode_dark .tab-btn{background-color:var(--Black-101011);} .mode_dark .tab-btn button{background-color:var(--Black-101011);color:#a6aab5;} .mode_dark .tab-btn button.on{background-color:#4a4a4a;color:#fff;} .mode_dark .tab-cont-news{border-color:var(--Color-545454);} .mode_dark .tab-cont-news .news--date{background-color:var(--BG-Black);border-color:var(--Color-545454);color:var(--Color-737D96);} .mode_dark .tab-cont-news .newsTitle{color:#cdcdcd;border-color:var(--Color-545454)} .mode_dark .btn-more-minor p:nth-child(2)::before, .mode_dark .btn-more-minor td:nth-child(2)::before{background-color:#42495c;} .mode_dark .content-fixed .content--market dl dt{color:#909090;} .mode_dark .logout-wrap{background-color:var(--BG-Black);border-color:#131822;} .mode_dark .footer{background-color:#000;color:var(--Color-888888);} .mode_dark .footer .logo_footer span{opacity:0.5;filter:alpha(opacity=50);} .mode_dark .chartScroll .chart-fix, .mode_dark .chartScroll .chart-scroll{background-color:var(--Black-101011);} .mode_dark .no-chart-data{background-color:var(--BG-Black);} .mode_dark .goTop button{background-image:url(/Content/images/icon/img_top_dark.png);background-position:0 0;background-size:cover;} .mode_dark .goTop button:hover, .mode_dark .goTop button:active{background-position:-43px 0;} /* 시황 */ .mode_dark .tab-cont-news .newsTitle .news-txt{background-color:var(--Color-3A3A3A);color:var(--Color-White)} .mode_dark .tab-cont-news .newsTitle .news-txt .news-date{color:var(--Color-A2AAB7);} .mode_dark .tab-cont-news .newsTitle .news-txt .news-etf dl dt, .mode_dark .tab-cont-news .newsTitle .news-txt .news-etf{border-color:var(--Color-747474);} .mode_dark .tab-cont-news .newsTitle .news-txt .storyContent{border-color:var(--Color-545454);} .mode_dark .tab-cont-news .newsTitle .news-txt pre{background-color:var(--BG-Black);color:var(--Color-White);} .mode_dark .tab-cont-news .newsTitle .news-txt a{color:var(--Color-White);} /* 테마 */ .mode_dark .theme-list dt, .mode_dark .top--theme dt{background-color:var(--BG-Black);border-color:#393e49;} .mode_dark .theme-list dd, .mode_dark .top--theme dd{border-color:#393e49;} .mode_dark .theme-list dd li{border-color:var(--Color-545454)} .mode_dark .theme-list dd li a{border-color:#1e2435;} .mode_dark .theme-list dd li a .txt--theme, .mode_dark .top--theme dd .flick-box{color:var(--BodyText-DarkMode);} .mode_dark .info--theme .section-tit{background-color:transparent;} .mode_dark .info--theme .unit{color:var(--semantic-text-tx-unit);} .mode_dark #m_cmp_wrap .search_theme_result .search_notice dl{background-color:#171e31;} .mode_dark #m_cmp_wrap .search_theme_result .search_notice dt, .mode_dark #m_cmp_wrap .search_theme_result .search_notice dd{color:#7f8696;border-color:var(--Color-545454);} .mode_dark .top--theme dd .flick-box{border-color:#454545;} .mode_dark .top--theme dd p{color:var(--BodyText-DarkMode);border-color:var(--Color-545454);} .mode_dark .top--theme dd li a strong, .mode_dark .top--theme dt .btn_more, .mode_dark .top--theme dd li span{color:#c7c7c7;} .mode_dark .top--theme dt .btn_more{background-image:url(/Content/images/icon/arrow_next_gray_24.svg);} .mode_dark table.table .theme_row td{border-color:#415974 !important;color:var(--Color-White);} /* 상품정보, 종목으로 검색*/ .mode_dark .section-benchmark .benchmark-info{background-color:var(--Color-333333);color:var(--BodyText-DarkMode);} .mode_dark .section-benchmark table.table thead th{background-color:transparent;} /* 스크리너 */ .mode_dark .opt__screener p{color:#909090;} .mode_dark .opt__screener .btn--opt{border-color:#3ea2dd;background-color:var(--Color-4A4A4A);color:var(--Color-White);} .mode_dark .opt__screener .btn--opt i{background-image:url(/Content/images/icon/icn_screener_opt_dark.png);background-position:0 0;background-size:100%;} .mode_dark #tbl_screener_body tr:last-child td{border-color:var(--Color-545454);} .mode_dark .IndustryScale.on{background-color:var(--BG-Black);} .mode_dark .condition-search .form-group ul li.dep1{border-color:var(--Color-545454);} .mode_dark .condition-search .form-group ul li.dep1.disabled label{color:#909090;} .mode_dark .condition-search .form-group ul li label{color:#cdcdcd;} .mode_dark .condition-search .form-group ul li.dep2 .dep2-title{color:#cdcdcd;} .mode_dark .condition-search .form-group ul li.dep2 .dep2-title:before{border-left-color:#5d616c;} .mode_dark .condition-search .form-group ul li.dep2 .dep2-title > span{color:var(--Color-737D96);} .mode_dark .condition-search .form-group ul li.dep2.on .dep2-title > span{color:#6fb4ff;} .mode_dark .condition-search .form-group ul li.dep2 .dep2-cont{border-color:var(--Color-545454);} .mode_dark .condition-search .form-group ul li.dep2 .selList li{border-color:var(--Color-545454);} .mode_dark .condition-search .form-group ul li.dep2 .selList li.on label{color:#16a3dd;} .mode_dark .condition-search .form-group ul li .event{color:var(--Color-737D96);} .mode_dark .condition-search .form-group .emphasis{color:#6fb4ff;} .mode_dark .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders .ui-slider-track{background-color:#484545;} .mode_dark .condition-search .form-group .range-input-wrap .ui-rangeslider-sliders .ui-btn-active{background-color:#245a9d !important;} .mode_dark .condition-search .form-group-bottom{border-color:var(--Color-545454);} .mode_dark .condition-search .btn--close{background-color:var(--Color-333333);color:#c7c7c7;} .mode_dark .mirrorWrap > div > div{border-color:var(--Color-333333);background-color:var(--Black-101011);} .mode_dark .mirrorWrap > div > div > input{color:var(--BodyText-DarkMode);} .mode_dark .switch .btn--switch .slide--switch{background-color:#5b5d64;} .mode_dark .switch .btn--switch .slide--switch:before{background-color:#9d9ea2;} .mode_dark .switch .btn--switch input:checked + .slide--switch:before{background-color:#fff;} /* BTN */ .mode_dark div.tab dl.lst{background-color:var(--Black-101011);} .mode_dark div.tab dl.lst dd, .mode_dark div.tab .lst button{background-color:var(--Black-101011);color:var(--Gray-A6AAB5);} .mode_dark div.tab dl.lst dd.on, .mode_dark div.tab .lst button.on{background-color:var(--Color-4A4A4A);color:var(--Color-White);} .mode_dark .btn--trade{border-color:#3ea2dd;background-color:var(--Color-4A4A4A);color:var(--Color-White);} .mode_dark .btn-back{border-color:#393e49;} .mode_dark .theme-list dd{border-color:#393e49;} .mode_dark .btn-back a{color:var(--Color-White);background-color:var(--DownColor);} .mode_dark .btn--screener{background-color:var(--DownColor);} .mode_dark .condition-search-title .section-tit .btn{color:#7d8aae;border-color:#42495c;background-color:var(--Black-101011);outline:none;} .mode_dark .condition-search-title .section-tit .btn .icon-refresh{background:url(/Content/images/icon/icn_refresh_dark.png) no-repeat center;background-size:100%;} /* TABLE */ .mode_dark table.table tr th{background-color:var(--Color-333333);color:var(--Color-White);} .mode_dark table.table tbody tr th{background-color:transparent;color:var(--Color-White);border-color:var(--Color-545454);} .mode_dark table.table thead th{color:var(--Color-White);border-color:var(--Color-545454);} .mode_dark table.table tr td, .mode_dark .section-benchmark .secScroll .fnMenu tr td{color:#cdcdcd;border-color:var(--Color-545454);} .mode_dark table.table tbody tr:last-child td{border-color:var(--Color-545454);} .mode_dark table.table tr td.btn-more{color:#16a3dd;} .mode_dark #header .search_etf_result ul li a{border-color:var(--Color-545454);color:var(--BodyText-DarkMode);} .mode_dark #header .search_etf_result ul li a span .highlight-class{color:#16a3dd} /* COMMON */ .mode_dark{background-color:var(--BG-Black)} .mode_dark .unit{color:var(--Color-A7A7A7);} .mode_dark .desc>ul{color:var(--Color-999999)} .mode_dark .goInfo > a{color:#cdcdcd;} .mode_dark select, .mode_dark .content-fixed .content--market dl dd select, .mode_dark .comp-top select,.mode_dark .condition-select select{border-color:#333;color:#ededed;background-color:var(--BG-Black);outline:none;} .mode_dark input[type="checkbox"], .mode_dark input[type="radio"]{background-color:var(--BG-Black);border-color:#5b5d64;} .mode_dark .error-section .error-title, .mode_dark .error-section .error-title span{color:#cdcdcd;} .mode_dark .error-section .error-detail{color:#cdcdcd;} .mode_dark .tooltip-info_abs, .mode_dark .tooltip-info_abs i{background-color:var(--Color-3A3A3A);border-color:var(--Color-454545);color:var(--BodyText-DarkMode);box-shadow:none;} .mode_dark .tooltip-info_abs i{color:#7eb3ed;} .mode_dark .tooltip-info_abs i + em{border-color:var(--Color-545454);} .mode_dark .tooltip-info_abs em span{color:var(--BodyText-DarkMode);} .mode_dark .tooltip-info_abs em span span{color:#c7c7c7;} .mode_dark .tooltip-info_abs i .tooltip_close{background-image:url(/Content/images/button/btn_close_gray_18.svg);} .mode_dark .form-signin{background-color:transparent} .mode_dark .icn_help{background-color:#3a3a3a;}