/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(49,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(51,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(52,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(54,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(55,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(56,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(58,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(60,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(61,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(62,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(64,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(65,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(66,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(68,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(69,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(70,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(71,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(73,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(74,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(77,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(78,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(79,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(81,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(82,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(84,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(90,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(96,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(108,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(119,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,34): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(150,183): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(182,65): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(182,84): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(208,74): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(224,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,109): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(227,134): run-time error CSS1039: Token not allowed after unary operator: '-header'
(228,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(235,44): run-time error CSS1039: Token not allowed after unary operator: '-header'
(235,68): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(237,33): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(237,93): run-time error CSS1039: Token not allowed after unary operator: '-header'
(248,90): run-time error CSS1039: Token not allowed after unary operator: '-header'
(254,97): run-time error CSS1039: Token not allowed after unary operator: '-header'
(259,182): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(266,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(283,48): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(286,70): run-time error CSS1039: Token not allowed after unary operator: '-header'
(290,117): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(291,110): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(335,32): run-time error CSS1039: Token not allowed after unary operator: '-space2'
(338,133): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(346,34): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(347,52): run-time error CSS1039: Token not allowed after unary operator: '-header'
(352,52): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(354,62): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(361,152): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(365,34): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(366,52): run-time error CSS1039: Token not allowed after unary operator: '-header'
(384,68): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(386,29): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(392,43): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(392,73): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(413,97): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(418,60): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(418,82): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(424,192): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(430,111): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(433,57): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(450,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(469,151): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(471,120): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(476,167): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(485,44): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(502,113): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(502,181): run-time error CSS1039: Token not allowed after unary operator: '-default-txt'
(513,191): run-time error CSS1039: Token not allowed after unary operator: '-color-gray0'
(513,265): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(519,31): run-time error CSS1039: Token not allowed after unary operator: '-space2'
(520,48): run-time error CSS1039: Token not allowed after unary operator: '-space2'
(527,29): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(527,68): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(533,23): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(535,25): run-time error CSS1039: Token not allowed after unary operator: '-invalid'
(537,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(543,98): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(567,131): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(567,141): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(567,170): run-time error CSS1039: Token not allowed after unary operator: '-font'
(574,115): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(588,108): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(600,51): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(603,47): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(613,80): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(618,44): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(619,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(636,67): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(665,52): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(668,112): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(675,63): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(682,39): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(691,146): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(691,181): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(694,71): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(695,69): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(713,116): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(726,24): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(726,43): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(727,132): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(738,138): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(742,52): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(743,76): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(760,94): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(763,54): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(763,78): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(765,24): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(765,43): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(767,155): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(780,43): run-time error CSS1039: Token not allowed after unary operator: '-header'
(780,64): run-time error CSS1039: Token not allowed after unary operator: '-header'
(783,65): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(783,99): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(784,51): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(785,91): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(796,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(796,113): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(797,84): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(797,108): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(798,84): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(798,108): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(799,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(806,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(806,139): run-time error CSS1039: Token not allowed after unary operator: '-el-height'
(806,183): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(806,213): run-time error CSS1039: Token not allowed after unary operator: '-el-height'
(806,270): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(806,305): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(807,49): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(807,93): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(823,16): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(827,42): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(829,104): run-time error CSS1039: Token not allowed after unary operator: '-family1'
(829,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(829,167): run-time error CSS1039: Token not allowed after unary operator: '-el-height'
(829,206): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(831,73): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(834,127): run-time error CSS1039: Token not allowed after unary operator: '-el-height'
(837,89): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(844,91): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(846,43): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(849,46): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(852,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(855,99): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(858,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(860,44): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(863,100): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(873,84): run-time error CSS1039: Token not allowed after unary operator: '-com1'
(873,123): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(874,40): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(876,56): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(883,65): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(885,27): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(886,64): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(886,102): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(886,119): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(888,83): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(895,46): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(895,69): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(895,109): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(896,179): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(897,108): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(897,132): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(899,44): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(899,103): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(902,67): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(911,143): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(913,44): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(913,69): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(913,111): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(924,58): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(924,79): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(925,50): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(926,50): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(927,50): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(927,74): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(928,53): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(930,81): run-time error CSS1039: Token not allowed after unary operator: '-g1-5'
(945,77): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(965,117): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(986,65): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(987,100): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(987,124): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(991,48): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(997,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1004,74): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1008,79): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1071,75): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1071,94): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1072,70): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1072,93): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1075,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1091,59): run-time error CSS1039: Token not allowed after unary operator: '-bg2'
(1094,107): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1094,190): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1095,139): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1096,58): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1097,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1097,89): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1113,107): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1113,140): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1115,62): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1116,52): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1122,131): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1144,47): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1145,82): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1147,223): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1148,113): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1150,56): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1151,77): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1151,101): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1155,94): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(1170,99): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1170,187): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(1193,36): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1194,37): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1195,41): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1196,27): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1198,112): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1198,142): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1198,170): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1198,220): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1202,76): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1204,85): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1205,90): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1205,106): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1206,103): run-time error CSS1039: Token not allowed after unary operator: '-invalid'
(1207,92): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1207,108): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1211,37): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1214,55): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1214,90): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1216,102): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1216,132): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1218,54): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1218,101): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1220,37): run-time error CSS1039: Token not allowed after unary operator: '-com3'
(1220,82): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1220,106): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1222,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1228,37): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1228,99): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1231,61): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1231,114): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1231,144): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1232,89): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1232,124): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1233,52): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1233,82): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1233,127): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1233,143): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1234,64): run-time error CSS1039: Token not allowed after unary operator: '-invalid'
(1242,180): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1242,237): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1251,93): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1253,67): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1254,54): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1255,68): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1255,98): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1258,78): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1259,87): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1264,96): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(1307,35): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1308,135): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1308,219): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(1310,51): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1310,96): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1311,52): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1311,73): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1312,81): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1312,100): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1318,55): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1319,96): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1321,69): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1321,114): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1322,99): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(1325,58): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1326,102): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1328,78): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1365,73): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1366,51): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1371,51): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1382,73): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1383,56): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1386,60): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1387,48): run-time error CSS1030: Expected identifier, found ':'
(1387,56): run-time error CSS1031: Expected selector, found ')'
(1387,56): run-time error CSS1025: Expected comma or open brace, found ')'
(1390,58): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1394,58): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1400,60): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1404,58): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1409,71): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1411,115): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1420,87): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1423,124): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1430,91): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1432,107): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1433,114): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1435,66): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1435,89): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1438,81): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(1439,75): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1439,101): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(1453,112): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1453,137): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1453,155): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1454,149): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(1455,51): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1456,86): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(1459,73): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(1474,132): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1475,107): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1478,148): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1478,167): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1478,196): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1480,29): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1480,49): run-time error CSS1039: Token not allowed after unary operator: '-form1'
(1481,53): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1481,78): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1481,118): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1481,135): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1484,167): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1488,70): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1491,71): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1493,82): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1494,91): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1500,82): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(1501,63): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(1501,95): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1501,118): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(1509,67): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1515,62): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1517,47): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1524,75): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1540,36): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(1556,113): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1565,58): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1580,58): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1597,44): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1625,65): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1637,37): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1657,52): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1658,32): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1672,57): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1674,72): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1675,107): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1690,37): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1696,42): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1715,48): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1719,79): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1725,94): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1736,53): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1749,57): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1760,36): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1782,56): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1783,70): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1783,88): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1801,52): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1839,48): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(1839,68): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(1845,105): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1875,59): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1889,42): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1898,39): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1923,61): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1939,48): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1940,48): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(1944,52): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(1944,96): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1948,56): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(1948,100): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1950,56): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1951,88): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(1958,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(1961,33): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(1962,70): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(1965,49): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(1973,70): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(1978,33): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(1979,49): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(1996,72): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2021,100): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2022,130): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(2025,74): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2033,125): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2047,74): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2056,79): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2059,63): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2059,100): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2066,46): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2067,74): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2084,68): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2089,58): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2099,60): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2099,91): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(2103,66): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2105,61): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2109,50): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2131,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2133,73): run-time error CSS1039: Token not allowed after unary operator: '-invalid'
(2139,67): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2151,26): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(2151,64): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2166,141): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2169,75): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(2170,54): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2205,29): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2211,64): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(2211,90): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2211,122): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(2211,154): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(2214,65): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2217,15): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2221,36): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2223,88): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(2224,61): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2226,79): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2227,82): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2227,119): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2231,71): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(2231,95): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(2235,52): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2242,40): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(2246,51): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2251,75): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2251,112): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2257,53): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2258,66): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2259,112): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2262,69): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2262,106): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2262,141): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2262,174): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2278,66): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2278,96): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2278,133): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2278,147): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2279,42): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2286,45): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2286,82): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2288,64): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2301,128): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2331,60): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2331,97): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2331,120): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2335,52): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2336,71): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2336,102): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2337,59): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2341,138): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2347,77): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2348,99): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2349,74): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2350,121): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2352,58): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2354,46): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2355,59): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2357,34): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2358,62): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2358,93): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2359,69): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2360,55): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2362,70): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2366,53): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2367,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2370,104): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2371,131): run-time error CSS1039: Token not allowed after unary operator: '-bg2'
(2372,140): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2374,45): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2375,73): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2375,104): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2376,80): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2377,66): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2379,111): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2383,106): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2390,47): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2391,57): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2396,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2401,75): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(2403,58): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2409,93): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2412,53): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2412,61): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2413,76): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2414,18): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2417,121): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(2417,153): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2418,120): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(2419,93): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(2420,129): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2421,89): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2424,34): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2425,62): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2425,93): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2426,69): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2427,55): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2431,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2452,91): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2463,91): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2464,136): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2469,106): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2471,97): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2473,83): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2474,104): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2475,96): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(2479,166): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2484,97): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(2490,59): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2503,110): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2534,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2537,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2545,101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2548,119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2553,104): run-time error CSS1039: Token not allowed after unary operator: '-cols'
(2556,107): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2564,78): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2567,96): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2573,101): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2576,119): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2580,92): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2581,139): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2582,115): run-time error CSS1039: Token not allowed after unary operator: '-tit-width'
(2587,85): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2587,115): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2594,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2600,70): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2601,103): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2619,101): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2644,116): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2644,146): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2648,73): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2650,91): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2658,139): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2659,102): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2667,96): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2670,81): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(2670,119): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2670,163): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2685,178): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(2686,90): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2687,73): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(2697,123): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2699,63): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(2699,97): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(2700,58): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(2707,125): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2709,74): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2711,122): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2712,124): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2721,98): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2729,111): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(2729,210): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2730,113): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2733,115): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2734,117): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2758,78): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2771,49): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(2772,97): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2772,174): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(2774,80): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2774,133): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2775,87): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(2775,124): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2775,206): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2776,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2776,132): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2783,70): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2783,152): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2784,70): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2785,70): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2787,67): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2841,73): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2843,65): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(2845,135): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2846,54): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(2849,74): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(2849,118): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2859,74): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2861,74): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2865,109): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(2883,116): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2884,115): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2893,69): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2894,69): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2895,69): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(2900,117): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2901,124): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(2903,83): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2903,144): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(2905,92): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2911,214): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2921,46): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2922,40): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2923,68): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(2923,98): run-time error CSS1039: Token not allowed after unary operator: '-el-h'
(2923,147): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2925,56): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(2925,75): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2927,139): run-time error CSS1039: Token not allowed after unary operator: '-el-h'
(2927,213): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2932,50): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2932,85): run-time error CSS1039: Token not allowed after unary operator: '-el-h'
(2972,139): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(2977,68): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(2980,63): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(2991,67): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(2993,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(3004,38): run-time error CSS1039: Token not allowed after unary operator: '-space2'
(3037,63): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3040,86): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3040,123): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3041,96): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3042,120): run-time error CSS1039: Token not allowed after unary operator: '-bg2'
(3044,60): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3046,87): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(3047,129): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(3074,45): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(3074,71): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3077,27): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(3086,48): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3127,99): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(3130,28): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3131,95): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(3134,58): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(3135,58): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(3150,66): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3151,74): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3151,111): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3152,104): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3160,135): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3161,59): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3170,80): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3171,49): run-time error CSS1039: Token not allowed after unary operator: '-space2'
(3174,37): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3174,68): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3188,100): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3188,131): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3215,143): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3220,65): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3221,42): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3222,85): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3222,99): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3248,132): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3267,46): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(3268,67): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3269,69): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3269,100): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3282,83): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(3283,144): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(3304,98): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3304,117): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3306,97): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(3307,49): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(3309,51): run-time error CSS1039: Token not allowed after unary operator: '-bg2'
(3311,92): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3355,36): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(3373,100): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3378,70): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3379,45): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3380,101): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3383,50): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3386,67): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3398,90): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3398,124): run-time error CSS1039: Token not allowed after unary operator: '-space1'
(3401,81): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3458,63): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3458,100): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3460,49): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3461,72): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3477,40): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3478,132): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3478,162): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3478,209): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3480,165): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3483,31): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3485,73): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3487,85): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(3490,77): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3492,101): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3549,51): run-time error CSS1039: Token not allowed after unary operator: '-com2'
(3550,78): run-time error CSS1039: Token not allowed after unary operator: '-space3'
(3565,92): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3599,102): run-time error CSS1039: Token not allowed after unary operator: '-font2'
(3599,140): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(3600,84): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(3604,68): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3605,75): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3606,84): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3619,73): run-time error CSS1039: Token not allowed after unary operator: '-bg2'
(3622,29): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3623,43): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3624,43): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(3625,50): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3639,110): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(3640,93): run-time error CSS1039: Token not allowed after unary operator: '-primary-c2'
(3653,70): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3716,159): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3717,64): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(3750,41): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(3750,73): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(3752,58): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(3754,82): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(3768,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3789,14): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3803,40): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(3807,33): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(3807,78): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(3844,60): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3844,97): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3858,84): run-time error CSS1039: Token not allowed after unary operator: '-family2'
(3858,178): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3881,60): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3897,137): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3913,102): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3927,98): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3944,83): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3944,121): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(3944,149): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(3944,160): run-time error CSS1019: Unexpected token, found ' '
(3944,160): run-time error CSS1034: 
(3944,160): run-time error CSS1036: Expected expression, found ' '
(3946,73): run-time error CSS1039: Token not allowed after unary operator: '-font1'
(3955,79): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(3971,60): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3971,68): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3973,83): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3974,130): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(3974,162): run-time error CSS1039: Token not allowed after unary operator: '-el-font'
(3974,210): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3975,91): run-time error CSS1039: Token not allowed after unary operator: '-bg3'
(3976,71): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3977,107): run-time error CSS1039: Token not allowed after unary operator: '-bg1'
(3979,115): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(3985,21): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4011,38): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(4021,43): run-time error CSS1039: Token not allowed after unary operator: '-line1'
(4024,77): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(4024,115): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(4031,80): run-time error CSS1039: Token not allowed after unary operator: '-primary-c3'
(4031,125): run-time error CSS1039: Token not allowed after unary operator: '-primary-c3'
(4036,119): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(4039,104): run-time error CSS1039: Token not allowed after unary operator: '-g3'
(4041,158): run-time error CSS1039: Token not allowed after unary operator: '-primary-c1'
(4042,184): run-time error CSS1039: Token not allowed after unary operator: '-primary-c3'
(4042,208): run-time error CSS1039: Token not allowed after unary operator: '-g1'
(4052,157): run-time error CSS1039: Token not allowed after unary operator: '-g2'
(4065,111): run-time error CSS1039: Token not allowed after unary operator: '-line3'
(4067,110): run-time error CSS1039: Token not allowed after unary operator: '-color-gray4'
(4069,74): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(4069,114): run-time error CSS1039: Token not allowed after unary operator: '-line2'
(4070,85): run-time error CSS1039: Token not allowed after unary operator: '-bg2'
 */
@charset "utf-8";

@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

@font-face {
	font-family:'Daeojamjil';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil1Thin.woff2') format('woff2');
	font-weight: 100;
	font-display: swap;
}

@font-face {
	font-family:'Daeojamjil';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil2Light.woff2') format('woff2');
	font-weight: 300;
	font-display: swap;
}

@font-face {
	font-family:'Daeojamjil';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil3Regular.woff2') format('woff2');
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family:'Daeojamjil';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil4Medium.woff2') format('woff2');
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family:'Daeojamjil';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
	font-weight: 700;
	font-display: swap;
}

@font-face {
	font-family:'Daeojamjil';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil6ExtraBold.woff2') format('woff2');
	font-weight: 800;
	font-display: swap;
}

:root {
	--header : 6.0rem;

	--family1 : 'Pretendard';
	--family2 : 'Daeojamjil';

	--primary-c1:#DA291C;
	--primary-c2:#1D52E5;
	--primary-c3:#877669;

	--invalid:#DA291C;

	--space1 : 7.0rem;	/* 기본좌우여백 */
	--space2 : 6.0rem;	/* 섹션간여백 */
	--space3 : 1.0rem;	/* 객체간여백 */

	--com1 : 4.9rem;
	--com2 : 4.8rem;
	--com3 : 6.0rem;

	--g1 : #000000;
	--g1-5 : #413B3B;
	--g2 : #6C6F7F;
	--g3 : #D4D7DE;

	--bg1 : #F1F4FB;
	--bg2 : #F3F3F3;
	--bg3 : #F1F2F4;

	--line1 : #000000;
	--line2 : #D4D7DE;
	--line3 : #CED1D9;

	--font1 : 1.6rem;
	--font2 : 1.4rem;

	--path-check:15% 50%,4 0% 75%, 85% 30%, 80% 25%, 40% 65%, 20% 45%;
}

/* 여백 */
@media only screen and (max-width:1920px){
	:root {
		--space1 : 7.0rem;
	}
}

@media only screen and (max-width:1680px){
	:root {
		--space1 : 5.0rem;
	}
}
@media only screen and (max-width:1280px){
	:root {
		--space1 : 3.0rem;
	}
}

/* MOBILE UI 분기점 */
@media only screen and (max-width:983px){
	:root {
		--header : 6.2rem;

		--com1 : 4.1rem;
		--com2 : 4.1rem;
		--com3 : 4.8rem;

		--font1 : 1.4rem;
		--font2 : 1.3rem;

		--space1 : 2.0rem;
		--space2 : 3.0rem;
		--space3 : 0.5rem;
	}

	/* 추후 터치기반으로 변경예정 */
	body {-webkit-user-select:none;user-select:none;}
}

@media only screen and (min-width:984px) {
	[data-ui-width="mb"] {display:none !important;}
}

@media only screen and (max-width:983px) {
	[data-ui-width="pc"] {display:none !important;}
}

/* --------------------------------------------------------------------------------
	RESET
--------------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main, summary,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
form, fieldset, legend, input, label, button, textarea, select, textarea, input, data,
table, caption, tbody, tfoot, thead, tr, th, td,
b, i, dl, dt, dd, ol, ul, li,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
time, mark, audio, video, a {margin:0;padding:0;box-sizing:border-box;}

html {font-size:62.5%;-webkit-overflow-scrollng:touch;}
html, body {width:100%;height:100%;}
body {background:#fff;color:var(--g1);word-wrap:break-word;word-break:normal;word-break:keep-all;-ms-text-size-adjust:100%;-webkit-test-size-adjust:100%;font-variant-numeric:tabular-nums;}
body, select, input, button, textarea, button, pre {font-family:'Pretendard', 'Mulgun Gothic', -apple-system, BlinkMacSystemfont, AppleSDGothicNeo-Regular, sans-serif;font-size:var(--font1);line-height:1.714;letter-spacing:-0.035em;font-weight:400;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, summary {display:block;}
blockquote, q {quotes:none;}
blockquote::before, blockquote::after, q::before, q::after {content:none;}

@media only screen and (min-width:984px){
	body, select, input, button, textarea, button, pre {line-height:1.625;}
}

@media only screen and (max-width:389px){
	html {font-size:56%;}
}

@media only screen and (max-width:360px){
	html {font-size:50%;}
}

h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:500;}
cite, em, dfn, address {font-style:normal;}
fieldset, iframe {border:0 none;}
fieldset {min-width:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}

ol, ul, li {list-style:none;}
img, fieldset, iframe {border:0 none;}
video, audio, object, embed, iframe {max-width:100%;}

legend:not([class]), caption {/*position:absolute;*/overflow:hidden;width:0.1rem;height:0.1rem;margin:-0.1rem 0 0 -0.1rem;font-size:0.1rem;opacity:0;white-space:nowrap;}
legend:not([class]) {position:absolute;}
i, em, address {font-style:normal;}

input, select, textarea {letter-spacing:0;border:1px solid var(--line3);color:var(--g1);border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
label, button {cursor:pointer;}
button {cursor:pointer;padding:0;background:none;border:0 none;}
select::-ms-expand {display:none;}
textarea {resize:vertical;}
input[type="text"]::-ms-clear, input[type="password"]::-ms-clear,
input[type="text"]::-ms-reveal, input[type="password"]::-ms-reveal {display:none;}
input[type="radio"], input[type="checkbox"], input[type="tel"], input[type="number"] {border:0 none;vertical-align:middle;}
input[type="number"] {-moz-appearace:textfield;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {-webkit-appearance:none;}
input[type="file"]::-webkit-file-upload-button {cursor:pointer;}
input::-ms-clear {display:none;width:0;height:0;}

table {width:100%;empty-cells:show;border-collapse:separate;border-spacing:0;table-layout:fixed;}
table th {font-weight:500;}

mark {background:none;}
sup {vertical-align:top;}

a {color:inherit;text-decoration:none;outline:0;}
[role="button"], [role="tab"] {cursor:pointer;}
[role="button"] span {pointer-events:none;}
[disabled], [aria-disabled="true"] {cursor:default;}

[tabindex]:focus-visible, a:focus-visible, button:focus-visible,
select:focus-visible, textarea:focus-visible {outline:0.3rem dotted var(--line2);}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus {background-color:transparent;transition:background-color 5000s ease-in-out 0s;}

.hide {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.none {display:none;}

/* --------------------------------------------------------------------------------
	LAYOUT
--------------------------------------------------------------------------------- */
html {overflow-y:scroll;--vw:100vw;}
body.modal-on {position:fixed;width:100%;}

.nav-skip a {overflow:hidden;display:block;position:absolute;left:0;right:0;top:0;width:100%;font-size:var(--font1);line-height:var(--header);text-align:center;opacity:0;z-index:-1;}
.nav-skip a:focus {z-index:500;opacity:1;background:var(--primary-c1);color:#fff;}

#wrapper {width:100%;min-height:100vh;}

/* --------------------------------------------------------------------------------
	LAYOUT : HEADER : #header
--------------------------------------------------------------------------------- */
#header {position:sticky;top:0;height:var(--header);padding:0 var(--space1);background:#fff;z-index:100;}
#header:after {content:'';position:absolute;left:0;right:0;top:100%;height:1.0rem;background:transparent linear-gradient(0deg, #ffffff 0%, #ffffff 40%,#B8BCC5 100%) 0% 0% no-repeat padding-box;opacity:0.3;}
#header .logo {font-family:var(--family2);font-weight:500;font-size:1.9rem;line-height:var(--header);white-space:nowrap;}
#header .logo, #header .logo > a, #header .logo > span {display:flex;align-items:center;overflow:hidden;}
#header .logo > :nth-child(1) {background:url(../../images/com/img_logo.png) no-repeat 50% 50% / 100% auto;}
#header .logo > :nth-child(1), #header .logo > :nth-child(1)::selection {color:transparent;}
#header > div {display:flex;justify-content:space-between;align-items:center;/*max-width:190.8rem;*/margin:0 auto;}

@media only screen and (min-width:984px){
	#wrapper {overflow:hidden;}

	#header [data-btn="menu-on"],
	#header [data-btn="menu-off"] {display:none;}
	#header:before {content:'';position:absolute;left:0;right:0;top:0;height:0;padding:var(--header) 0 0;background:#fff;transition:all 0.2s ease-in-out;}
	#header .logo {font-size:1.9rem;gap:0 2.0rem;z-index:1;}
	#header .logo > :nth-child(1) {width:8.0rem;}

	.nav-menu nav {display:flex;align-items:center;white-space:nowrap;font-size:1.6rem;line-height:2.6rem;}
	.nav-menu nav > ul > li {position:relative;display:inline-block;}
	.nav-menu nav > ul > li > a {display:block;position:relative;padding:0 1.5rem;line-height:var(--header);font-weight:700;}
	.nav-menu nav > ul > li > a:before {content:'';display:block;position:absolute;left:1.0rem;right:1.0rem;bottom:0;height:0;background:transparent;transition:all 0.3s ease-in-out;}
	.nav-menu nav > ul > li > ul {position:absolute;left:0;top:70%;display:flex;flex-direction:column;align-items:flex-start;padding:3.5rem 1.5rem;visibility:hidden;opacity:0;transition:all 0.2s ease-in-out;}
	.nav-menu nav > ul > li > ul > li + li {margin:0.7rem 0 0;}
	.nav-menu nav > ul > li > ul > li a {position:relative;display:block;}
	.nav-menu nav > ul > li > ul > li a:hover:before, .nav-menu nav > ul > li > ul > li a:focus:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--primary-c1);}
	.nav-menu nav > ul > li > ul > li > span:not(:only-child) {display:block;margin:0 0 1.2rem;font-weight:700;}
	.nav-menu nav > ul > li > .sublist {left:50%;transform:translateX(-50%);display:flex;flex-direction:row;gap:0 5.0rem;}
	.nav-menu nav > ul > li > .sublist > li + li {margin:0;}
	.nav-menu nav > ul > li > .sublist > li ul > li + li {margin:0.7rem 0 0;}
	.nav-menu nav > ul > li > .sublist > li ul {display:flex;flex-direction:column;align-items:flex-start;}
	.nav-menu nav > ul > li.on > ul {visibility:visible;opacity:1;top:100%;}
	.nav-menu nav > ul > li.on > a:before {height:0.4rem;background:var(--primary-c1);}
	.nav-menu nav > ul ~ div {margin:0 0 0 3.0rem;display:flex;gap:0 2.6rem;}

	#header[data-uimode="menuon"]:before {/*height:var(--height);*/height:26.4rem;box-shadow:0.1rem 0.1rem 0.5rem #ACB1C080;}
	#header[data-uimode="menuon"]:after {background:#fff;transition:all 0.3s ease-in-out;}
	#header[data-uimode="menuon"] .nav-menu nav > ul > li > ul {top:100%;}
}

@media only screen and (min-width:1180px){
	.nav-menu nav > ul > li > a {padding:0 2.5rem;}
	.nav-menu nav > ul > li > a:before {left:2.0rem;right:2.0rem;}
	.nav-menu nav > ul > li > ul {padding:3.5rem 2.5rem;}
}

@media only screen and (max-width:983px){
	#header .logo {font-size:1.8rem;gap:0 1.2rem;}
	#header .logo > :nth-child(1) {width:5.0rem;}
	#header [data-btn="menu-on"] {right:calc(var(--space1) * -1);}
	#header [data-btn="menu-off"] {display:none;position:fixed;top:0;right:0;}

	.nav-menu {visibility:hidden;position:fixed;left:0;right:0;top:var(--header);bottom:0;background:rgba(0,0,0,0);overflow:hidden;transition:all 0.3s ease-in-out;z-index:-200;}
	.nav-menu nav {font-size:1.4rem;line-height:2.6rem;}
	.nav-menu nav {position:absolute;right:0;top:0;bottom:0;padding:1.0rem 2.0rem 2.0rem;background:#fff;height:100%;width:100%;max-width:100vw;transform:translateX(100%);transition:transform 0.3s ease-in-out;overflow-y:auto;}
	.nav-menu:before {content:'';position:absolute;left:0;right:0;top:0;height:1.0rem;background:transparent linear-gradient(0deg, #ffffff 0%, #ffffff 40%,#B8BCC5 100%) 0% 0% no-repeat padding-box;opacity:0.3;z-index:100;}
	.nav-menu nav > ul > li {display:flex;flex-direction:column;align-items:flex-start;border-bottom:0.1rem solid var(--line1);padding:2.0rem 0;}
	.nav-menu nav > ul > li > a {display:flex;gap:0 1.0rem;font-size:1.8rem;line-height:2.8rem;font-family:var(--family2);font-weight:500;}
	.nav-menu nav > ul > li > ul {margin:1.0rem 0 0;display:flex;flex-wrap:wrap;gap:0 2.0rem;}
	.nav-menu nav > ul > li > .sublist {flex-direction:column;gap:0.5rem 0;}
	.nav-menu nav > ul > li > .sublist > li {display:flex;}
	.nav-menu nav > ul > li > .sublist > li > span {width:8.0rem;font-weight:700;}
	.nav-menu nav > ul > li > .sublist > li > ul {flex:1;display:flex;flex-wrap:wrap;gap:0 2.0rem;}
	.nav-menu nav > ul ~ div {margin:2.0rem 0 0;display:flex;gap:0 3.0rem;}
	.nav-menu nav > ul ~ div .btn-t1[class*=" ic"]:before {display:none;}

	.nav-menu nav > ul > li > a[class*="m"]:before {content:'';width:2.8rem;height:2.8rem;}
	.nav-menu nav > ul > li > a.m1:before {background:url(../../images/com/ico_menu1.svg) no-repeat 50% 50% / 2.4rem 2.4rem;}
	.nav-menu nav > ul > li > a.m2:before {background:url(../../images/com/ico_menu2.svg) no-repeat 50% 50% / 2.2rem auto;}
	.nav-menu nav > ul > li > a.m3:before {background:url(../../images/com/ico_menu3.svg) no-repeat 50% 50% / auto 2.4rem;}
	.nav-menu nav > ul > li > a.m4:before {background:url(../../images/com/ico_menu4.svg) no-repeat 50% 50% / auto 2.2rem;}
	.nav-menu nav > ul > li > a.m5:before {background:url(../../images/com/ico_menu5.svg) no-repeat 50% 50% / 2.1rem auto;}

	/* 레이어일때 */
	[data-menu="on"] #header [data-btn="menu-on"] {display:none;}
	[data-menu="on"] #header [data-btn="menu-off"] {display:block;}
	.nav-menu.open {visibility:visible;background:rgba(0,0,0,0.5);z-index:200;}
	.nav-menu.open nav {transform:translateX(0%);}

	/* 토글일때 */
	.menu-on #header [data-btn="menu-on"] {display:none;}
	.menu-on #header [data-btn="menu-off"] {display:block;}
	.menu-on .nav-menu {visibility:visible;background:rgba(0,0,0,0.5);z-index:200;}
	.menu-on .nav-menu nav {transform:translateX(0%);}
}

/* --------------------------------------------------------------------------------
	LAYOUT CONTAINER : #container > #content
	#container : max 1600
	#container[data-page="main"] : max 1250
	#container[data-page="medium"] : max 980 + 1600
	#container[data-page="sub"] : max 980
--------------------------------------------------------------------------------- */
#container {width:100%;max-width:174.0rem;margin:0 auto;}
#container .content {position:relative;margin:0 auto;}
#container[data-page="sub"] {max-width:112.0rem;}
#container[data-page="main"] {max-width:139.0rem;}

#container header:not([class]) {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}

section {width:100%;}
section ~ section {margin:var(--space2) auto 0;}

#container:not([data-page]) .content > section {position:relative;margin:6.0rem auto 0;}
#container:not([data-page]) .content > section:before {content:'';position:absolute;left:50%;top:-3.0rem;height:1px;background:var(--line3);width:100vw;margin:0 0 0 -50vw;}

#container[data-page="medium"] .tit-page {max-width:98.0rem;}
#container[data-page="medium"] .content > section {margin:0 auto;}
#container[data-page="medium"] .content > section:nth-of-type(1) {max-width:98.0rem;}
#container[data-page="medium"] .content > section:nth-of-type(2) {margin:3.0rem auto 0;}

@media only screen and (min-width:984px){
	#container {padding:7.0rem var(--space1);}
	#container .content {min-height:calc(100vh - var(--header) - 29.4rem);}
	#container .content > .aside1 {position:absolute;right:0;bottom:calc(100% + 1.2rem);}
	#container .content:only-child {display:flex;flex-direction:column;justify-content:center;}
	#container .content:only-child .area-con1 {width:100%;}

	#container[data-page="main"] {padding:6.0rem var(--space1);}

	#container[data-page="sub"] {max-width:calc(98.0rem + (var(--space1) * 2))}

	#container:not([data-page]) .content > section {margin:12.0rem auto 0;}
	#container:not([data-page]) .content > section:before {top:-6.0rem;}

	#container[data-page="medium"] .content > section {position:relative;}
	#container[data-page="medium"] .content > section:nth-of-type(2) {margin:10.0rem auto 0;}
	#container[data-page="medium"] .content > section:nth-of-type(2):before {content:'';position:absolute;left:50%;top:-4.0rem;height:1px;background:var(--line3);width:100vw;margin:0 0 0 -50vw;}
}

@media only screen and (max-width:983px){
	#container {padding:4.0rem var(--space1) 4.0rem;}
	#container .content {min-height:calc(100vh - var(--header) - 21.4rem);}
	#container .content > .aside1 {margin:0 0 2.0rem;}
}

/* --------------------------------------------------------------------------------
	LAYOUT : ASIDE
--------------------------------------------------------------------------------- */
#navAside {position:fixed;right:2.0rem;bottom:2.0rem;z-index:-1;opacity:0;transition:all 0.2s ease-in-out;}

@media only screen and (max-width:983px){
	#navAside {right:1.0rem;bottom:1.0rem;}
}

.scroll #navAside {opacity:1;z-index:500;}

/* --------------------------------------------------------------------------------
	LAYOUT : FOOTER : #footer
--------------------------------------------------------------------------------- */
#footer {text-align:center;padding:2.7rem 0 2.0rem;background:var(--bg3);}
#footer nav a + a {margin:0 0 0 2.0rem;}
#footer nav ~ * {color:var(--g2);}
#footer ul {display:flex;flex-wrap:wrap;justify-content:center;margin:1.5rem 0 0;gap:0 1em;}
#footer nav a:nth-child(1) {font-weight:700;}

/* TABLET */
@media only screen and (min-width:984px){
	#footer {padding:3.6rem 0;font-size:var(--font2);line-height:calc(var(--font2) + 1.0rem);}
	#footer nav a + a {margin:0 0 0 4.0rem;}
	#footer ul {margin:1.0rem 0 0;}
}

/* MOBILE */
@media only screen and (max-width:983px){
	#footer {font-size:1.2rem;line-height:1.5;}
	#footer ul > li:last-child {width:100%;}
}

/* --------------------------------------------------------------------------------
	LAYOUT : POPUP
--------------------------------------------------------------------------------- */
/* 컨텐츠형 : 공통 */
[class*="pop-modal"] {display:none;z-index:-1000;overflow-y:auto;}
[class*="pop-modal"]::-webkit-scrollbar {width:0.4rem;}
[class*="pop-modal"]::-webkit-scrollbar-thumb {background:#dfdfdf;opacity:0.2;}
[class*="pop-modal"]::-webkit-scrollbar-track {background:#f8f8f8;border-radius:0;}
[class*="pop-modal"], [class*="pop-modal"]:before {position:fixed;left:0;right:0;top:0;bottom:0;}
[class*="pop-modal"]:before {content:'';background:rgba(0,0,0,0);transition:all 0.4s ease-in-out;}
[class*="pop-modal"] section {position:relative;background:#fff;box-shadow:0 0.1rem 0.3rem var(--g3);}
[class*="pop-modal"].open:before {background:rgba(0,0,0,0.7);}
[class*="pop-modal"].open {display:block;z-index:1000;}

[class*="pop-modal"] header {border-bottom:0.1rem solid #0C0B15;}
[class*="pop-modal"] header h1 {font-weight:500;color:var(--g1);font-family:var(--family2);}
[class*="pop-modal"] header button[data-btn="pop-close"], [class*="pop-modal"] .ui-hidebtn {overflow:hidden;display:block;position:absolute;}
[class*="pop-modal"] header button[data-btn="pop-close"] {right:0;top:0;width:5.6rem;height:5.6rem;}
[class*="pop-modal"] header button[data-btn="pop-close"], [class*="pop-modal"] .ui-hidebtn,
[class*="pop-modal"] header button[data-btn="pop-close"]::selection, [class*="pop-modal"] .ui-hidebtn::selection {color:transparent;}
[class*="pop-modal"] header button[data-btn="pop-close"]:before,
[class*="pop-modal"] header button[data-btn="pop-close"]:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2.4rem;height:1px;margin:-0.1rem 0 0 -1.2rem;background:var(--line1);}
[class*="pop-modal"].open header button[data-btn="pop-close"]:before {transform:rotate(-45deg);}
[class*="pop-modal"].open header button[data-btn="pop-close"]:after {transform:rotate(45deg);}

/* 유형1 */
.pop-modal1 {overflow-y:scroll;font-size:0;text-align:center;}
.pop-modal1 section {width:100%;padding:4.0rem;box-shadow:0.3rem 0.3rem 1.2rem rgba(0,0,0,0.3);font-size:var(--font1);text-align:left;}
.pop-modal1.open section, .pop-modal1.open:after {display:inline-block;vertical-align:middle;}
.pop-modal1.open:after {content:'';width:1px;height:calc(100vh - 8.0rem);display:inline-block;margin:0 -1px;}
.pop-modal1 .content ~ .bottom {display:flex;gap:0 var(--space3);justify-content:center;}
.pop-modal1 .content ~ .bottom [class*="btn-"]:only-child {width:100%;}
.pop-modal1 .content ~ .bottom [class*="btn-"]:not(:only-child) {flex:1;}
.pop-modal1.pop-w1 section {max-width:65.6rem;}
.pop-modal1.pop-w2 section {max-width:52.2rem;}
.pop-modal1 .ui-hidebtn {display:none;}

@media only screen and (min-width:984px){
	.pop-modal1 {padding:4.0rem;}
	.pop-modal1 section {padding:4.0rem 4.0rem 5.0rem;border-radius:1.0rem;}
	.pop-modal1 header {margin:-2.8rem 0 3.0rem;}
	.pop-modal1 header h1 {font-size:2.0rem;line-height:7.6rem;}
	.pop-modal1 header button[data-btn="pop-close"] {margin:2.0rem;}
	.pop-modal1 .content ~ .bottom {margin:4.0rem 0 0;}
	.pop-modal1 .content ~ .bottom button {min-width:14.4rem;}
	.pop-modal1 .content ~ .bottom .btn-action1:only-child {max-width:27.0rem;}

	.pop-modal1.pop-w1 {--space1:6.0rem;}
	.pop-modal1.pop-w1 section {padding:4.0rem 6.0rem 5.0rem;}
	.pop-modal1.pop-w1 header button[data-btn="pop-close"] {margin:1.6rem 4.0rem;}
}

@media only screen and (max-width:983px){
	.pop-modal1 {padding:1.0rem;}
	.pop-modal1 section {padding:2.0rem 2.0rem 3.0rem;border-radius:0.5rem;}
	.pop-modal1 header {margin:-1.5rem 0 2.0rem;}
	.pop-modal1 header h1 {font-size:1.6rem;line-height:6.0rem;}
	.pop-modal1 header button[data-btn="pop-close"] {margin:0.4rem;}
	.pop-modal1 .content ~ .bottom {margin:3.0rem 0 0;}
	.pop-modal1 .content ~ .bottom button {min-width:9.6rem;}

	.pop-modal1.pop-w1 section,
	.pop-modal1.pop-w2 section {width:100%;}
}

/* 유형2 */
.pop-modal2 {visibility:hidden;position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;padding:6.0rem var(--space1) 0;overflow:hidden;}
.pop-modal2:before {background:rgba(0,0,0,0);transition:all 0s ease-in-out;}
.pop-modal2 .section {position:relative;width:100%;background:#fff;border-radius:2.0rem 2.0rem 0 0;padding:5.5rem var(--space1) 6.0rem;margin-bottom:-1.0rem;overflow:hidden;
	box-shadow:0.1rem 0.1rem 0.5rem rgba(172,177,192,0.5);transform:translateY(100%);transition:all 0.4s cubic-bezier(0.73,1.34,0.66,0.94);z-index:1;}
.pop-modal2 .section .content {margin:0 auto;}
.pop-modal2 .section .header {position:absolute;left:0;right:0;top:0;bottom:0;}
.pop-modal2 .section .header [data-btn="pop-close"] {display:block;width:100%;height:100%;}
.pop-modal2 .section .header [data-btn="pop-close"]:before {content:'';display:block;position:absolute;left:50%;top:2.0rem;width:8.0rem;height:0.8rem;background:var(--line2);border-radius:0.5rem;color:transparent;overflow:hidden;transform:translateX(-50%);}
.pop-modal2 .section .area-btn1 {margin:3.0rem 0 0;}
.pop-modal2.open {visibility:visible;display:flex;}
.pop-modal2.open:before {background:rgba(0,0,0,0.7);}
.pop-modal2.open-load .section {transform:translateY(0);}
.pop-modal2 .ui-hidebtn {position:fixed;right:0;bottom:0;width:100vw;height:100vh;-webkit-tap-highlight-color:transparent;}
.pop-modal2 .ui-hidebtn:focus {outline:none;}

@media only screen and (min-width:984px){
	.pop-modal2 .section {padding:7.0rem var(--space1);max-width:160.0rem;margin:0 auto;}
}

@media only screen and (min-width:769px){
	.pop-modal2 .section .area-btn1 [class*="btn-"] {max-width:27.0rem;}
}

@media only screen and (max-width:768px){
	.pop-modal2 .section {margin:0 -1.0rem -1.0rem;width:calc(100% + 2.0rem);}
}

/* 로딩 */
[class*="pop-loader"] {visibility:hidden;position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;}
[class*="pop-loader"], [class*="pop-loader"]:before {position:fixed;left:0;right:0;top:0;bottom:0;}
[class*="pop-loader"]:before {content:'';background:rgba(0,0,0,0);transition:all 0.3s ease-in-out;}
[class*="pop-loader"] > dl {display:none;position:fixed;left:0;right:0;top:50%;margin:0 auto;background:#fff;outline:0;transform:translateY(-50%);}
[class*="pop-loader"] > dl {padding:4.0rem 3.1rem 10.0rem;width:calc(100% - 6.2rem);max-width:36.0rem;}
[class*="pop-loader"] > dl > dt {margin:-4.0rem -3.1rem 4.0rem;padding:0 1.6rem;border-bottom:0.1rem solid var(--g3);font-weight:700;font-size:2.0rem;line-height:5.7rem;color:var(--default-txt);}
[class*="pop-loader"] > dl > dd {font-size:1.8rem;line-height:2.8rem;text-align:center;}
[class*="pop-loader"] > dl > dd:after {display:block;content:'';width:8.0rem;height:8.0rem;margin:5.6rem auto 0;background:url(../../images/com/loading.gif) no-repeat 50% 50%;}
[class*="pop-loader"].open {visibility:visible;}
[class*="pop-loader"].open:before {background:rgba(0,0,0,0.4);}
[class*="pop-loader"].open > dl {display:block;}

/* --------------------------------------------------------------------------------
	가이드용
--------------------------------------------------------------------------------- */
fieldset.guide {margin:3.2rem 0 0;position:relative;padding:2.4rem 1.0rem;border:1px dashed #c1c2c8;background:#fff;}
fieldset.guide legend {position:static;width:auto;height:auto;overflow:visible;opacity:1;margin:0 0 0 -1.1rem;padding:0 1.2rem;font-size:1.3rem;line-height:3.2rem;font-weight:500;color:var(--color-gray0);white-space:normal;background:#dae0e5;border:1px solid var(--line3);}
fieldset.guide fieldset.guide fieldset.guide fieldset.guide {border:1px dashed #c1c2c8;}
fieldset.guide fieldset.guide fieldset.guide fieldset.guide legend {background:transparent;border-color:transparent;line-height:1.2;}

/* 로딩 */
@media only screen and (min-width:984px){
	fieldset.guide {padding:var(--space2);}
	fieldset.guide legend {margin:0 0 0 calc(var(--space2) * -1);transform:translateX(-0.1rem);}
}

#container:not([data-page]) .tab-sub1 + .content > section:first-child, #container:not([data-page]) .content:first-child > section:first-child {margin:0 auto 0;}
#container:not([data-page]) .tab-sub1 + .content > section:first-child:before, #container:not([data-page]) .content:first-child > section:first-child:before {display:none;}

/* 샘플용 */
.area-temp {background:var(--bg1);text-align:center;font-size:var(--font1);line-height:100vh;}
.area-frame1 iframe[src="0599.html"] {min-height:50vh;}
@charset "utf-8";
/* --------------------------------------------------------------------------------
	COMPONENT : 공통
--------------------------------------------------------------------------------- */
.sub-con1 {color:var(--g2);}

.txt-guide1 {color:var(--invalid);}
.txt-guide1 em {display:inline-block;}
.txt-guide1 em a[href^="mailto"] {color:var(--primary-c2);}

/* --------------------------------------------------------------------------------
	COMPONENT : TITLE
--------------------------------------------------------------------------------- */
.tit-page {display:flex;width:100%;margin:0 auto 3.5rem;gap:2.0rem 1.0rem;align-items:center;flex-wrap:wrap;justify-content:space-between;}
.tit-page h1, .tit-page h2, .tit-page > dt {font-size:1.8rem;line-height:2.4rem;font-family:var(--family2);font-weight:500;white-space:nowrap;}
.tit-page h2 span:not(:only-child):first-child {font-weight:300;}
.tit-page h1 ~ p, .tit-page h2 ~ p, .tit-page h1 ~ [class*="txt"] {width:100%;}
.tit-page dl.aside {display:flex;gap:0 1.0rem;align-items:center;}
.tit-page dl.aside [class*="el-select"] {min-width:21.0rem;}
dl.tit-page {flex-direction:column;}

@media only screen and (min-width:984px){
	.tit-page {margin:0 auto 5.5rem;gap:3.6rem;}
	.tit-page h1, .tit-page h2, .tit-page > dt {font-size:3.0rem;line-height:3.6rem;}
	.tit-page h2 {font-size:2.4rem;line-height:3.0rem;}
	.tit-page h2 span:not(:only-child):first-child {display:block;}
	.tit-page dl.aside {gap:0 2.0rem;}

	dl.tit-page {margin:0 0 3.6rem;gap:2.6rem;}
}

@media only screen and (max-width:983px){
	.tit-page dl.aside {width:100%;}
}

/* 헤드라인형1 */
.tit-headline1 {position:relative;margin:0 0 2.5rem;}
div.tit-headline1, dl.tit-headline1 {display:flex;flex-wrap:wrap;align-items:center;}
div.tit-headline1 > :first-child, .tit-headline1:not(div):not(dl), dl.tit-headline1 > dt, dl.tit-headline1 > dd {font-family:var(--family2);--font:1.6rem;font-size:var(--font);line-height:2.5rem;}
div.tit-headline1 > :first-child, .tit-headline1:not(div):not(dl), dl.tit-headline1 > dt {font-weight:500;}
dl.tit-headline1 > dt + dd {font-weight:300;}
dl.tit-headline1 + .info-area1 {margin-top:-1.0rem;}

@media only screen and (min-width:984px){
	div.tit-headline1, dl.tit-headline1 {gap:1.5rem;}
	div.tit-headline1 > :first-child, .tit-headline1:not(div):not(dl), dl.tit-headline1 > dt, dl.tit-headline1 > dd {--font:2.4rem;line-height:2.7rem;}
	div.tit-headline1 .sub {margin:-0.2rem 0;flex:1;}
	div.tit-headline1 .info {white-space:nowrap;}
}

@media only screen and (max-width:983px){
	div.tit-headline1 {gap:1.6rem;justify-content:space-between;}
	div.tit-headline1 .info {width:100%;}
	dl.tit-headline1 {gap:1.0rem;}
}

/* 헤드라인형2 */
.tit-headline2 {position:relative;margin:0 0 1.5rem;}
div.tit-headline2, dl.tit-headline2 {display:flex;flex-wrap:wrap;gap:1.0rem;}
div.tit-headline2 > :first-child, .tit-headline2:not(div):not(dl), dl.tit-headline2 > dt {font-family:var(--family2);font-size:1.8rem;line-height:2.4rem;font-weight:700;}
div.tit-headline2 > :first-child ~ p {width:100%;}

@media only screen and (min-width:984px){
	.tit-headline2 {margin:0 0 2.5rem;}
	div.tit-headline2, dl.tit-headline2 {gap:1.6rem;}
	div.tit-headline2 > :first-child, .tit-headline2:not(div):not(dl), dl.tit-headline2 > dt {font-size:2.4rem;line-height:3.0rem;}
}

/* 섹션타이틀 */
.tit-section1 {position:relative;margin:0 0 2.0rem;}
.tit-section1 ~ .tit-section1, .mes-t3 + .tit-section1 {margin-top:4.0rem;}
.tit-section1 .side .btn-sub1 {margin:calc(((var(--com2) - 2.4rem) / 2) * -1) 0}
div.tit-section1 {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2.0rem;}
div.tit-section1 > :first-child, .tit-section1:not(div) {font-size:1.8rem;line-height:2.4rem;font-weight:700;}
div.tit-section1 .info {width:100%;color:var(--g2);}

@media only screen and (min-width:984px){
	.tit-section1 {margin:0 0 2.5rem;}
	.tit-section1 ~ .tit-section1, .mes-t3 + .tit-section1 {margin-top:6.0rem;}
	div.tit-section1 > :first-child, .tit-section1:not(div) {font-size:2.0rem;}
	div.tit-section1 .sub {flex:1;}
}

/* 서브 타이틀1 */
div.tit-sub1 > :first-child, .tit-sub1:not(div) {display:flex;font-family:var(--family2);font-size:1.6rem;line-height:2.6rem;gap:0.5rem;}

.tit-sub1 {display:flex;position:relative;align-items:center;gap:0.8rem 1.2rem;margin:0 0 1.6rem;}
.tit-sub1 ~ .tit-sub1 {margin-top:4.0rem;}
.tit-sub1 .aside {position:absolute;right:0;top:0;}
.tit-sub1 [class*="cnt"] {font-family:var(--family2);font-size:1.6rem;line-height:2.6rem;font-weight:500;}
.tit-sub1 .cnt1 {color:var(--primary-c1);}

@media only screen and (min-width:984px){
	div.tit-sub1 > :first-child, .tit-sub1:not(div) {font-size:2.0rem;line-height:2.6rem;}

	.tit-sub1 {margin:0 0 2.0rem;gap:1.5rem;}
	.tit-sub1 ~ .tit-sub1 {margin-top:5.0rem;}
	.tit-sub1 .side {flex:1;justify-content:flex-end;}
	.tit-sub1 [class*="cnt"] {font-size:2.0rem;line-height:2.6rem;}
}

@media only screen and (max-width:983px){
	.tit-sub1 {flex-wrap:wrap;}
	.tit-sub1 .side {width:100%;}
}

/* 서브 타이틀2 */
div.tit-sub2 > :first-child, .tit-sub2:not(div) {font-family:var(--family2);font-size:1.6rem;line-height:2.6rem;font-weight:700;}
.tit-sub2 {margin:0 0 1.0rem;}
.tit-sub2 ~ .tit-sub2 {margin-top:4.0rem;}

@media only screen and (min-width:984px){
	div.tit-sub2 > :first-child, .tit-sub2:not(div) {font-size:1.8rem;line-height:2.4rem;}
	.tit-sub2 ~ .tit-sub2 {margin-top:5.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : TEXT
--------------------------------------------------------------------------------- */
/* 유형1 */
[class*="txt-bul"] {text-align:left;}
[class*="txt-bul"] > ul > li, [class*="txt-bul"] > dl > dd, [class*="txt-bul"] > :not(ul):not(ol):not(dl) {position:relative;}
[class*="txt-bul"] > ul > li::before, [class*="txt-bul"] > dl > dd::before, [class*="txt-bul"] > :not(ul):not(ol):not(dl)::before {display:block;float:left;}
[class*="txt-bul"] > dl > dt {font-weight:500;}
[class*="txt-bul"] > dl > dt ~ dt {margin:0.5em 0 0;}

.txt-bul1 > ul > li, .txt-bul1 > dl > dd, .txt-bul1 > :not(ul):not(ol):not(dl) {padding:0 0 0 1em;}
.txt-bul1 > ul > li::before, .txt-bul1 > dl > dd::before, .txt-bul1 > :not(ul):not(ol):not(dl)::before {content:"ㆍ";width:1em;margin:0 0 0 -1em;}

.txt-bul2 > ul > li, .txt-bul2 > dl > dd, .txt-bul2 > :not(ul):not(ol):not(dl) {padding:0 0 0 0.7em;}
.txt-bul2 > ul > li::before, .txt-bul2 > dl > dd::before, .txt-bul2 > :not(ul):not(ol):not(dl)::before {content:"-";width:0.7em;margin:0 0 0 -0.7em;}

.txt-bul3 > ul > li, .txt-bul3 > dl > dd, .txt-bul3 > :not(ul):not(ol):not(dl) {padding:0 0 0 1em;}
.txt-bul3 > ul > li::before, .txt-bul3 > dl > dd::before, .txt-bul3 > :not(ul):not(ol):not(dl)::before {content:"※";width:1em;margin:0 0 0 -1em;}
.txt-bul3[data-bul="min"] > ul > li::before, .txt-bul3[data-bul="min"] > dl > dd::before, .txt-bul3[data-bul="min"] > :not(ul):not(ol):not(dl)::before {content:'*';text-align:center;}

[class*="area-btn"] [class*="txt-bul"] {color:var(--g2);}

/* 마크형 */
.txt-mark1 {display:inline-block;padding:0 0 0 1.2em;overflow:hidden;width:1.2em;white-space:nowrap;color:var(--primary-c1);vertical-align:top;text-align:center;font-weight:700;}
.txt-mark1:before {content:'*';float:left;width:1em;margin:0 0 0 -1.2em;}

/* --------------------------------------------------------------------------------
	COMPONENT : MESSAGE
--------------------------------------------------------------------------------- */
/* 상단 안내문구형 */
.mes-t1 {position:relative;margin:0 0 2.5rem;font-family:var(--family2);font-size:1.8rem;line-height:2.8rem;font-weight:500;}

@media only screen and (min-width:984px){
	.mes-t1 {margin:0 0 3.6rem;font-size:2.0rem;line-height:3.2rem;}
}

/* 하단 안내문구형 */
.mes-t2 {text-align:center;color:var(--primary-c2);font-size:1.3rem;line-height:1.9rem;margin:2.0rem 0 0;}

@media only screen and (min-width:984px){
	.mes-t2 {margin:3.7rem 0 0;font-size:1.6rem;line-height:2.2rem;}
}

/* 유의사항 */
.mes-t3 {position:relative;margin:4.0rem 0 0;}
.mes-t3 > dl > dt {display:flex;align-items:center;gap:0 0.7rem;font-weight:700;margin:0 0 1.0rem;}
.mes-t3 > dl > dt:before {content:'!';display:flex;width:1.4rem;height:1.4rem;justify-content:center;font-size:1.4rem;line-height:1em;color:var(--primary-c1);border:2px solid var(--primary-c1);border-radius:100%;}
.mes-t3 [aria-expanded] {position:absolute;right:0;top:0;display:flex;align-items:center;gap:0 0.5em;}
.mes-t3 [aria-expanded]:after {content:'';width:0;height:0;border-left:0.6rem solid transparent;border-right:0.6rem solid transparent;}
.mes-t3 [aria-expanded="true"]:after {border-bottom:1.0rem solid var(--line1);}
.mes-t3 [aria-expanded="false"]:after {border-top:1.0rem solid var(--line1);}

@media only screen and (min-width:984px){
	.mes-t3 {margin:4.0rem 0 0;}
	.mes-t3[data-ui-toggle="mb"] [aria-expanded] {display:none;}
}

@media only screen and (max-width:983px){
	.mes-t3[data-ui-toggle="mb"]:not(.active) > dl > dt ~ dd {display:none;}
	.mes-t3[data-ui-toggle="mb"]:not(.active) [aria-expanded] span:nth-child(1) {display:block;}
	.mes-t3[data-ui-toggle="mb"]:not(.active) [aria-expanded] span:nth-child(2) {display:none;}

	.mes-t3[data-ui-toggle="mb"].active > dl > dt ~ dd {display:block;}
	.mes-t3[data-ui-toggle="mb"].active [aria-expanded] span:nth-child(1) {display:none;}
	.mes-t3[data-ui-toggle="mb"].active [aria-expanded] span:nth-child(2) {display:block;}
}

/* 데이터없음 하드코딩형 */
.mes-nodata1 {display:flex;align-items:center;justify-content:center;padding:7.5rem 0;text-align:center;color:var(--g2);font-weight:700;}

@media only screen and (max-width:983px){
	.mes-nodata1 {padding:5.0rem 0;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : ICON
--------------------------------------------------------------------------------- */
[class*="icon-menu"], [class*="icon-com"] {position:relative;overflow:hidden;display:inline-block;white-space:nowrap;font-size:0.1rem;line-height:1;}
[class*="icon-menu"], [class*="icon-com"], [class*="icon-menu"]::selection, [class*="icon-com"]::selection {color:transparent;}
[class*="icon-menu"]:before, [class*="icon-com"]:before {content:'';display:inline-block;flex:1;}

.icon-com1 {width:var(--com2);height:var(--com2);;background:#fff;}
.icon-com1.ic1:before, .icon-com1.ic1:after {content:'';position:absolute;left:50%;top:50%;width:1px;height:2.3rem;background:var(--line1);}
.icon-com1.ic1:before {transform:translate(-50%, -50%) rotate(45deg);}
.icon-com1.ic1:after {transform:translate(-50%, -50%) rotate(-45deg);}
.icon-com1.ic2:before, .icon-com1.ic3:before {content:'';width:1.4rem;height:2.0rem;margin:auto;background:url(../../images/com/ico_arr2.svg) no-repeat 50% 50% / 100% 100%;}
.icon-com1.ic2:before {transform:rotate(-180deg);}

@media only screen and (min-width:984px){
	.icon-com1.ic1:before, .icon-com1.ic1:after {height:2.9rem;}
}

.icon-com2 {position:relative;width:1.6rem;height:1.6rem;}
.icon-com2:before, .icon-com2:after {content:'';display:block;position:absolute;left:50%;top:50%;width:1px;height:0.8rem;background:var(--g2);}
.icon-com2:before {transform:translate(-50%, -50%) rotate(45deg);}
.icon-com2:after {transform:translate(-50%, -50%) rotate(-45deg);}

.icon-com2.ic1 {box-shadow:0 0 0 0.1rem inset var(--g2);border-radius:50%;}
.icon-com2.ic2:before, .icon-com2.ic2:after {height:1.4rem;background:var(--line1);}


@media only screen and (min-width:984px){
	.icon-com2 {width:2.0rem;height:2.0rem;}
}

.icon-com3 {width:3.0rem;height:3.0rem;}
.icon-com3[class*=" ic"]:before {content:'';display:block;width:100%;height:100%;}
.icon-com3.ic1:before {background:url(../../images/com/ico_file.svg) no-repeat 50% 50% / 2.0rem 2.5rem;}
.icon-com3.ic2:before {background:url(../../images/com/ico_receipt.svg) no-repeat 50% 50% / 2.5rem 2.4rem;}

.icon-com3[data-btn="del"], .icon-com3[data-btn="add"], .icon-com3[data-fileupload="del"] {width:2.8rem;height:2.8rem;border-radius:0.2rem;}
.icon-com3[data-btn="del"]:before, .icon-com3[data-fileupload="del"]:before,
.icon-com3[data-btn="add"]:before, .icon-com3[data-btn="add"]:after {content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.icon-com3[data-btn="del"]:before, .icon-com3[data-btn="add"]:before, .icon-com3[data-fileupload="del"]:before {width:1.7rem;height:0.2rem;}
.icon-com3[data-btn="add"]:after {width:0.2rem;height:1.7rem;}
.icon-com3[data-btn="del"]:before, .icon-com3[data-fileupload="del"]:before {background:var(--line1);}
.icon-com3[data-btn="add"]:before, .icon-com3[data-btn="add"]:after {background:#fff;}
.icon-com3[data-btn="del"], .icon-com3[data-fileupload="del"] {border:0.1rem solid #8c8f9a;}
.icon-com3[data-btn="add"] {border:0.1rem solid var(--line1);background:var(--line1);}

.icon-com4 {width:var(--com2);height:var(--com2);overflow:hidden;vertical-align:top;}
.icon-com4:before {content:'';width:2.0rem;height:2.0rem;margin:auto;display:block;}
.icon-com4.ic1:before, .icon-com4.ic1:after {content:'';display:block;position:absolute;left:50%;top:50%;width:2px;height:1.6rem;margin:0;background:var(--g1);}
.icon-com4.ic1:before {transform:translate(-50%, -50%) rotate(45deg);}
.icon-com4.ic1:after {transform:translate(-50%, -50%) rotate(-45deg);}
.icon-com4.ic2:before {background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.4rem;transform:rotate(-180deg);}
.icon-com4.ic3:before {background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.4rem;}
.icon-com4.ic4:before {background:url(../../images/com/ico_search.svg) no-repeat 50% 50% / 1.8rem 1.8rem;}

.icon-com5 {width:3.2rem;height:3.2rem;}
.icon-com5:before {content:'';display:block;width:3.2rem;height:3.2rem;}
.icon-com5.ic1:before {background:url(../../images/com/ico_delete.svg) no-repeat 50% 50%;}
.icon-com5.ic2:before {background:url(../../images/com/ico_pwd_off.svg) no-repeat 50% 50%;}
.icon-com5.ic3:before {background:url(../../images/com/ico_pwd_on.svg) no-repeat 50% 50%;}

.icon-menu1 {position:relative;width:var(--header);height:var(--header);}
.icon-menu1:before, .icon-menu1:after {content:'';position:absolute;left:50%;top:50%;}
.icon-menu1.ic1:before, .icon-menu1.ic1:after {width:2.2rem;transform:translate(-50%, -50%);}
.icon-menu1.ic1:before {height:1.2rem;border-top:2px solid var(--g1);border-bottom:2px solid var(--g1);}
.icon-menu1.ic1:after {height:2px;background:var(--g1);}
.icon-menu1.ic2:before, .icon-menu1.ic2:after {width:2.4rem;height:0.2rem;background:var(--g1);margin:0 0 0 -1.2rem;}
.icon-menu1.ic2:before {transform:rotate(-45deg);}
.icon-menu1.ic2:after {transform:rotate(45deg);}

.icon-state1 {position:relative;display:inline-flex;justify-content:center;min-width:8.0rem;padding:0 2.6rem 0 1.0rem;font-size:1.1rem;line-height:2.3rem;font-weight:700;clip-path:polygon(0% 0%, calc(100% - 0.8rem) 0%, 100% 0.8rem, 100% 100%, 0% 100%);}

@media only screen and (min-width:984px){
	.icon-state1 {font-size:1.3rem;line-height:2.6rem;}
}

.icon-state1:after {content:'';position:absolute;display:block;right:0.9rem;top:50%;width:1.2rem;height:1.2rem;background:rgba(255,255,255,0.5);transform:translateY(-50%);}
.icon-state1[data-state="1"], [data-state="1"] .icon-state1 {border:1px solid var(--primary-c1);background:var(--primary-c1);color:#fff;}
.icon-state1[data-state="2"], [data-state="2"] .icon-state1 {border:1px solid var(--line2);background:var(--line2);}
.icon-state1[data-state="4"], [data-state="4"] .icon-state1 {border:1px solid var(--line2);background:var(--line2);}
.icon-state1[data-state="3"], [data-state="3"] .icon-state1 {color:var(--primary-c1);line-height:2.5rem;background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20' preserveAspectRatio='none'>\  <polygon points='0.5,0.5 56,0.5 63.5,8 63.5,19.5 0.5,19.5' fill='none' \stroke='%23DA291C' stroke-width='1' stroke-dasharray='2,2' stroke-linejoin='round'/>\</svg>");}
.icon-state1[data-state="1"]:after, [data-state="1"] .icon-state1:after {background:url(../../images/com/ico_state1.svg) no-repeat 50% 50% / 100% auto;}
.icon-state1[data-state="2"]:after, [data-state="2"] .icon-state1:after {background:url(../../images/com/ico_state2.svg) no-repeat 50% 50% / 100% auto;}
.icon-state1[data-state="3"]:after, [data-state="3"] .icon-state1:after {background:url(../../images/com/ico_state3.svg) no-repeat 50% 50% / 100% auto;}
.icon-state1[data-state="4"]:after, [data-state="4"] .icon-state1:after {background:url(../../images/com/ico_state4.svg) no-repeat 50% 50% / 100% 100%;border-radius:100%;}
.icon-state1 + .icon-state1 {margin:0 0 0 1.0rem;}

.icon-state2 {--el-height:3.0rem;position:relative;display:inline-flex;align-items:center;justify-content:center;width:7.4rem;height:var(--el-height);padding:0 1.5rem;font-size:var(--font1);line-height:calc(var(--el-height) - 2px);font-weight:400;border:2px solid var(--line1);background:#fff;color:var(--g1);border-radius:3.0rem;}
.icon-state2[data-state="1"] {border-color:var(--line1);background-color:#ffffff;color:var(--g1);}
.icon-state2[data-state="2"] {border-color:#AF4677;background-color:#FBDEEB;color:#AF4677;}
.icon-state2[data-state="3"] {border-color:#858998;background-color:#EDEFF3;color:#858998;border-style:dotted;}
.icon-state2[data-state="4"] {border-color:#CED1D9;background-color:#EDEFF3;color:#858998;}
.icon-state2[data-state="5"] {border-color:#FE684B;background-color:#FFFFFF;color:#FE684B;border-style:dotted;}
.icon-state2[data-state="6"] {border-color:#000000;background-color:#000000;color:#FFFFFF;}
.icon-state2[data-state="7"] {border-color:#FE684B;background-color:#FFF0EE;color:#FE684B;}
.icon-state2[data-state="8"] {border-color:#DA291C;background-color:#DA291C;color:#FFFFFF;}
.icon-state2[data-state="9"] {border-color:#000000;background-color:#FFFFFF;color:#000000;}
.icon-state2[data-state="10"] {border-color:#E0E4FF;background-color:#F3F5FF;color:#90A0FF;}
.icon-state2[data-state="11"] {border-color:#828692;background-color:#FFFFFF;color:#828692;}
.icon-state2[data-state="12"] {border-color:#000000;background-color:#000000;color:#FFFFFF;}
.icon-state2[data-state="13"] {border-color:#FE684B;background-color:#FFFFFF;color:#FE684B;border-style:dotted;}
.icon-state2[data-state="14"] {border-color:#FE684B;background-color:#FFF0EE;color:#FE684B;}

@media only screen and (min-width:984px){
	.icon-state2 {--el-height:3.3rem;width:8.4rem;font-weight:500;}
}

.icon-state3 {font-weight:700}
.icon-state3[data-state="2"] {color:var(--primary-c1);}

.icon-state4 {position:relative;display:inline-flex;min-width:7.0rem;padding:0 1.0rem;font-family:var(--family1);font-size:1.1rem;--el-height:2.5rem;line-height:var(--el-height);font-weight:700;color:var(--g1);justify-content:center;white-space:nowrap;}
.icon-state4[data-state="1"], [data-state="1"] .icon-state4 {background:#5E69AF;color:#fff;}
.icon-state4[data-state="2"], [data-state="2"] .icon-state4 {color:var(--primary-c1);background-image:url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 20' preserveAspectRatio='none'>\  <polygon points='0.5,0.5 56,0.5 63.5,8 63.5,19.5 0.5,19.5' fill='none' \stroke='%23DA291C' stroke-width='1' stroke-dasharray='2,2' stroke-linejoin='round'/>\</svg>");}
.icon-state4[data-state="3"], [data-state="3"] .icon-state4 {color:#fff;background:#6C6F7F;}
.icon-state4[data-state="4"], [data-state="4"] .icon-state4 {color:#fff;background:#6C6F7F;}
.icon-state4[data-state="5"], [data-state="5"] .icon-state4 {color:#D476A2;border:0.1rem dashed #D476A2;line-height:calc(var(--el-height) - 0.2rem);}
.icon-state4[data-state="6"], [data-state="6"] .icon-state4 {color:#5E69AF;background:#DCDFFF;}
.icon-state4[data-state="7"], [data-state="7"] .icon-state4 {color:#774F4A;background:#E9E2D4;}
.icon-state4[data-state="8"], [data-state="8"] .icon-state4 {color:#fff;background:var(--primary-c1);}
.icon-state4[data-state="9"], [data-state="9"] .icon-state4 {color:#fff;background:#877669;}
.icon-state4[data-state="10"], [data-state="10"] .icon-state4 {border-color:#DCE0F5;color:#6C7DD4;background-color:#F3F5FF;}
.icon-state4[data-state="11"], [data-state="11"] .icon-state4 {border-color:#F6D2E3;color:#D476A2;background-color:#FEECF4;}
.icon-state4[data-state="12"], [data-state="12"] .icon-state4 {border-color:#C4EAEE;color:#4098A1;background-color:#E4F5F6;}

.icon-state4[data-state="wait"] {background-color:#DCDFFF;border-color:#DCDFFF;}
.icon-state4[data-state="none"] {border-color:#F1F3F7;background-color:#F1F3F7;color:var(--g2);}

.icon-state4[data-cate] {min-width:5.1rem;--el-height:1.9rem;color:#fff;background:#6C6F7F;}
.icon-state4[data-cate] ~ span {line-height:1.9rem;}
.icon-state4[data-cate="1"] {background:#877669;}
.icon-state4[data-cate="2"] {background:var(--primary-c1);}
.icon-state4[data-cate="3"] {background:#6C6F7F;}

.icon-state4[data-flag] {color:#fff;background:var(--primary-c1);}
.icon-state4[data-flag="1"] {background:#6C6F7F;}

.area-calendar .ui-datepicker-calendar .icon-state4[data-cate] {min-width:2.7rem;font-size:1.0rem;--el-height:1.4rem;padding:0 0.5rem;/*background:#6C6F7F;*/}

@media only screen and (min-width:984px){
	.icon-state4 {min-width:7.8rem;font-size:1.3rem;--el-height:3.0rem;}

	.icon-state4[data-cate] {min-width:6.2rem;--el-height:2.3rem;}
	.icon-state4[data-cate] ~ span:not([data-cate]) {line-height:2.3rem;}

	.area-calendar .ui-datepicker-calendar .icon-state4[data-cate] {min-width:3.1rem;font-size:1.2rem;--el-height:1.8rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : BUTTON
--------------------------------------------------------------------------------- */
[class*="btn-action"], [class*="btn-com"], [class*="btn-sub"],
[class*="btn-icon"], [class*="btn-t"] {position:relative;display:inline-block;text-align:center;white-space:nowrap;vertical-align:top;}

/* ACTION */
.btn-action1 {min-width:10.0rem;padding:0 1.6rem;font-size:1.5rem;line-height:var(--com1);font-weight:500;background:var(--line1);color:#fff;border-radius:0.3rem;transition:background-color 0.3s ease-in-out;}
.btn-action1.c1 {background-color:var(--g2);}
.btn-action1.c2 {background-color:#B8BCC5;}
.btn-action1:not([class*=" c"]):hover {background:var(--primary-c1);}

@media only screen and (min-width:984px){
	.btn-action1 {font-size:1.8rem;}
}

/* COMMON BUTTON */
[class*="btn-com"] {padding:0 1.6rem;font-weight:700;color:var(--g1);}

.btn-com1 {font-size:var(--font1);height:4.1rem;line-height:4.1rem;background:#fff;box-shadow:inset 0 0 0 1px #858998;border-radius:0.4rem;transition:box-shadow 0.3s ease-in-out;}
.btn-com1[disabled], .btn-com1[aria-disabled] {background:var(--bg3);box-shadow:inset 0 0 0 1px var(--bg3);color:var(--line3);}

.btn-com1[class*=" ic"] {text-align:left;padding:0 5.0rem 0 3.0rem;font-size:var(--font2);}
.btn-com1[class*=" ic"]:after {content:'';display:block;position:absolute;right:2.5rem;top:50%;width:2.0rem;height:2.0rem;margin:-1.0rem 0 0;}
.btn-com1.ic1:before, .btn-com1.ic1:after {transition:all 0.3s ease-in-out;background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.5rem;}
.btn-com1.ic1:before {content:'';display:block;position:absolute;right:3.5rem;top:50%;width:2.0rem;height:2.0rem;margin:-1.0rem 0 0;opacity:0;}
.btn-com1.ic1:hover:after {opacity:0;}
.btn-com1.ic1:hover:before {opacity:1;right:2.5rem;}

.btn-com2 {font-size:1.5rem;line-height:var(--com2);background:var(--line1);box-shadow:inset 0 0 0 1px var(--line1);color:#fff;transition:box-shadow 0.3s ease-in-out;border-radius:0.3rem;}
.btn-com2[data-state][disabled], .btn-com2[data-state][aria-disabled], [data-state] .btn-com2[disabled] {background:transparent;box-shadow:inset 0 0 0 1px transparent;color:var(--g2);font-weight:400;}
.btn-com2[data-state="1"][disabled], [data-state="1"] .btn-com2[disabled] {box-shadow:inset 0 0 0 1px var(--primary-c1);color:var(--primary-c1);}

.btn-com3 {padding:0 3.0rem;font-size:var(--font1);line-height:4.8rem;box-shadow:inset 0 0 0 2px var(--line3);font-weight:400;text-align:left;transition:box-shadow 0.3s ease-in-out;}
.btn-com3:not([class*=" ic"]) {padding-right:6.0rem;}
.btn-com3.ic1:after {content:'';position:absolute;right:1.6rem;bottom:1.6rem;width:2.0rem;height:2.0rem;background:url(../../images/com/ico_expanded.svg) no-repeat 50% 50% / 1.2rem 1.2rem;transition:all 0.3s ease-in-out;}
.btn-com3:hover, .btn-com3:focus {box-shadow:inset 0 0 0 3px var(--line1);}
.btn-com3.ic1:hover:after, .btn-com3.ic1:focus:after {right:0.9rem;bottom:0.9rem;}

@media only screen and (min-width:984px){
	.btn-com2 {line-height:4.4rem;}
	.btn-com3 {line-height:5.5rem;}
}

/* SUB */
[class*="btn-sub"] {display:inline-flex;align-items:center;justify-content:center;padding:0 1.6rem;background:#fff;font-weight:700;color:var(--g1);}

.btn-sub1 {min-width:7.4rem;font-size:var(--font1);line-height:var(--com2);box-shadow:inset 0 0 0 0.1rem var(--line2);border-radius:0.2rem;transition:all 0.3s ease-in-out;}
.btn-sub1[aria-expanded] {justify-content:space-between;}
.btn-sub1[class*=" ic"]:after, .btn-sub1[aria-expanded]:after {content:'';width:2.0rem;height:2.0rem;margin:0 -0.4rem 0 0.5rem;}
.btn-sub1.ic1:after {background:url(../../images/com/ico_plus.svg) no-repeat 50% 50% / 1.5rem 1.5rem;}
.btn-sub1.ic2:after {background:url(../../images/com/ico_reset.svg) no-repeat 50% 50% / 1.7rem 1.8rem;}
.btn-sub1.ic3:after {background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.4rem;}
.btn-sub1.ic4:after {background:url(../../images/com/ico_closed.svg) no-repeat 50% 50% / 1.6rem 1.4rem;}
.btn-sub1.ic5:after {background:url(../../images/com/ico_search.svg) no-repeat 50% 50% / 1.8rem 1.8rem;}
.btn-sub1.ic6:after {background:url(../../images/com/ico_expanded.svg) no-repeat 50% 50% / 1.2rem 1.2rem;}
.btn-sub1:not([class*=" ic"])[aria-expanded]:after {background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.4rem;transform:rotate(90deg);}
.btn-sub1:not([class*=" ic"])[aria-expanded="true"]:after {transform:rotate(-90deg);}
.btn-sub1:disabled, .btn-sub1[aria-disabled] {color:var(--g2);background:var(--bg3);cursor:default;}
.btn-sub1.c1 {box-shadow:inset 0 0 0 0.1rem var(--line2);}
.btn-sub1.c2 {box-shadow:inset 0 0 0 0.1rem var(--line1);}
.btn-sub1.c3 {box-shadow:inset 0 0 0 0.1rem var(--line1);background:var(--line1);color:#fff;}
.btn-sub1:hover {box-shadow:0 0 0 0.1rem inset var(--line1);}

.btn-sub3 {font-size:1.1rem;line-height:2.5rem;padding:0 0.8rem;background:var(--g1-5);transition:all 0.3s ease-in-out;font-weight:400;gap:0 0.7rem;}
.btn-sub3, .btn-sub3::selection {color:#fff;}
.btn-sub3[class*=" ic"] {justify-content:space-between;}

.btn-sub3.ic1:before, .btn-sub3.ic1:after {content:'';background:#fff;}
.btn-sub3.ic1:after {width:0.9rem;height:0.1rem;}
.btn-sub3.ic1:before {position:absolute;right:1.2rem;width:0.1rem;height:0.9rem;}

@media only screen and (min-width:984px){
	.btn-sub1 {min-width:8.6rem;}

	.btn-sub3 {font-size:1.3rem;line-height:2.7rem;}
}

/* 텍스트 아이콘1 */
.btn-t1 {display:inline-flex;font-size:1.4rem;line-height:2.4rem;color:var(--g2);white-space:nowrap;}
.btn-t1[class*=" ic"]:before {content:'';width:2.4rem;height:2.4rem;margin:0 0.4rem 0 0;}
.btn-t1.ic1:before {background:url(../../images/com/ico_mem_login.svg) no-repeat 50% 50%;}
.btn-t1.ic2:before {background:url(../../images/com/ico_mem_join.svg) no-repeat 50% 50%;}
.btn-t1.ic3:before {background:url(../../images/com/ico_mem_logout.svg) no-repeat 50% 50%;}
.btn-t1.ic4:before {background:url(../../images/com/ico_mem_modify.svg) no-repeat 50% 50%;}

/* 아이콘형1 */
.btn-icon1 {display:flex;flex-direction:column;justify-content:center;gap:0.5rem;width:5.2rem;height:5.2rem;background:rgba(237, 239, 243, 0.7);
	font-size:1.0rem;line-height:1.2rem;font-weight:700;text-align:center;color:#4f4f5d;
	box-shadow:0.1rem 0.3rem 0.3rem rgba(172, 177, 192, 0.5);border-radius:50%;}
.btn-icon1.ic1:before {content:'';display:block;width:1.6rem;height:1.6rem;margin:0 auto;opacity:0.7;background:url(../../images/com/ico_top.svg) no-repeat 0 0 / 100% 100%;}

@media only screen and (max-width:983px){
	.btn-icon1 {width:4.4rem;height:4.4rem;}
	.btn-icon1.ic1:before {transform:scale(0.9);}
}

/* 버튼그룹1 */
.btn-set1 {display:flex;justify-content:space-between;gap:0 0.3rem;}
.btn-set1 > li {position:relative;font-size:1.1rem;line-height:2.4rem;border-radius:0.5rem;border:0.1rem solid var(--line2);text-align:center;font-weight:700;white-space:nowrap;}
.btn-set1 > li, .btn-set1 > li > a, .btn-set1 > li > div {padding:1.2rem 0.8rem 0.8rem;display:flex;justify-content:center;flex-direction:column;flex:1;}
.btn-set1 > li span:not(:only-of-type) {display:block;font-size:1.0rem;line-height:1.2rem;font-weight:500;}
.btn-set1 [class*="ic"] > a, .btn-set1 [class*="ic"] > div {display:block;margin:-1.2rem -0.8rem -0.8rem;padding-top:4.2rem;}
.btn-set1 [class*="ic"]:before {content:'';position:absolute;left:50%;top:1.2rem;margin:0 0 0 -1.4rem;width:2.8rem;height:2.8rem;}
.btn-set1 .ic1:before {background:url(../../images/com/ico_menu1.svg) no-repeat 50% 50% / 2.4rem 2.4rem;}
.btn-set1 .ic2:before {background:url(../../images/com/ico_menu2.svg) no-repeat 50% 50% / 2.2rem auto;}
.btn-set1 .ic3:before {background:url(../../images/com/ico_menu5.svg) no-repeat 50% 50% / 2.1rem auto;}
.btn-set1 .ic4:before {background:url(../../images/com/ico_menu7.svg) no-repeat 50% 50% / 2.8rem auto;}

@media only screen and (min-width:984px){
	.btn-set1 {gap:0 1.0rem;}
	.btn-set1 > li {font-size:1.3rem;line-height:2.8rem;}
	.btn-set1 > li, .btn-set1 > li > a, .btn-set1 > li > div {padding:2.0rem 1.2rem 1.2rem;}
	.btn-set1 > li span:not(:only-of-type) {font-size:1.1rem;line-height:1.4rem;}
	.btn-set1 [class*="ic"] > a, .btn-set1 [class*="ic"] > div {margin:-2.0rem -1.2rem -1.2rem;padding-top:5.8rem;}
	.btn-set1 [class*="ic"]:before {top:2.0rem;}
}

/* 버튼그룹2 */
.btn-set2 {display:flex;justify-content:center;gap:0 2.0rem;margin:2.5rem 0 0;}
.btn-set2 a, .btn-set2 button {position:relative;font-size:var(--font2);}
.btn-set2 * + *:before {content:'';position:absolute;left:-1.0rem;top:50%;width:0.1rem;height:var(--font1);background:var(--line3);transform:translateY(-50%);}

@media only screen and (min-width:984px){
	.btn-set2 {margin:3.4rem 0 0;gap:0 3.0rem;}
	.btn-set2 a, .btn-set2 button {font-size:var(--font1);}
	.btn-set2 * + *:before {left:-1.5rem;}
}

.link-t1 {font-weight:700;text-decoration:underline;}

.link-t2 {position:relative;display:inline-block;color:var(--primary-c2);word-break:break-all;text-decoration:underline;text-align:left;}
.link-t2.ic1:after {content:'';display:inline-block;vertical-align:top;margin:0.6rem 0 0 0.7rem;width:1.2rem;height:1.2rem;background:url(../../images/com/ico_expanded.svg) no-repeat 0 0 / 1.2rem 1.2rem;}

/* --------------------------------------------------------------------------------
	COMPONENT : BUTTON AREA
--------------------------------------------------------------------------------- */
[class*="area-btn"] {display:flex;margin:2.0rem 0 0;}
[class*="area-btn"] [class*="btn-"] + [class*="btn-"] {margin:0 0 0 var(--space3);}

.area-action {display:flex;justify-content:center;margin:3.0rem 0 0;}
.area-action [class*="btn-action"] {flex:1;max-width:35.0rem;}
.area-action [class*="btn-action"] + [class*="btn-action"] {margin:0 0 0 var(--space3);}

@media only screen and (min-width:984px){
	.area-action {margin:6.0rem 0 0;}
	.area-action[data-area="side"] {position:relative;}
	.area-action[data-area="side"] [class*="btn-"] + [class*="btn-"] {position:absolute;right:0;top:0;min-width:19.0rem;}

	.area-action [class*="btn-action"]:not(:only-child) {max-width:27.0rem;}
}

@media only screen and (max-width:983px){
	.area-action[data-area="side"] {flex-direction:column;align-items:center;}
	.area-action[data-area="side"] [class*="btn-"] {width:100%;}
	.area-action[data-area="side"] [class*="btn-"] + [class*="btn-"] {max-width:50%;margin:3.0rem 0 0;}
}

/* 중앙정렬 */
.area-btn1 {justify-content:center;margin:2.0rem 0 0;}
.area-btn1 [class*="btn-com"], .area-btn1 [class*="btn-action"] {flex:1;}
.area-btn1 [class*="btn-sub"] {min-width:8.6rem;}

.line1 + .area-btn1,
[class*="form-agree"] + .area-btn1 {margin:6.0rem 0 0;}

/* 좌측정렬 */
.area-btn2 {justify-content:start;margin:2.5rem 0 0;}
.area-btn2[data-col="2"] {gap:0.5rem;flex-wrap:wrap;}
.area-btn2[data-col="2"] [class*="btn-"] {width:100%;}
.area-btn2[data-col="2"] [class*="btn-"] + [class*="btn-"] {margin:0;}

/* 우측정렬 */
.area-btn3 {justify-content:end;align-items:center;}

/* 세로블럭 */
.area-btn4 {flex-direction:column;}
.area-btn4 [class*="btn-"] + [class*="btn-"] {margin:0.5rem 0 0;}

@media only screen and (min-width:769px){
	.area-action [class*="btn-action"] {max-width:35.0rem;}
	.area-btn4 [class*="btn-"] + [class*="btn-"] {margin:1.0rem 0 0;}
}

@media only screen and (min-width:640px){
	.area-btn2[data-col="2"] {gap:1.0rem;}
	.area-btn2[data-col="2"] [class*="btn-"] {width:calc(50% - 0.5rem);}
}

@media only screen and (max-width:983px){
	.area-btn1 [class*="btn-sub"] {min-width:7.4rem;}
	.area-btn2 .btn-com1 {flex:1;}

	.line1 + .area-btn1 {margin:4.0rem 0 0;}
	[class*="form-agree"] + .area-btn1 {margin:4.0rem 0 0;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : TAB
--------------------------------------------------------------------------------- */
/* 네비형 */
.nav-tab1 {margin:-1.0rem 0 3.0rem;padding:1.0rem 0 0;}
.nav-tab1 ul {display:flex;}
.nav-tab1 ul > li {position:relative;line-height:4.2rem;min-width:16.4rem;text-align:center;white-space:nowrap;}
.nav-tab1 ul > li + li {margin:0 0 0 1.0rem;}
.nav-tab1 ul > li a {display:block;padding:0 3.8rem;border:2px solid var(--line3);color:var(--g2);}
.nav-tab1 ul > li a[aria-current="page"] {font-weight:700;color:var(--g1);border-color:var(--line1);}
.nav-tab1 ul > li a[aria-current="page"]:before, .nav-tab1 ul > li a[aria-current="page"]:after {content:'';content:'';display:block;position:absolute;right:-0.3rem;top:-1.0rem;width:3.0rem;height:3.0rem;}
.nav-tab1 ul > li a[aria-current="page"]:before {width:3.0rem;background:#fff;}
.nav-tab1 ul > li a[aria-current="page"]:after {background-color:var(--primary-c1);clip-path:polygon(20% 50%,42% 72%,80% 34%,74% 28%,42% 60%,26% 44%);box-sizing:border-box;}

@media only screen and (min-width:984px){
	.nav-tab1 {margin:0 0 4.0rem;}
	.nav-tab1 ul > li {line-height:4.9rem;min-width:22.4rem;}
	.nav-tab1 ul > li a {padding:0 6.8rem;}
}

@media only screen and (max-width:389px){
	.nav-tab1 ul > li {flex:1;}
}

/* 서브탭 */
.tab-sub1 {overflow-x:scroll;padding:0 2px 0.2rem 0;margin:0 0 3.0rem;}
.tab-sub1::-webkit-scrollbar {height:0.2rem;}
.tab-sub1::-webkit-scrollbar-track {background-color:transparent;border-radius:0.2rem;}
.tab-sub1::-webkit-scrollbar-thumb {background-color:var(--bg2);}
.tab-sub1 > ul {display:flex;}
.tab-sub1 > ul > li {white-space:nowrap;margin:0 -2px 0 0;}
.tab-sub1 > ul > li > a {position:relative;display:block;min-width:7.0rem;padding:0 1.0rem;font-size:var(--font1);line-height:3.9rem;text-align:center;font-weight:700;border:2px solid var(--line1);background:#fff;}
.tab-sub1 > ul > li > a:before {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:2px;margin:-2px;background:var(--primary-c1);z-index:1;}
.tab-sub1 > ul > li, .tab-sub1 > ul > li > a {color:var(--g1);}
.tab-sub1 > ul > li > a[aria-current="page"] {border-color:var(--primary-c1);color:var(--primary-c1);z-index:2;}
.tab-sub1 > ul > li > a[aria-current="page"]:before {background:#fff;margin:0 0 -2px;}

@media only screen and (min-width:720px){
	.tab-sub1 > ul > li {flex:1;}
}

@media only screen and (min-width:984px){
	.tab-sub1 {margin:0 0 4.0rem;}
	.tab-sub1 > ul > li > a {padding:0 2.0rem;font-size:1.5rem;line-height:4.0rem;z-index:1;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : PAGENATION
--------------------------------------------------------------------------------- */
.nav-pagenation {position:relative;margin:3.0rem 0 0 0;text-align:center;white-space:nowrap;justify-content:center;}
.nav-pagenation a {position:relative;display:inline-block;vertical-align:top;min-width:2em;font-size:var(--font1);line-height:2;color:var(--g2);font-weight:700;}
.nav-pagenation a:not(.btn) {margin:0 0.8rem;}
.nav-pagenation a:hover, .nav-pagenation a:focus {color:var(--g1);}
.nav-pagenation a[aria-current="page"] {color:var(--g1);}
.nav-pagenation a[aria-disabled="true"] {opacity:0.2;pointer-events:none;}
.nav-pagenation .btn {width:0;padding:0 0 0 2em;overflow:hidden;color:transparent;}
.nav-pagenation .btn:before, .nav-pagenation .btn[data-btn="first"]:after, .nav-pagenation .btn[data-btn="last"]:after {content:'';position:absolute;top:50%;width:0.9rem;height:1.4rem;}
.nav-pagenation .btn:before {left:50%;transform:translate(-50%, -50%);width:2.0rem;height:2.0rem;background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.4rem;}
.nav-pagenation .btn[data-btn="first"]:before, .nav-pagenation .btn[data-btn="before"]:before {transform:translate(-50%, -50%) rotate(180deg);}
.nav-pagenation .btn[data-btn="first"]:after, .nav-pagenation .btn[data-btn="last"]:after {width:2px;height:0.9em;background:var(--g1);transform:translateY(-50%);}
.nav-pagenation .btn[data-btn="first"]:after {right:calc(50% + 0.7rem);}
.nav-pagenation .btn[data-btn="last"]:after {left:calc(50% + 0.7rem);}

@media only screen and (min-width:984px){
	.nav-pagenation {margin:5.0rem 0 0;}
	.nav-pagenation .btn + a:not(.btn),
	.nav-pagenation  a:not(.btn) + .btn {margin-left:1.8rem;}
}

@media only screen and (max-width:983px){
	.nav-pagenation .btn {position:absolute;}
	.nav-pagenation .btn[data-btn="first"] {left:0;}
	.nav-pagenation .btn[data-btn="before"] {left:2em;}
	.nav-pagenation .btn[data-btn="last"] {right:0;}
	.nav-pagenation .btn[data-btn="next"] {right:2em;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : STEP INFOMATION
--------------------------------------------------------------------------------- */
/* 유형1 */
.info-step1 > ol {display:flex;font-size:var(--font1);line-height:2.5rem;counter-reset:cnt;white-space:nowrap;}
.info-step1 > ol > li {position:relative;display:flex;font-weight:700;color:var(--g2);}
.info-step1 > ol > li:before, .info-step1 > ol > li:not(:last-child):after {content:'';}
.info-step1 > ol > li:before {content:counter(cnt);counter-increment:cnt;width:2.5rem;height:2.5rem;line-height:2.1rem;margin:0 0.7rem 0 0;border-radius:100%;text-align:center;text-indent:-0.1rem;border:0.2rem dotted var(--g2);box-sizing:border-box;}
.info-step1 > ol > li:after {position:absolute;right:-1.4rem;top:50%;width:1.0rem;height:0.1rem;background:var(--line3);}
.info-step1 > ol > li + li {margin:0 0 0 2.0rem;}
.info-step1 > ol > li[aria-current="step"] {color:var(--g1);}
.info-step1 > ol > li[aria-current="step"]:before {border:0.2rem solid var(--primary-c1);color:var(--primary-c1);}

@media only screen and (max-width:983px){
	.info-step1 > ol {line-height:2.1rem;}
	.info-step1 > ol > li:before {width:2.1rem;height:2.1rem;margin:0 0.5rem 0 0;font-size:var(--font2);line-height:1.7rem;}
	.info-step1 > ol > li:after {right:-1.3rem;}
	.info-step1 > ol > li + li {margin:0 0 0 1.7rem;}

	.tit-page.info-step1 {position:relative;padding:6.0rem 0 0;}
	.tit-page.info-step1 > ol {position:absolute;left:0;right:0;top:0;}
}

@media only screen and (max-width:320px){
	.tit-page.info-step1 > ol > li:not([aria-current="step"]) span {display:none;}
}

/* 유형2 */
.info-step2 {margin:3.0rem 0;}
.info-step2 > ol {display:flex;flex-wrap:wrap;align-items:flex-start;gap:0.7rem 2.6rem;}
.info-step2 > ol > li {position:relative;width:9.0rem;padding:1.7rem 1.0rem;border:1px solid var(--line3);border-radius:1.0rem;box-shadow:0.3rem 0.3rem 0.6rem #0000001A;font-family:var(--family2);text-align:center;font-weight:500;line-height:calc(1em + 0.6rem);}
.info-step2 > ol > li:not(:last-child):after {content:'';display:block;position:absolute;left:calc(100% + 1.0rem);top:3.4rem;width:0.6rem;height:1.0rem;background:url(../../images/com/ico_arr1.svg) no-repeat 0 0 / 100% 100%;}

@media only screen and (min-width:984px){
	.info-step2 {margin:4.0rem 0;}
	.info-step2 > ol > li {width:11.0rem;padding:2.9rem 1.7rem;border-radius:2.0rem;}
}

@media only screen and (max-width:983px){
	.info-step2 > ol > li:not(:last-child):after {top:2.3rem;}
}

@media only screen and (max-width:1039px){
	.info-step2 > ol > li {width:calc(20% - 2.6rem);}
}

@media only screen and (max-width:620px){
	.info-step2 > ol > li {width:calc(33.3% - 2.6rem);}
}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : INPUT / SELECT
--------------------------------------------------------------------------------- */
:-ms-input-placeholder {color:var(--g2) !important;}
::-ms-input-placeholder {color:var(--g2) !important;}
::-webkit-input-placeholder {color:var(--g2) !important;}
::placeholder {color:var(--g2) !important;}

[class*="el-text"], [class*="el-select"] {display:inline-block;vertical-align:top;width:15.0rem;font-size:var(--font1);line-height:calc(var(--com2) - 2.2rem);color:var(--g1);background:transparent;border:1px solid var(--line3);border-radius:0.2rem;}
[class*="el-text"]:focus, [class*="el-select"]:focus, [class*="el-text"]:hover, [class*="el-select"]:hover,
[class*="el-text"].focus, [class*="el-select"].focus {outline:0;transition:all 0.2s ease-in-out;}
[class*="el-select"] {overflow:hidden;text-overflow:ellipsis;background:#fff url(../../images/com/ico_form_select.svg) no-repeat calc(100% - 1.0rem) 50%;background-size:1.0rem 0.6rem;}
[class*="el-select"] optgroup, [class*="el-select"] option {font-size:var(--font1);}
[class*="el-text"]:disabled, [class*="el-select"]:disabled,
[class*="el-text"][readonly], [class*="el-select"][readonly] {background-color:var(--bg3);opacity:1;}
[class*="el-text"]:disabled, [class*="el-select"]:disabled {-webkit-text-fill-color:var(--g1);color:var(--g1);}
[class*="el-text"][aria-invalid="true"], [class*="el-select"][aria-invalid="true"] {border-color:var(--invalid);}
[class*="el-text"][readonly], [class*="el-select"][readonly] {-webkit-text-fill-color:var(--g1);color:var(--g1);}
[class*="el-text"][data-format="search"] .text {padding-right:4.0rem;}
[class*="el-text"][data-format="search"] [class*="icon"] {position:absolute;right:0.8rem;top:50%;transform:translateY(-50%);}

.el-text1, .el-select1 {height:var(--com2);padding:1.0rem 1.5rem;}
.el-select1 {padding-right:2.6rem;}
.el-text1:focus, .el-select1:focus, .el-text1:hover, .el-select1:hover,
.el-text1.focus, .el-select1.focus {border-color:var(--primary-c2);background-color:var(--bg1);}
.el-text1[readonly]:focus, .el-text1[disabled]:focus, .el-select1[disabled]:focus, .el-text1[readonly]:hover, .el-text1[disabled]:hover, .el-select1[disabled]:hover,
.el-text1[readonly].focus, .el-text1[disabled].focus, .el-select1[disabled].focus {border-color:var(--line1);background-color:var(--bg3);}

div.el-text1 {width:100%;height:auto;min-height:var(--com2);max-width:40.0rem;background-color:var(--bg3);}

.el-text2, .el-select2 {height:var(--com3);padding:1.0rem 1.5rem;background:var(--bg1);border-color:var(--bg1);}
.el-select2 {padding-right:4.0rem;}
.el-text2:focus, .el-text2:hover {border-color:var(--primary-c2);z-index:1;}

@media only screen and (min-width:984px){
	.el-text2, .el-select2 {border-radius:0.5rem;padding:1.0rem 2.0rem;}
}

.el-text3, .el-select3 {height:var(--com2);padding:1.0rem 0;border:0;border-bottom:3px solid var(--line1);border-radius:0;}
.el-select3 {padding-right:2.4rem;}

[class*="el-textarea"] {display:block;width:100%;color:var(--g1);resize:none;padding:0.5em 1.5rem;font-size:var(--font1);border:1px solid var(--line3);border-radius:0.2rem;}
[class*="el-textarea"]:focus, [class*="el-textarea"]:hover {outline:0;border-color:var(--primary-c2);background-color:var(--bg1);}
[class*="el-textarea"]:disabled {border-color:var(--line1);background-color:var(--bg3);opacity:1;-webkit-text-fill-color:var(--g2);color:var(--g2);}
[class*="el-textarea"][aria-invalid="true"] {border-color:var(--invalid);}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : RADIO / CHECKBOX
--------------------------------------------------------------------------------- */
[class*="el-check"], [class*="el-btn"], [class*="el-toggle"] {display:inline-flex;flex-wrap:wrap;align-items:center;}
[class*="el-check"] label, [class*="el-btn"] label, [class*="el-toggle"] label {position:relative;}
[class*="el-check"] label > input, [class*="el-btn"] label > input, [class*="el-toggle"] label > input {position:absolute;left:0;right:0;top:0;bottom:0;opacity:0;z-index:-1;width:100%;}
[class*="el-check"] label > input ~ span, [class*="el-btn"] label > input ~ span, [class*="el-toggle"] label > input ~ span {position:relative;display:inline-block;font-size:var(--font1);line-height:2.3rem;vertical-align:top;color:var(--g1);}
[class*="el-check"] label > input:focus-visible + span, [class*="el-btn"] label > input:focus-visible + span,
[class*="el-check"] > button:focus-visible, [class*="el-btn"] > button:focus-visible,
[class*="el-check"] > [role="button"]:focus-visible, [class*="el-btn"] > [role="button"]:focus-visible {outline:0.3rem dotted #9aa5b1;}

/* 유형1 : 기본 */
.el-check1 {gap:1.0rem 3.0rem;}
.el-check1 label > input + span {padding:0.5rem 0 0.5rem 3.0rem;/*white-space:nowrap;*/}
.el-check1 label > input + span:before, .el-check1 label > input + span:after {content:'';position:absolute;left:0;top:0.5rem;box-sizing:border-box;}
.el-check1 label > input + span:before {width:2.3rem;height:2.3rem;border:0.2rem solid var(--line3);z-index:0;}
.el-check1 label > input:checked + span {font-weight:700;letter-spacing:-0.04em;}
.el-check1 label > input:checked + span:before {border-color:var(--g1);}
.el-check1 label > input:disabled + span {color:var(--g2);}
.el-check1 label > input:disabled + span:before {border-color:var(--line3);background-color:var(--bg3);}
.el-check1 label > input[type="radio"] + span:before {border-radius:50%;}
.el-check1 label > input[type="radio"] + span:after {width:1.1rem;height:1.1rem;margin:0.6rem;border-radius:100%;}
.el-check1 label > input[type="radio"]:checked + span:after {background:var(--g1);}
.el-check1 label > input[type="radio"]:disabled:checked + span:after {background:var(--line3);}
.el-check1 label > input[type="checkbox"] + span:before,
.el-check1 label > input[type="checkbox"] + span:after {width:2.0rem;height:2.0rem;margin:0.2rem;}
.el-check1 label > input[type="checkbox"]:disabled:not(:checked) + span:after {display:none;}
.el-check1 label > input[type="checkbox"]:checked + span:after {background:url(../../images/com/ico_form_check.svg) no-repeat 0 0 / 100% 100%;}
.el-check1 label > input[type="checkbox"]:disabled:checked + span:after {background-color:var(--line2);}

.el-check1.simple label {width:2.2rem;overflow:hidden;white-space:nowrap;}
.el-check1.simple label > input + span {padding:0 0 0 1.9rem;}
.el-check1.simple label > input + span:before, .el-check1.simple label > input + span:after {top:0;}

.el-check1.block {display:flex;flex-direction:column;align-items:flex-start;padding:0.8rem 0;gap:0;}
.el-check1.block > div {display:flex;}
.el-check1.block label + span {flex:1;min-width:0;}
.el-check1.block label + span.txt-guide1 {margin:0;}

.el-check1.list1 {display:flex;flex-direction:column;align-items:flex-start;gap:0;}
.el-check1.list1 > input + span {font-weight:700;}

@media only screen and (min-width:984px){
	.el-check1.col label > input + span {min-width:7.0rem;}

	.el-check1.block > div {gap:0 6.0rem;}

	.el-check1[data-min="4"] label > input + span {min-width:8.4rem;}
}

@media only screen and (max-width:1440px){
	.el-check1.col label > input + span {min-width:12.0rem;}
}

@media only screen and (max-width:983px){
	.el-check1.col label > input + span {min-width:11.0rem;}

	.el-check1.block {gap:0 2.0rem;}
	.el-check1.block > div {flex-direction:column;}

	.el-check1[data-min="4"] label > input + span {min-width:8.0rem;}

	.form-wrap1 dl.form > dd .el-check1.block > div .txt-guide1 {margin:0;}
}

@media only screen and (max-width:480px){
	.el-check1[data-min="4"] label > input + span {min-width:0;}
	.el-check1[data-min="4"] label ~ div {width:100%;}
}

/* 유형2 : 버튼형 */
.el-btn1 {display:flex;gap:0 var(--space3);}
.el-btn1 label > input + span {display:inline-block;min-width:7.4rem;padding:1.0rem 1.4rem;border-radius:0.2rem;line-height:calc(var(--com2) - 2.0rem);font-weight:700;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--line2);text-align:center;}
.el-btn1 label > input:not(:disabled):hover + span {border-width:2px;}
.el-btn1 label > input:checked + span {color:var(--primary-c1);box-shadow:inset 0 0 0 2px var(--primary-c1);}
.el-btn1 label > input:disabled + span {color:var(--g2);background:var(--bg3);}
.el-btn1 label > input:disabled:checked + span {box-shadow:inset 0 0 0 2px var(--line3);color:var(--g2);}

/* 유형2 : 버튼형 + 데이터유형 : 공통 */
.el-btn1[data-format^="t"] {display:block;}
.el-btn1[data-format^="t"] > li {display:flex;align-items:center;}
.el-btn1[data-format^="t"] label {display:block;}
.el-btn1[data-format^="t"] label + label {margin:var(--space3) 0 0;}
.el-btn1[data-format^="t"] label > input + span {display:block;box-shadow:inset 0 0 0 1px var(--line1);text-align:left;}
.el-btn1[data-format^="t"] label > input + span, .el-btn1[data-format^="t"] div:last-child {font-weight:700;}
.el-btn1[data-format^="t"] label > input:checked + span {color:var(--primary-c1);box-shadow:inset 0 0 0 2px var(--primary-c1), 0 0.3rem 0.3rem #00000029;}
.el-btn1[data-format^="t"] label > input:disabled:checked + span {box-shadow:inset 0 0 0 2px var(--line1), 0 0.3rem 0.3rem #00000029;}

/* 유형2 : 버튼형 + 데이터유형1 */
.el-btn1[data-format="t1"] > li {flex-wrap:wrap;gap:var(--space3) 1.5rem;}
.el-btn1[data-format="t1"] > li + li {margin:2.0rem 0 0;padding:2.0rem 0 0;border-top:1px solid var(--line3);}
.el-btn1[data-format="t1"] label {width:100%;}
.el-btn1[data-format="t1"] label > input:disabled:checked + span {color:var(--g2);}
.el-btn1[data-format="t1"] .input-time1 + div:last-child {width:100%;padding:0 0 0 1.6rem;}

.el-btn1[data-format="t3"] label > input + span {text-align:center;}

@media only screen and (min-width:984px){
	.el-btn1 label > input + span {min-width:8.6rem;}

	.el-btn1[data-format="t1"] .input-time1 + div:last-child {width:100%;text-align:left;}
	.el-btn1[data-format="t1"] > li:not(:last-child) .input-time1 + div:last-child {margin:0 0 -1.0rem;}
}

@media only screen and (min-width:1200px){
	.el-btn1[data-format="t1"] .input-time1 + div:last-child {width:auto;flex:1;text-align:right;margin:0;}
}

@media only screen and (min-width:2400px){
	.el-btn1[data-format="t1"] > li {flex-wrap:none;}
	.el-btn1[data-format="t1"] label {flex:none;width:calc(50% - 1.2rem);}
	.el-btn1[data-format="t1"] .input-time1 + div:last-child {width:auto;flex:1;text-align:right;margin:0;}
}

@media only screen and (min-width:870px) and (max-width:983px){
	.el-btn1[data-format="t1"] > li {flex-wrap:none;}
	.el-btn1[data-format="t1"] label {width:calc(50% - 1.2rem);}
	.el-btn1[data-format="t1"] .input-time1 + div:last-child {width:auto;flex:1;text-align:right;}
}

@media only screen and (min-width:620px) and (max-width:869px){
	.el-btn1[data-format="t1"] label {width:auto;flex:1;}
}

@media only screen and (min-width:481px) and (max-width:619px){
	.el-btn1[data-format="t1"] .input-time1 + div:last-child {width:auto;flex:1;text-align:right;}
}

/* 유형2 : 버튼형 + 데이터유형2 */
.el-btn1[data-format="t2"] > li {justify-content:space-between;gap:var(--space3) 0;}
.el-btn1[data-format="t2"] > li + li {margin:var(--space3) 0 0;}
.el-btn1[data-format="t2"] label {width:31.0rem;}
.el-btn1[data-format="t2"] div:last-child {text-align:right;padding:0 0 0 1.6rem;}

/* 유형2 : 버튼형 + 데이터유형3 */
.el-btn1[data-format="t3"] {display:flex;gap:var(--space3);}
.el-btn1[data-format="t3"] > li {display:block;}
.el-btn1[data-format="t3"] > li label {text-align:center;}

/* 유형2 : 버튼형 + 서브폼 */
.el-btn1[data-format="subform"] {display:block;}
.el-btn1[data-format="subform"] > li + li {margin:1.0rem 0 0;}
.el-btn1[data-format="subform"] > li,
.el-btn1[data-format="subform"] > li > label,
.el-btn1[data-format="subform"] > li > label ~ div {display:flex;gap:0 1.0rem;align-items:center;}
.el-btn1[data-format="subform"] > li > div ~ div:last-child {flex:1;justify-content:flex-end;}
.el-btn1[data-format="subform"] > li > div ~ div:last-child {gap:0 var(--space3);}
.el-btn1[data-format="subform"] > li {line-height:var(--com2);white-space:nowrap;font-weight:700;}
.el-btn1[data-format="subform"] [class*="el-text"],
.el-btn1[data-format="subform"] [class*="el-select"] {width:auto;min-width:8.0rem;}
.el-btn1[data-format="subform"] label.on + div {color:var(--primary-c1);}
.el-btn1[data-format="subform"] label:has(input:checked) + div:not(:has(select)) {color:var(--primary-c1);}

@media only screen and (min-width:984px){
	.el-btn1[data-format="t3"] > li {width:calc(50% - (var(--space3) / 2));}
}

@media only screen and (max-width:983px){
	.el-btn1[data-format="t3"] > li {width:calc(25% - (var(--space3) * 3 / 4))}

	.el-btn1[data-format="subform"] > li {flex-wrap:wrap;}
}

@media only screen and (max-width:768px){
	.el-btn1[data-format="t3"] > li {width:calc(33.3% - (var(--space3) * 2 / 3))}
}

@media only screen and (max-width:560px){
	.el-btn1[data-format="t3"] > li {width:calc(50% - (var(--space3) / 2));}
}

/* 유형2 : 버튼형 + 데이터유형 : 영역추가스타일 */
@media only screen and (min-width:984px) and (max-width:1180px){
	.form-wrap1 .el-btn1[data-format="t2"] > li {flex-wrap:wrap;gap:var(--space3) 0;}
	.form-wrap1 .el-btn1[data-format="t2"] label {width:auto;flex:1;max-width:100%;}
	.form-wrap1 .el-btn1[data-format="t2"] > li + li {margin:2.0rem 0 0;padding:2.0rem 0 0;border-top:1px solid var(--line3);}
}

@media only screen and (max-width:983px){
	[class*="form-wrap"] .el-btn1[data-format="t2"] label {flex:1;width:auto;}
	[class*="form-wrap"] .el-btn1[data-format="t2"] div:last-child {width:26%;}
}

@media only screen and (max-width:480px){
	[class*="form-wrap"] .el-btn1[data-format="t2"] > li {flex-direction:column;gap:var(--space3) 0;}
	[class*="form-wrap"] .el-btn1[data-format="t2"] label {width:100%;flex:none;}
	[class*="form-wrap"] .el-btn1[data-format="t2"] div:last-child {width:100%;text-align:left;}
	[class*="form-wrap"] .el-btn1[data-format="t2"] > li + li {margin:2.0rem 0 0;padding:2.0rem 0 0;border-top:1px solid var(--line3);}
}

/* 토글형1 */
.el-toggle1 label {position:relative;display:inline-block;}
.el-toggle1 label > input {opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.el-toggle1 label > input + span {position:relative;z-index:1;display:block;min-width:5.2rem;padding:0.3rem 0.7rem 0.3rem 2.3rem;font-size:1.2rem;line-height:1;text-align:right;transition:all 0.2s ease-in-out;}
.el-toggle1 label > input + span, .el-toggle1 label > input + span::selection {color:var(--g2);}
.el-toggle1 label > input + span:before, .el-toggle1 label > input + span:after {content:'';box-sizing:border-box;display:block;position:absolute;top:50%;transform:translateY(-50%)}
.el-toggle1 label > input + span:before {left:0;right:0;z-index:-1;height:2.7rem;border:0.2rem solid var(--line3);border-radius:2.0rem;transition:all 0.2s ease-in-out;}
.el-toggle1 label > input + span:after {left:0.5rem;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--line3);transition:left 0.3s ease-in-out;}
.el-toggle1 label > input:checked + span, .el-toggle1 label > input:checked + span::selection {color:transparent;}
.el-toggle1 label > input:checked + span:before {background:var(--g1);border-color:var(--g1);}
.el-toggle1 label > input:checked + span:after {left:calc(100% - 2.5rem);width:2.1rem;height:2.1rem;background:#fff url(../../images/com/ico_check.svg) no-repeat 50% 50% / 1.2rem 0.8rem;}
.el-toggle1 label > input:disabled:not(:checked) + span, .el-toggle1 label > input:disabled:not(:checked) + span::selection {color:transparent;}
.el-toggle1 label > input:disabled:not(:checked) + span:before {background:var(--bg3);}
.el-toggle1 label > input:checked:disabled + span:before {background:var(--line3);border-color:var(--line3);}
.el-toggle1 label > input:checked:disabled + span:after {background-image:url(../../images/com/ico_check2.svg);}

@media only screen and (min-width:984px){
	.el-toggle1 label > input + span {min-width:6.3rem;padding:0.6rem 1.2rem 0.6rem 3.6rem;font-size:1.6rem;line-height:2.4rem;}
	.el-toggle1 label > input + span:before {height:3.6rem;border-radius:2.4rem;}
	.el-toggle1 label > input + span:after {left:0.6rem;width:2.4rem;height:2.4rem;}
	.el-toggle1 label > input:checked + span:after {left:calc(100% - 2.9rem);width:2.4rem;height:2.4rem;background-size:1.5rem 1.0rem;}
}

/* 탭형 */
.el-tab1 {display:inline-flex;gap:0 0.7rem;white-space:nowrap;}
.el-tab1 label {position:relative;display:inline-block;}
.el-tab1 label > input {opacity:0;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.el-tab1 label > input + span {overflow:hidden;position:relative;display:block;padding:0 0.6rem;font-size:var(--font1);line-height:var(--com2);color:var(--g2);transition:all 0.2s ease-in-out;}
.el-tab1 label > input + span:before {content:'';position:absolute;left:50%;bottom:0;width:100%;height:0;transform:translateX(-50%);background:var(--primary-c1);transition:all 0s ease-in-out;}
.el-tab1 label > input:checked + span {color:var(--g1);font-weight:700;}
.el-tab1 label > input:focus + span, .el-tab1 label > input:hover + span {color:var(--g1);}
.el-tab1 label > input:checked + span:before,
.el-tab1 label > input:focus + span:before, .el-tab1 label > input:hover + span:before {height:4px;transition:all 0.4s ease-in-out;}
.el-tab1 label > input:focus-visible + span {outline:0.3rem dotted var(--line2);}
/*
.el-tab1 label > input + span:before {content:'';position:absolute;left:50%;bottom:0;width:0;height:0.3rem;transform:translateX(-50%);background:var(--primary-c1);transition:all 0s ease-in-out;}
.el-tab1 label > input:checked + span:before {width:100%;transition:all 0.3s ease-in-out;}
*/
@media only screen and (min-width:984px){
	.el-tab1 {gap:0 1.5rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : file
--------------------------------------------------------------------------------- */
.el-file1 {display:flex;gap:1.0rem;overflow:hidden;flex-wrap:wrap;}
.el-file1 label {position:relative;display:inline-block;}
.el-file1 label input {position:absolute;opacity:0;z-index:-1;width:100%;height:100%;}
.el-file1 .upload {position:relative;max-width:100%;display:block;padding:0 4.0rem 0 1.0rem;font-size:1.3rem;line-height:calc(var(--com2) - 0.2rem);}
.el-file1 .upload span:nth-child(1) {position:relative;display:inline-block;vertical-align:top;color:var(--primary-c2);overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap;}
.el-file1 .upload span:nth-child(1):hover, .el-file1 .upload span:nth-child(1):focus {text-decoration:underline;}
.el-file1 .upload span:nth-child(2) {position:absolute;right:1.0rem;top:50%;transform:translateY(-50%);}
.el-file1 .upload[role="button"] {display:block;overflow:hidden;padding:0 5.6rem 0 1.5rem;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font1);color:var(--primary-c2);background:var(--bg1);border-radius:0.5rem;}
.el-file1 .upload[role="button"]:before {content:'';display:block;position:absolute;right:1.0rem;top:50%;width:3.0rem;height:3.0rem;background:url(../../images/com/ico_file.svg) no-repeat 50% 50% / 2.0rem 2.5rem;transform:translateY(-50%);}
.el-file1 .info {color:var(--g2);font-size:var(--form1);line-height:2.4rem;}
.el-file1 .btn {display:inline-block;font-size:var(--font1);line-height:var(--com2);padding:0 2.0rem;background:var(--bg1);color:var(--primary-c2);border-radius:0.5rem;}
.el-file1 .btn:after {content:' >';}

.el-file1 label:only-child:after, .el-file1.t1 label:first-child:nth-last-child(2):after {position:absolute;top:50%;content:'선택된 파일 없음';white-space:nowrap;color:var(--g2);transform:translateY(-50%);margin:0 0 0 1.5rem;}
.el-file1 label[data-none]:only-child:after, .el-file1.t1 label[data-none]:first-child:nth-last-child(2):after {content:attr(data-none);}

dl.el-file1 > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
dl.el-file1 > dd {flex:1;display:flex;flex-direction:column;gap:var(--space3) 0;}

.el-file1.el-form1 {gap:0.5rem;}
.el-file1.el-form1 .upload {padding:0 8.0rem 0 1.5rem;background:var(--bg1);}
.el-file1.el-form1 .upload span:nth-child(1)[role="button"]:before {display:none;}
.el-file1.el-form1 .upload-area {width:100%;display:flex;flex-wrap:wrap;gap:var(--space3);}
.el-file1.el-form1 .upload-area [data-fileupload="area"] {width:calc(100% - 8.6rem - var(--space3))}
.el-file1.el-form1 .upload-area [data-fileupload="area"]:empty ~ [data-btn="submit"] {display:none;}
.el-file1.el-form1 .info {width:100%;}

.el-file1.el-form2 {align-items:center;}
.el-file1.el-form2 .upload {padding:0 5.0rem 0 1.5rem;}
.el-file1.el-form2 .upload .icon-com2 {background:#fff;box-shadow:0 0 0 1px var(--line2);}
.el-file1.el-form2 .upload-area {flex:1;border:1px solid var(--line2);min-width:0;height:var(--com2);background:var(--bg1);border-radius:0.2rem;}
.el-file1.el-form2 .upload-area:empty {border-style:dashed;background:none;}
.el-file1.el-form2 .input-wrap8 {width:100%;}
.el-file1.el-form2 + .el-file1.el-form2 {margin:1.0rem 0 0;}

.el-file1[data-cate="sign"] figure {display:flex;align-items:center;gap:0 2.0rem;}
.el-file1[data-cate="sign"] figure .img {position:relative;width:8.4rem;height:8.4rem;order:2;}
.el-file1[data-cate="sign"] figure .img img {display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-width:100%;max-height:100%;}
.el-file1[data-cate="sign"] figure figcaption {order:1;color:var(--g2);}

.el-file1.list1 .upload {max-width:40.0rem;width:100%;padding-right:5.6rem;}
.el-file1.list1 .upload:before {content:'';display:block;position:absolute;right:1.0rem;top:50%;width:2.4rem;height:2.4rem;background:url(../../images/com/ico_file.svg) no-repeat 50% 50% / auto 100%;transform:translateY(-50%);}

ul.el-file1.list1 {display:block;}
ul.el-file1.list1 > li {display:flex;flex-wrap:wrap;gap:var(--space3)}
ul.el-file1.list1 > li .data-t3 {width:100%;}
ul.el-file1.list1 > li + li {margin:calc(var(--space3) * 2) 0 0;}

.info-con2 dl.data .el-file1 {width:100%;}
.info-con2 dl.data .el-file1 .upload {max-width:50.0rem;}
.info-con2 dl.data .data-t3 + .el-file1 {margin:2.0rem 0 0;}

@media only screen and (min-width:1281px) {
	.info-con2 dl.data .el-file1:not(.list1) .upload {width:calc(50% - (var(--space3) / 2));max-width:50.0rem;}
}

@media only screen and (max-width:560px){
	.el-file1.el-form1 .upload-area {flex-direction:column;}
	.el-file1.el-form1 .upload-area [data-fileupload="area"] {width:100%;}
}

@media only screen and (min-width:1281px) {
	.el-file1 {flex-wrap:wrap;}
	.el-file1 .el-text1:nth-child(1) {width:43.0rem;}
}

@media only screen and (min-width:984px){
	.el-file1 .btn-sub1 {min-width:8.6rem;}
	.el-file1 label:only-child:after {margin:0 0 0 2.0rem;}
	.el-file1 .upload {font-size:var(--font1);}
	.el-file1 .upload[role="button"] {padding:0 5.6rem 0 2.0rem;}
	.el-file1.list1 .upload:before {width:3.0rem;height:3.0rem;}

	.el-file1 label:only-child, .el-file1.t1 label:first-child:nth-last-child(2) {padding-right:13.0rem;}
	.el-file1 label:only-child:after, .el-file1.t1 label:first-child:nth-last-child(2):after {right:1.0rem;}
	.el-file1 label[data-none]:only-child:after, .el-file1.t1 label[data-none]:first-child:nth-last-child(2):after {right:unset;}

	.el-file1.el-form2 {flex-wrap:nowrap;}
	.el-file1.el-form2 .input-wrap8 {width:50%;}

	.el-file1[data-cate="sign"] figure {gap:0 4.0rem;}
}

@media only screen and (min-width:1600px) {
	.el-file1.el-form1 {position:relative;}
	.el-file1.el-form1 .info {display:flex;flex-wrap:wrap;position:absolute;left:11.6rem;right:0;top:0;height:var(--com2);align-items:center;}
}

@media only screen and (max-width:1280px) {
	.el-file1 {flex-wrap:wrap;align-items:flex-end}
	.el-file1 .el-text1:nth-child(1) {width:auto;flex:1;max-width:100%;}
}

@media only screen and (min-width:984px) and (max-width:1280px) {
	.el-file1 .input-label1 {flex-direction:column;gap:var(--space3);}
	.el-file1 .input-label1 > * {gap:0;}
	.el-file1 .input-label1 > * span {min-width:10.0rem;}
	.el-file1 .input-label1 > * span + [class*="el-"] {flex:none;width:auto;}
}

@media only screen and (max-width:983px){
	.el-file1 .upload {padding-left:0;}
	.el-file1.t1 {flex-direction:column;align-items:flex-start;}
	.el-file1 label:only-child:after, .el-file1.t1 label:first-child:nth-last-child(2):after {left:100%;}

	.el-file1.el-form2 + .el-file1.el-form2 {margin:2.0rem 0 0;}
}

@media only screen and (max-width:840px){
	.el-file1 .input-label1 {flex-direction:column;gap:var(--space3);}
	.el-file1 .input-label1 > * {gap:0;}
	.el-file1 .input-label1 > * span {min-width:10.0rem;}
	.el-file1 .input-label1 > * span + [class*="el-"] {flex:none;width:auto;}
	.el-file1 .input-label1 ~ .upload-area {padding:0 0 0 10.0rem;}
}

@media only screen and (max-width:480px){
	.el-file1 .input-label1 {width:100%;}
	.el-file1 .input-label1 > * span + [class*="el-"] {flex:1;}
	.el-file1 .input-label1 ~ label {margin:0 0 0 10.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : 가변형
--------------------------------------------------------------------------------- */
/* 유형1 */
.input-wrap1 {display:flex;gap:1.0rem var(--space3);}
.input-wrap1 [class*="el-"] {font-weight:700;}

@media only screen and (min-width:984px){
	.input-wrap1[data-format="t1"] [class*="el-"]:nth-last-child(2) {min-width:24%;}
	.input-wrap1[data-format="t1"] [class*="el-"]:nth-last-child(1) {flex:1;}
}

@media only screen and (max-width:983px){
	.input-wrap1 {flex-direction:column;}
	.input-wrap1 [class*="el-"], .input-wrap1 [class*="btn-"] {flex:1;width:auto;}
}

/* 유형2 */
.input-wrap2 {position:relative;display:flex;align-items:center;}
.input-wrap2 [class*="el-"] {width:7.0rem;padding-left:0;text-align:right;}
.input-wrap2 [class*="el-"] ~ span {min-width:1em;}
.input-wrap2 [class*="el-"] ~ span, .input-wrap2 span ~ [class*="el-"] {margin:0 0 0 1.0rem;}
.input-wrap2[data-item="price"] [class*="el-"] {width:auto;flex:1;max-width:19.8rem;}

@media only screen and (min-width:984px) {
	.input-wrap2[data-item="price"] [class*="el-"] {max-width:20.2rem;}
}

/* 유형3 */
.input-wrap3 {display:flex;}
.input-wrap3 [class*="el-"] {flex:1;min-width:0;}
.input-wrap3 [class*="el-"]:only-child {width:100%;}
.input-wrap3 [class*="el-"] + [class*="el-"] {margin:0 0 0 var(--space3);}
.input-wrap3[data-format="search"] [class*="el-"]:nth-child(1) ~ [class*="el-"] {min-width:0;flex:none;}
.input-wrap3[data-format="search"] [class*="el-"]:nth-child(2) {width:8.0rem;}
.input-wrap3[data-format="search"] [class*="el-"]:nth-child(3) {width:10.0rem;}

@media only screen and (min-width:984px) {
	.input-wrap3[data-format="search"] [class*="el-"]:nth-child(1) {width:19.0rem;}
	.input-wrap3[data-format="search"] [class*="el-"]:nth-child(2) {width:8.6rem;}
	.input-wrap3[data-format="search"] [class*="el-"]:nth-child(3) {width:10.0rem;}
}

/* 유형4 */
.input-wrap4 {display:flex;gap:var(--space3);}
.input-wrap4 > :nth-child(1) {flex:1;min-width:0;}
.form-wrap1 .input-wrap4 {flex-wrap:wrap;}

@media only screen and (min-width:984px) {
	.input-wrap4 > :nth-child(1) {max-width:35.0rem;}
	.input-wrap4 > :nth-child(1) ~ [class*="btn-sub"]:not([data-btn]) {min-width:11.0rem;}

	.input-wrap4.input-s1 > :nth-child(1) {max-width:100%;}
}

@media only screen and (min-width:769px) and (max-width:983px){
	.wrap-section2 .input-wrap4 > :nth-child(1) {max-width:35.0rem;}
}

@media only screen and (max-width:983px) {
	.input-wrap4 > :nth-child(1) ~ [class*="btn-sub"] {min-width:7.4rem;}
}

/* 유형5 */
.input-wrap5 {display:flex;flex-wrap:wrap;gap:var(--space3);}
.input-wrap5 .info {color:var(--g2);}

@media only screen and (min-width:984px) {
	.input-wrap5 {align-items:center;gap:0 2.0rem;}
	.input-wrap5 .el-text1:nth-child(1) {width:23.0rem;}
	.input-wrap5 .info {max-width:calc(100% - 24.0rem);}
}

@media only screen and (max-width:983px) {
	.input-wrap5 {flex-direction:column;}
	.input-wrap5 .el-text1:nth-child(1) {width:100%;}
}

/* 유형6 : 미시용 */
.input-wrap6 {position:relative;display:flex;gap:0 var(--space3);}
.input-wrap6 [class*="el-"] {flex:1;width:auto;min-width:0;}
.input-wrap6[data-unit] {justify-content:space-between;gap:0 calc(var(--space3) * 3);}
.input-wrap6[data-unit]:before {content:attr(data-unit);position:absolute;left:50%;top:0;line-height:var(--com2);transform:translateX(-50%);}

@media only screen and (min-width:984px) {
	.input-wrap6[data-unit] {max-width:47.0rem;}
}

/* 유형7 */
.input-wrap7 {display:flex;flex-direction:column;gap:1.0rem 0;}
.input-wrap7 > [class*="el-"] {flex:1;width:auto;min-width:0;}

@media only screen and (min-width:984px) {
	.input-wrap7 {gap:2.0rem 0;}
}

/* 유형8 */
.input-wrap8 {display:flex;gap:var(--space3);}
.input-wrap8 > [class*="el-"] {flex:1;width:auto;min-width:0;}

/* 라벨형1 */
.input-label1 {display:flex;}
.input-label1 > * {display:flex;}
.input-label1 > * span {line-height:var(--com2);}
.input-label1 > * span + [class*="el-"] {flex:1;}

@media only screen and (min-width:769px){
	.input-label1 {gap:0 3.0rem;}
	.input-label1 > * {gap:0 3.0rem;flex:1;}
	.input-label1 > * [class*="el-"] {width:100%;}
}

@media only screen and (min-width:984px){
	.input-label1 > * {flex:none}
	.input-label1 > * [class*="el-"] {min-width:21.0rem;}
}

@media only screen and (min-width:1441px){
	.input-label1 {gap:0 6.0rem;}
}

@media only screen and (max-width:768px){
	.input-label1 {flex-direction:column;gap:var(--space3) 0;}
	.input-label1 > * span {width:6.0rem;}

	.input-wrap3:not([data-format]) {flex-direction:column;}
	.input-wrap3:not([data-format]) [class*="el-"] + [class*="el-"] {margin:var(--space3) 0 0;}
}

/* 라벨형1 */
.input-label2 {display:flex;flex-direction:column;gap:1.0rem 0;max-width:50%;}
.input-label2 > label {display:flex;gap:0 1.0rem;width:100%;}
.input-label2 > label > span:nth-child(1) {min-width:6.0rem;font-weight:700;line-height:var(--com2);}
.input-label2 > label > [class*="el-"] {flex:1;}

@media only screen and (max-width:983px){
	.input-label2 {max-width:100%;}
	.input-label2 > label > span:nth-child(1) {min-width:4.0rem;}
}

/* 버튼형 */
.input-btn1 {position:relative;}
.input-btn1 input {padding-right:5.2rem;}
.input-btn1 input.el-text3 {padding-right:calc(var(--com2) - 2.0rem);}
.input-btn1 [class*="icon-"] {position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);}
.input-btn1[data-visible][data-mode="delete"] [data-modebtn] {right:4.7rem;}
.input-btn1[data-visible] [data-modebtn] {display:none;}
.input-btn1[data-value="true"][data-visible="visible"] [data-modebtn="visible"] {display:none;}
.input-btn1[data-value="true"][data-visible="visible"] [data-modebtn="hidden"] {display:block;}
.input-btn1[data-value="true"][data-visible="hidden"] [data-modebtn="visible"] {display:block;}
.input-btn1[data-value="true"][data-visible="hidden"] [data-modebtn="hidden"] {display:none;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : 고정형
--------------------------------------------------------------------------------- */
/* 전화번호 */
.input-telnum1 {display:flex;position:relative;gap:var(--space3);}
.input-telnum1 [class*="el-"] {min-width:0;flex:1;}
.input-telnum1 [class*="el-select"] {padding-right:1.5rem;}

@media only screen and (min-width:984px){
	.input-telnum1 {max-width:35.0rem;}
	.input-telnum1 [class*="el-"]:nth-child(1) {width:11.0rem;}
	.input-telnum1 [class*="el-"]:nth-child(1) ~ [class*="el-"] {flex:1;}
}

/* 사업자번호 */
.input-num1 {display:flex;gap:var(--space3);}
.input-num1 [class*="el-"]:nth-child(1) {width:30%;}
.input-num1 [class*="el-"]:nth-child(2) {width:20%;}
.input-num1 [class*="el-"]:nth-child(3) {width:50%;}

@media only screen and (min-width:984px){
	.input-num1 {max-width:35.0rem;}
	.input-num1 [class*="el-"]:nth-child(1) {width:11.0rem;}
	.input-num1 [class*="el-"]:nth-child(2) {width:20%;}
	.input-num1 [class*="el-"]:nth-child(3) {flex:1;}
}

@media only screen and (max-width:983px){
	.input-num1 {width:100%;}
}

@media only screen and (max-width:480px){
	.input-num1 {width:100%;}
	.input-wrap4 .input-num1 {flex:none;}
}

/* 이메일 */
.input-email1 {display:flex;position:relative;gap:var(--space3);}
.input-email1:before {content:'@';position:absolute;line-height:var(--com2);color:var(--g2);}

@media only screen and (min-width:984px){
	.input-email1 [class*="el-"]:nth-child(1) {width:23.0rem;}
	.input-email1 [class*="el-"]:nth-child(1) ~ [class*="el-"] {width:23.0rem;}
	.input-email1 [class*="el-"]:nth-child(2) {margin:0 0 0 2.5rem;}
	.input-email1:before {left:23.0rem;width:3.5rem;text-align:center;}
}

@media only screen and (max-width:983px){
	.input-email1 {flex-wrap:wrap;justify-content:flex-end;}
	.input-email1 [class*="el-"]:nth-child(1) {width:100%;}
	.input-email1 [class*="el-"]:nth-child(2) {width:47%;}
	.input-email1 [class*="el-"]:nth-child(3) {width:calc(53% - 3.0rem);}
	.input-email1:before {left:0;bottom:0;}
}

/* 주소 */
.input-addr1 {display:flex;flex-wrap:wrap;gap:var(--space3);}

@media only screen and (min-width:769px){
	.input-addr1 button,
	.input-addr1 button + [class*="el-"] {width:11.0rem;}
	.input-addr1 [class*="el-"]:nth-last-child(2) {flex:1;}
	.input-addr1 [class*="el-"]:nth-last-child(1) {width:100%;/*max-width:42.0rem;*/}

	.input-addr1 [class*="el-"]:nth-child(1) {width:11.0rem;}
}

@media only screen and (max-width:768px){
	.input-addr1 button {width:10.0rem;}
	.input-addr1 button + [class*="el-"] {width:calc(100% - 10.5rem);}
	.input-addr1 [class*="el-"]:nth-last-child(2),
	.input-addr1 [class*="el-"]:nth-last-child(1) {width:100%;}

	.input-addr1 [class*="el-"]:nth-child(1) {width:calc(33.4% - 0.5rem);}
}

/* 날짜형 : 날짜선택 */
.input-date1 {position:relative;display:flex;}
.input-date1 div {position:relative;}
.input-date1 div:nth-child(2) {width:2.0rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;}
.input-date1 div:not([aria-hidden="true"]) {width:calc(50% - 1.0rem);}
.input-date1 div [class*="el-text"] {width:100%;}
.input-date1 div ~ div:not([aria-hidden="true"]) {margin:0 0 0 2.0rem;}
.input-date1 div .ui-datepicker-trigger {overflow:hidden;display:block;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);width:2.4rem;font-size:0.1rem;line-height:1;white-space:nowrap;}
.input-date1 div .ui-datepicker-trigger:before {content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url(../../images/com/ico_cal.svg) no-repeat 50% 50% / 2.0rem 2.1rem;}

@media only screen and (min-width:1441px){
	.input-date1 {display:inline-flex;}
	.input-date1 div:not([aria-hidden="true"]) {width:16.0rem;}
}

/* 날짜형 : 셀렉트형  */
.input-time1 {position:relative;display:flex;align-items:center;}
.input-time1 [class*="el-"] {width:6.5rem;}
.input-time1 [class*="el-"] ~ span {color:var(--g2);font-size:var(--font2);}
.input-time1 [class*="el-"] + span {margin:0 0 0 0.7rem;}
.input-time1 span + [class*="el-"] {margin:0 0 0 2.0rem;}
.input-time1 [class*="el-"]:only-of-type {width:12.0rem;}

.input-time2 {position:relative;display:inline-flex;}
.input-time2:before {content:attr(data-unit);position:absolute;left:50%;top:0;bottom:0;line-height:var(--com2);transform:translateX(-50%);}
.input-time2 [class*="el-"] {width:7.6rem;padding:1.0rem 0;text-align:center;}
.input-time2 [class*="el-"] + [class*="el-"] {margin:0 0 0 2.0rem;}

@media only screen and (max-width:983px){
	.input-time2 [class*="el-"] {width:5.6rem;}
}

/* 날짜형 : 입력형  */
.input-datetime1 {position:relative;display:flex;}
.input-datetime1 div {position:relative;}
.input-datetime1 div:nth-child(2) {width:2.4rem;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;}
.input-datetime1 div:not([aria-hidden="true"]) {width:calc(50% - 1.2rem);}
.input-datetime1 div [class*="el-text"] {width:100%;}
.input-datetime1 div ~ div:not([aria-hidden="true"]) {margin:0 0 0 2.4rem;}
.input-datetime1 div .ui-datepicker-trigger {overflow:hidden;display:block;position:absolute;right:0.8rem;top:50%;transform:translateY(-50%);width:2.4rem;font-size:0.1rem;line-height:1;white-space:nowrap;}
.input-datetime1 div .ui-datepicker-trigger:before {content:'';display:inline-block;width:2.4rem;height:2.4rem;background:url(../../images/com/ico_cal.svg) no-repeat 0 0 / 2.0rem 2.2rem;}
.input-datetime1 > div:only-child {width:17.2rem;}

@media only screen and (min-width:984px){
	.input-datetime1 {display:inline-flex;}
	.input-datetime1 div:not([aria-hidden="true"]) {width:17.2rem;}
	.input-datetime1 div ~ div:not([aria-hidden="true"]) {margin:0 0 0 4.5rem;}
}

@media only screen and (max-width:380px){
	.input-datetime1 > div:only-child {width:100%;}
}

/* 날짜형 : 선택형  */
.input-datetime2 {position:relative;display:flex;gap:var(--space3);align-items:center;}
.input-datetime2 [class*="el-select"]:nth-of-type(1) {width:50%;max-width:16.5rem;}
.input-datetime2 [class*="el-select"]:nth-of-type(2),
.input-datetime2 [class*="el-select"]:nth-of-type(3) {width:25%;max-width:10.5rem;}
.input-datetime2 [class*="el-check"]:first-child {margin:0 2.0rem 0 0;}

@media only screen and (max-width:680px){
	.input-datetime2 {flex-wrap:wrap;}
	.input-datetime2 [class*="el-check"]:first-child {width:100%;margin:0;}
}

/* 데이터형  */
.input-data1 {display:flex;gap:0 1.5rem;align-items:center;white-space:nowrap;justify-content:flex-start;}
.input-data1 .el-select1:first-child {flex:1;width:auto;}
.input-data1 + .input-data1 {margin:var(--space3) 0 0;}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM ELEMENT : 사이즈정의
--------------------------------------------------------------------------------- */
.input-w1 {width:100%;}
.input-w2 {width:100%;}
.input-w3 {width:100%;}
.input-w4 {width:100%;}
.input-w5 {width:calc(50% - calc(var(--space3) / 2))}

.input-s1 {width:100%;}

@media only screen and (min-width:560px){
	.input-w3 {width:29.5rem;}
}


@media only screen and (min-width:984px){
	.input-w1 {width:75%;}
	.input-w2 {width:50%;}
	.input-w4 {width:35.0rem;}
	.input-w5 {width:17.0rem;}
}

@media only screen and (min-width:1441px){
	.input-w1 {width:50%;}
	.input-w2 {width:25%;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : SEARCH AREA
--------------------------------------------------------------------------------- */
/* 검색폼1 */
.form-search1 {display:flex;justify-content:center;gap:var(--space3);margin:0 0 3.0rem;}

@media only screen and (min-width:769px){
	.form-search1 {margin:0 0 4.0rem;}
	.form-search1 .el-select1 {width:33.0rem;}
	.form-search1 .el-text1 {width:25.0rem;}
}

@media only screen and (max-width:768px){
	.form-search1 {flex-wrap:wrap;}
	.form-search1 .el-select1 {width:100%;}
	.form-search1 .el-text1 {flex:1;}
}

/* 검색폼2 */
.form-search2 {position:relative;display:flex;flex-wrap:wrap;margin:0 0 4.0rem;}
.form-search2 .el-check1 {gap:1.0rem calc(var(--space3) * 2);}
.form-search2 + .form-search2 {margin-top:var(--space1);}

.form-search2 > div {display:flex;}
.form-search2 > div.label {align-items:center;gap:2.0rem;}
.form-search2 > div.label > span {font-family:var(--family2);font-size:1.8rem;line-height:var(--com2);font-weight:500;white-space:nowrap;}
.form-search2 > div.input-btn1 [class*="el-text"] {width:100%;}

.form-search2 > dl {display:flex;}
.form-search2 > dl > dt {width:7.0rem;font-family:var(--family2);font-size:1.4rem;line-height:var(--com2);font-weight:500;white-space:nowrap;}
.form-search2 > dl > dd {flex:1;display:flex;align-items:center;flex-wrap:wrap;gap:1.0rem 2.0rem;min-width:0;}
.form-search2 > dl > dd .el-check1 {padding:calc((var(--com2) - 3.3rem) / 2) 0;}
.form-search2 > dl > dd [data-btn="search"].btn-sub1 {margin:0 0 0 calc(-3.0rem + var(--space3));}
.form-search2 > dl > dd .input-wrap4 [data-btn="search"].btn-sub1 {margin:0;}
.form-search2 > dl.sub > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}

.form-search2 .btn-sub1 {font-weight:700;}
.form-search2 .btn-sub1.ic6 {box-shadow:inset 0 0 0 0.1rem #95B1FF;}
.form-search2 .btn-sub1.ic6:focus,
.form-search2 .btn-sub1.ic6:hover {box-shadow:inset 0 0 0 0.1rem var(--primary-c2);}

@media only screen and (min-width:984px){
	.form-search2 {gap:1.0rem var(--space1);}
	.form-search2 > div.label > span {font-size:1.8rem;line-height:var(--com2);font-weight:500;}
	.form-search2 > dl {gap:0 3.0rem;}
	.form-search2 > dl > dt {width:auto;font-size:1.8rem;}
	.form-search2 > dl.sub {margin-left:calc((var(--space1) * -1) + 3.0rem);}

	.form-search2 .el-text3 {width:20.0rem;}
	.form-search2 .input-wrap8:only-of-type .el-text3 {width:auto;}
	.form-search2 .input-wrap8 > [class*="el-select"] {min-width:15.0rem;}
	.form-search2 .input-date1 div:not([aria-hidden="true"]) {max-width:15.0rem;}
	.form-search2 .input-btn1 {width:25.0rem;}

	.form-search2 [data-btn="submit"].icon-com4 {margin:0 0 0 calc(var(--space1) * -1);}
	.form-search2 .input-btn1 [data-btn="submit"].icon-com4 {right:-1.0rem;}
}

@media only screen and (min-width:1660px){
	.form-search2 {gap:2.0rem var(--space1);}
	.form-search2 > dl.min {margin-left:calc((var(--space1) * -1) + 1.0rem);}
	.form-search2 > dl.min > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
}

@media only screen and (max-width:983px){
	.form-search2 {gap:1.0rem;margin:0 0 3.0rem;}

	.form-search2 > div:not(.input-btn1) {width:100%;}
	.form-search2 > div.label {gap:1.0rem;}
	.form-search2 > div.label > span {font-size:1.4rem;line-height:2.2rem;min-width:14%;}
	.form-search2 > div.label > span + div {flex:1;}

	.form-search2 > dl {width:100%;}
	.form-search2 > dl.min > dt {color:transparent;}
	.form-search2 > dl > dd .input-wrap3 {width:100%;}

	.form-search2 .input-btn1 {width:16.0rem;}
	.form-search2 > div:last-of-type:not(.input-btn1) {padding-right:var(--com2);width:100%;}
	.form-search2 [data-btn="submit"] {position:absolute;right:0;bottom:0;}
	.form-search2 [data-btn="submit"].icon-com4 {right:-1.0rem;}

	.form-search2 .el-check1 + .input-date1 > div {min-width:13.0rem;}
	.form-search2 .input-wrap4, .form-search2 .input-wrap8 {width:100%;}
}

@media only screen and (max-width:560px){
	.form-search2 .el-check1 + .input-date1 {flex:1;}
	.form-search2 .el-check1 + .input-date1 > div {width:auto;}
}

/* 검색폼3 */
.form-search3 {display:flex;justify-content:space-between;align-items:center;margin:0 0 4.0rem;}
.form-search3 .el-tab1 {margin:-2.5rem 0 -1.4rem;}
.form-search3 .el-check1 {margin:-0.5rem 0;}

@media only screen and (max-width:983px){
	.form-search3 {gap:1.6rem 0;margin:0 0 3.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : AGREE AREA
--------------------------------------------------------------------------------- */
.form-agree1 .area {position:relative;margin:2.0rem 0 0;padding:2.0rem 0;border-top:2px solid var(--line1);}
.form-agree1 .area > div {width:100%;overflow-y:scroll;max-height:40rem;margin:0 -1.0rem 0 0;padding:0 1.0rem 0 0;font-size:var(--font2);}
.form-agree1 .area > div::-webkit-scrollbar {width:0.9rem;}
.form-agree1 .area > div::-webkit-scrollbar-track {background-color:transparent;}
.form-agree1 .area > div::-webkit-scrollbar-thumb {background-color:var(--line3);border-radius:0.9rem;}

@media only screen and (min-width:984px){
	.form-agree1 .area {padding:3.0rem 0;}
	.form-agree1 .area ~ [class*="el-check"] {display:flex;justify-content:center;}
	.form-agree1 .area ~ [class*="el-check"] label > input ~ span {font-weight:700;}
}

.form-agree2 {margin:4.0rem 0;padding:0 0 4.0rem;display:flex;flex-direction:column;gap:3.0rem;border-bottom:1px solid var(--line1);}
.form-agree2 [class*="el-check"] label > input ~ span {font-weight:700;white-space:inherit;}
.form-wrap1.line1 + .form-agree2 {margin:6.0rem 0;align-items:center;padding:0;border:0;}

@media only screen and (max-width:983px){
	.form-agree2, .form-wrap1.line1 + .form-agree2 {margin:3.0rem 0;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : FORM AREA
--------------------------------------------------------------------------------- */
/* 폼영역1 : 기본 */
.form-wrap1 {position:relative;}
.form-wrap1 dl.form {display:flex;overflow:hidden;}
.form-wrap1 dl.form > dt {width:10.0rem;font-weight:700;line-height:var(--com2);}
.form-wrap1 dl.form > dd {flex:1;min-width:0;}
.form-wrap1 dl.form ~ dl.form {margin:1.0rem 0 0;}
.form-wrap1 dl.form > dd > [class*="el-"]:not([class*="input-w"]):only-child {width:100%;}
.form-wrap1 dl.form > dd .txt-guide1 {margin:1.0rem 0 0;}
.form-wrap1 dl.form > dt .txt-mark1 {margin-right:-1em;}
.form-wrap1 dl.form.t2 {flex-wrap:wrap;}
.form-wrap1 dl.form.t2 > dd ~ dd {width:100%;flex:none;margin:3.0rem 0 0;}
.form-wrap1 dl.form.t3 {flex-direction:column;}
.form-wrap1 dl.form.t3 > dt {line-height:2.0rem;width:auto;padding:calc((var(--com2) - 2.0rem) / 2) 0;}
.form-wrap1 dl.form.t4 > dt {display:flex;}

.form-wrap1.line1 {padding:3.0rem 0;border-top:2px solid var(--line1);border-bottom:1px solid var(--line3);}
.form-wrap1.line1 + .form-wrap1.line1 {border-top:0;}
.form-wrap1.line1 + .tbl-data1 {margin:4.0rem 0 0;}

.form-wrap1.line2 dl.form ~ dl.form {margin:1.0rem 0 0;}
.form-wrap1.line2 + .area-btn1 {margin:3.0rem 0 0;}

.form-wrap1.line3 {border-top:1px solid var(--line1);}
.form-wrap1.line3 dl.form {padding:1.5rem 0;border-bottom:1px solid var(--line1);}
.form-wrap1.line3 dl.form ~ dl.form {margin:0;}

.form-wrap1[data-length="4"] dl.form > dt {width:6.0rem;}

.pop-modal1 .content > .form-wrap1.line3:first-child {margin-top:-2.1rem;}

@media only screen and (min-width:681px){
	.form-wrap1 dl.form > dt {width:14.0rem;}

	.form-wrap1[data-length="4"] dl.form > dt {width:8.0rem;}
}

@media only screen and (min-width:984px){
	.form-wrap1 dl.form > dt {width:20%;max-width:20.0rem;}
	.form-wrap1 dl.form > dt br {display:none;}
	.form-wrap1 dl.form > dd .txt-guide1 {margin:0.6rem 0;}
	.form-wrap1 dl.form > dd > .el-check1:only-child {min-height:var(--com2);}

	.form-wrap1.line1 {padding:4.0rem 2.0rem;}
	.form-wrap1.line1 + .tbl-data1 {margin:8.0rem 0 0;}

	.form-wrap1.line2 {padding:2.0rem;border:1px solid var(--line3);border-radius:0.5rem;}
	.form-wrap1.line2 dl.form > dt {width:8.0rem;}

	.form-wrap1.line3 dl.form {padding:2.5rem 0;}
	.pop-modal1 .content > .form-wrap1.line3:first-child {margin-top:-3.1rem;}

	.form-wrap1[data-form="w1"] dl.form > dt {width:24%;}
}

@media only screen and (min-width:1281px){
	.form-wrap1 dl.form.t4 > dt .icon-com3 {margin:calc((var(--com2) - 2.8rem) / 2) 0 0 var(--space3);}
}

@media only screen and (max-width:983px){
	.form-wrap1 dl.form > dt {line-height:2.0rem;padding:calc((var(--com2) - 2.0rem) / 2) 0 0;}
	.form-wrap1 dl.form.t1 {flex-direction:column;}
	.form-wrap1 dl.form.t1 > dt {width:auto;padding:calc((var(--com2) - 2.0rem) / 2) 0;}

	.form-wrap1 dl.form.t2 > dd ~ dd {margin:2.0rem 0 0;}

	.form-wrap1 dl.form.t4 > dt {padding:calc((var(--com2) - 2.0rem) / 2) 0;}

	.form-wrap1.line2 {padding:0;border:0;}
	.form-wrap1.line2 dl.form > dt {width:6.0rem;}

	[class*="pop-modal"] .form-wrap1:not([data-length]) dl.form > dt {width:8.0rem;}
}

@media only screen and (max-width:1280px){
	.form-wrap1 dl.form.t4 {flex-direction:column;}
	.form-wrap1 dl.form.t4 > dt {display:flex;justify-content:space-between;align-items:center;width:100%;max-width:100%;}
}

/* 폼영역2 */
.form-wrap2 {margin:0 auto;}

/* 폼영역3 */
.form-wrap3 {display:flex;flex-direction:column;gap:1.0rem 0;}
.form-wrap3 [class*="el-"], .form-wrap3 [class*="input-"] {width:100%;}
.form-wrap3 .form > [class*="el-"], .form-wrap3 .form > [class*="input-"] {max-width:35.0rem;}

.form-wrap3 .form {display:flex;}
.form-wrap3 [class*="el-"] {--invalid:var(--line3);}
.form-wrap3 .form .validation:empty {display:none;}
.form-wrap3 .form .validation:not(:empty) {position:relative;color:var(--invalid);}
.form-wrap3 .form .validation:not(:empty):before {content:'*';display:block;float:left;margin:0 0 0 -1em;width:1em;text-align:center;}
.form-wrap3 + .form-wrap3 {margin:2.5rem 0 0;}

@media only screen and (min-width:769px){
	.form-wrap3 .form {gap:0 3.0rem;align-items:center;}
	.form-wrap3 .form .validation:not(:empty) {line-height:calc(var(--com2) / 2);}
}

@media only screen and (max-width:768px){
	.form-wrap3 .form {flex-direction:column;}
	.form-wrap3 .form .validation:not(:empty) {padding:1.8rem 0 0.8rem 1em;line-height:2.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : INFO : 간략정보
--------------------------------------------------------------------------------- */
/* 간략정보2 */
.info-t2 {font-size:var(--font2);line-height:2.4rem;color:var(--g2);}
.info-t2 strong {font-weight:400;}

.nav-tab1 + .info-t2 {margin:-1.4rem 0 1.6rem;}

@media only screen and (min-width:769px){
	.info-t2 {line-height:2.6rem;}
	.nav-tab1 + .info-t2 {margin:-5.6rem 0 3.0rem;text-align:right;}
}

@media only screen and (min-width:984px){
	.nav-tab1 + .info-t2 {margin:-6.6rem 0 4.0rem;}
}

/* 상하단영역(정보 + 버튼) */
.info-area1 {display:flex;flex-wrap:wrap;gap:1.0rem 2.0rem;justify-content:space-between;align-items:center;margin:2.0rem 0;min-height:var(--com2);}
.info-area1 [class*="area-btn"] {margin:0;flex:1;}
.info-area1 .form {display:flex;align-items:center;gap:1.0rem 2.0rem;flex-wrap:wrap;justify-content:space-between;}
.info-area1 .form > div:not([class*="el-check"]) {display:flex;gap:0 var(--space3);flex:1;}
.info-area1.txt-bul3 {/*color:var(--g2);*/color:var(--g1);}

@media only screen and (min-width:984px){
	.info-area1 {margin:3.0rem 0;}
	.info-area1 .form {display:flex;gap:2.0rem 3.0rem;}
	.info-area1.txt-bul3 + .info-area1 {margin-top:-3.0rem;}
}

@media only screen and (max-width:983px){
	.info-area1 .form > div:not([class*="el-check"]) .el-select1 {flex:1;}
}

@media only screen and (max-width:768px){
	.info-area1[data-order="true"] .info-t2:nth-child(1):nth-last-child(2) {order:2;width:100%;}
	.info-area1[data-order="true"] .info-t2:nth-child(1)::nth-last-child(2) + :last-child {order:1;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : INFO : 간략데이터
--------------------------------------------------------------------------------- */
.data-t1 {display:flex;gap:0 0.5em;justify-content:center;}

.data-t2 {margin:0;gap:0.2rem 1.0rem;display:inline-flex;flex-wrap:wrap;align-items:center;}

.data-t3 {display:flex;}

@media only screen and (min-width:984px){
	.data-t3 {gap:2.0rem 5.0rem;}
}

@media only screen and (max-width:983px){
	.data-t3 {flex-direction:column;}
}

.data-t4 {white-space:nowrap;}
.data-t4 strong {color:var(--primary-c1);padding:0 0.2rem 0 0;}

/* --------------------------------------------------------------------------------
	COMPONENT : INFO : 데이터형
--------------------------------------------------------------------------------- */
/* 유형1 */
.info-data1 {display:inline-flex;gap:0.7rem 0;font-family:var(--family2);font-weight:500;--el-font:1.4rem;font-size:var(--el-font);line-height:calc(var(--el-font) + 1.0rem);}
.info-data1 > span {padding:0 0 0 1.0rem;}
.info-data1 > span:nth-child(1):before {content:'\00B7';display:block;float:left;width:1.1rem;margin:0 0 0 -1.0rem;}
.info-data1 > span:nth-child(2), .info-data1 strong {color:var(--primary-c1);}

@media only screen and (min-width:984px){
	.info-data1 {--el-font:1.8rem;}
}

/* 유형2 */
.info-data2 {border:2px solid var(--line1);}
.info-data2 > dl {position:relative;}
.info-data2 > dl > dt, .info-data2 > dl > dt + dd > div:nth-child(1) {font-family:var(--family2);font-weight:500;}
.info-data2 > dl.sum dt + dd > div:nth-child(1) {color:var(--primary-c1);}
.info-data2 > dl.sum:before, .info-data2 > dl.sum:after {content:'';display:block;position:absolute;transform:translate(-50%,-50%);}
.info-data2 > dl.sum:before {width:2.8rem;height:2.8rem;border:3px solid var(--line1);border-radius:100%;background:#fff;font-size:2.0rem;line-height:3.0rem;}
.info-data2 > dl.sum:after {width:1.5rem;height:0.4rem;border-top:2px solid var(--line1);border-bottom:2px solid var(--line1);}

@media only screen and (min-width:984px){
	.info-data2 {display:flex;}
	.info-data2 > dl {min-width:28%;white-space:nowrap;padding:calc(var(--space1) - 0.6rem) var(--space1);}
	.info-data2 > dl > dt {width:100%;margin:0 0 3.0rem;}
	.info-data2 > dl > dt + dd {display:flex;flex-wrap:wrap;gap:0 1.5rem;line-height:3.6rem;}
	.info-data2 > dl > dt + dd > div:nth-child(1) {font-size:2.0rem;}
	.info-data2 > dl + dl {border-left:1px solid var(--line2);}
	.info-data2 > dl.sum {flex:1;}
	.info-data2 > dl.sum:before, .info-data2 > dl.sum:after {left:0;top:50%;}
	.info-data2 > dl.sum > dt + dd > div:nth-child(1) {font-size:3.0rem;}
}

@media only screen and (max-width:983px){
	.info-data2 > dl {padding:2.8rem var(--space1);}
	.info-data2 > dl > dt {margin:0 0 1.6rem;font-size:1.6rem;line-height:2.6rem;}
	.info-data2 > dl > dt + dd > div:nth-child(1) {font-size:1.8rem;line-height:2.8rem;}
	.info-data2 > dl > dt + dd > div:nth-child(2) {margin:0.4rem 0 0;}
	.info-data2 > dl + dl {border-top:1px solid var(--line2);}
	.info-data2 > dl.sum:before, .info-data2 > dl.sum:after {left:50%;top:0;}
}

/* 유혇3 */
.info-data3 {position:relative;padding:2.7rem 0;border-top:1px solid var(--line1);border-bottom:1px solid var(--line1);}
.info-data3 > dl {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.4rem 2.0rem;}
.info-data3 > dl > dt, .info-data3 > dl > dd {position:relative;white-space:nowrap;display:flex;justify-content:flex-end;font-weight:700;gap:0 1.0rem;}
.info-data3 > dl > dt {font-size:1.6rem;line-height:2.4rem;width:100%;}
.info-data3 > dl > dt:before {content:'';width:2.4rem;height:2.4rem;margin:0 3.0rem 0 0;background:url(../../images/com/ico_total.svg) no-repeat 0 0 / 100% 100%;}
.info-data3 > dl > dt span:nth-child(1) {font-weight:900;}
.info-data3 > dl > dt span:nth-child(2) {color:var(--primary-c1);}
.info-data3 > dl > dd {padding:0 0 0 0.6em;line-height:calc(var(--font1) + 1.0rem);}
.info-data3 > dl > dd:before {content:'';position:absolute;left:0;top:50%;width:2px;height:2px;background:var(--line1);}

.tbl-data1 + .info-data3 {margin:-1px 0 0;}
.tbl-data2 + .info-data3 {margin:-1px 0 0;border-top:2px solid var(--line1);border-bottom:2px solid var(--line1);border-left:1px solid var(--g2);border-right:1px solid var(--g2);}

@media only screen and (min-width:984px){
	.info-data3 {position:relative;padding:3.2rem 3.0rem;}
	.info-data3 > dl {gap:2.0rem;}
	.info-data3 > dl > dt {font-size:2.0rem;}
}

@media only screen and (max-width:983px){
	.tbl-data2 + .info-data3 {padding:2.7rem 1.6rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : CONTENT
--------------------------------------------------------------------------------- */
.info-con2 dl.data {display:flex;gap:0 3.0rem;}
.info-con2 dl.data > dt, .info-con2 dl.data > dd {font-size:var(--font1);line-height:calc(var(--font1) + 1.0rem);padding:calc((var(--com2) - var(--font1) - 1.0rem) / 2) 0;}
.info-con2 dl.data > dt {min-height:var(--com2);font-weight:700;display:flex;/*align-items:center;line-height:calc(var(--font1) + 0.4rem);*/}
.info-con2 dl.data > dd {flex:1;min-width:0;}
/*.info-con2 dl.data > dd > [class*="el-"]:first-child {margin-top:-1.2rem;}*/
.info-con2 dl.data.t1 + dl.data {margin:1.1rem 0 0;}
.info-con2 dl.data.t2 {flex-direction:column;}
.info-con2 dl.data.t2 > dt {padding-bottom:0;min-height:0;}

.info-con2.line1 {border-top:2px solid var(--line1);border-bottom:2px solid var(--line1);}
.info-con2.line1[data-col="1"] {border-bottom:0;}
.info-con2.line1 + .info-con2.line1 {border-top:1px solid var(--line3);margin-top:-1px;}

@media only screen and (min-width:984px){
	.info-con2 {padding:0 2.0rem;}
	.info-con2 dl.data > dt {width:18.0rem;}

	.info-con2.line1 {padding:2.9rem 2.0rem;}
}

@media only screen and (min-width:1441px){
	.info-con2 dl.data {gap:0 5.0rem;}

	.info-con2[data-col="2"] {position:relative;display:flex;flex-wrap:wrap;gap:0 6.0rem;}
	.info-con2[data-col="2"]:before {content:'';display:block;position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--line3);}
	.info-con2[data-col="2"] > div {flex:1;}
	.info-con2[data-col="2"] > div:nth-child(1) {padding-left:0;}
	.info-con2[data-col="2"] > div:nth-child(2) {padding-right:0;}

	.info-con2[data-col] > dl.data {width:calc(50% - 3.0rem);gap:0 2.0rem;}
}

@media only screen and (max-width:1440px){
	.info-con2 dl.data.t1 {flex-direction:column;}
}

@media only screen and (max-width:983px){
	.info-con2 dl.data {gap:0 2.0rem;}
	.info-con2 dl.data > dt {width:15.0rem;font-weight:800;}
	.info-con2 dl.data:not(.t1):not(.t2) > dd {max-width:calc(100% - 17.0rem);}
	.info-con2 dl.data.t1 > dt {min-height:0;padding-bottom:0;}
	.info-con2.line1 {padding:1.5rem 0;}
}

@media only screen and (max-width:620px){
	.info-con2 dl.data > dt {width:10.0rem;}
	.info-con2 dl.data:not(.t1):not(.t2) > dd {max-width:calc(100% - 12.0rem);}
}

/* --------------------------------------------------------------------------------
	COMPONENT : TABLE
--------------------------------------------------------------------------------- */
/* 테이블유형1 */
.tbl-data1 .label, .tbl-data1 > ul > li {display:flex;align-items:center;gap:0 3.0rem;padding:1.9rem 0;}
.tbl-data1 .label {height:5.9rem;border-top:2px solid var(--line1);border-bottom:2px solid var(--line1);font-size:var(--font1);}
.tbl-data1 .label > div, .tbl-data1 > ul > li > div {text-align:center;}
.tbl-data1 .label > div {text-align:center;font-weight:700;}

.tbl-data1 > ul > li {border-bottom:1px solid var(--line3);}
.tbl-data1 > ul > li[data-fixed="true"] .icon-state4 {background:var(--primary-c1);border-color:var(--primary-c1);color:#fff;}
.tbl-data1 > ul > li[data-fixed="true"] > div {color:var(--primary-c1);}
.tbl-data1 > ul > li > div [role="button"] {position:relative;}
.tbl-data1 > ul > li > div [role="button"]:hover, .tbl-data1 > ul > li > div [role="button"]:focus {text-decoration:none;}
.tbl-data1 > ul > li > div [role="button"]:hover:before,
.tbl-data1 > ul > li > div [role="button"]:focus:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--g1);}

.tbl-data1 .label .el-check1 label > input + span,
.tbl-data1 > ul > li > div:nth-child(1) .el-check1 label > input + span {padding-left:2.4rem;width:0;overflow:hidden;white-space:nowrap;}

.tbl-data1 > table {border-collapse:separate;border-spacing:0;}
.tbl-data1 > table th, .tbl-data1 > table td {padding:1.6rem;font-size:var(--font1);text-align:center;}
.tbl-data1 > table tbody th, .tbl-data1 > table td, .tbl-data1 > dl {border-bottom:1px solid var(--line3);}
.tbl-data1 > table thead tr:nth-of-type(1) th {border-top:2px solid var(--line1);}
.tbl-data1 > table tbody tr:nth-of-type(1) th, .tbl-data1 > table tbody tr:nth-of-type(1) td {border-top:2px solid var(--line1);}
.tbl-data1 > table th {font-weight:700;}
.tbl-data1 > table tbody th {border-right:1px solid var(--line3);}

.tbl-data1 > dl {display:flex;flex-wrap:wrap;--tit-width:9.0rem;}
.tbl-data1 > dl:nth-of-type(1) {border-top:2px solid var(--line1);}
.tbl-data1 > dl > dt, .tbl-data1 > dl > dd {display:flex;align-items:center;min-height:5.9rem;padding:1.6rem;}
.tbl-data1 > dl > dt {width:var(--tit-width);font-weight:700;}
.tbl-data1 > dl > dt + dd {flex:1;border-left:1px solid var(--line3);width:calc(100% - var(--tit-width));}
.tbl-data1 > dl > dt + dd:not(:only-of-type) {width:calc(50% - var(--tit-width));}
.tbl-data1 > dl > dd + dt {border-left:1px solid var(--line3);}

.tbl-data1[data-format="group"] dl.area{border-bottom:1px solid var(--line1);}
.tbl-data1[data-format="group"] [aria-describedby="listDiv"] {font-size:1.8rem;}

/* 테이블유형2 */
.tbl-data2 {position:relative;border:1px solid var(--g2);}
.tbl-data2 > dl:not(.area) {--tit-width:9.0rem;}
.tbl-data2 > dl:not(.area), .tbl-data2 .label {width:100%;}
.tbl-data2 > dl:not(.area), .tbl-data2 .label > div, .tbl-data2 > table th, .tbl-data2 > table td {min-height:4.0rem;}
.tbl-data2 > dl:not(.area) > dt, .tbl-data2 > dl:not(.area) > dd {padding:0.8rem 2.0rem;font-size:var(--font1);line-height:2.4rem;}
.tbl-data2 > dl:not(.area) > dt, .tbl-data2 > table th, .tbl-data2 .label, .tbl-data2 .label div {font-weight:700;background:var(--bg2);}
.tbl-data2 > dl:not(.area) ~ dl, .tbl-data2 > table tbody th, .tbl-data2 > table tbody td, .tbl-data2 > ul > li {border-top:1px solid var(--line2);}
.tbl-data2 > dl:not(.area), .tbl-data2 .label {display:flex;flex-wrap:wrap;}
.tbl-data2 > dl:not(.area) > dt {width:var(--tit-width);}
.tbl-data2 > dl:not(.area) > dt + dd {flex:1;border-left:1px solid var(--line2);width:calc(100% - var(--tit-width));}
.tbl-data2 > dl:not(.area) > dt + dd:not(:only-of-type) {width:calc(50% - var(--tit-width));}
.tbl-data2 > dl:not(.area) > dd + dt {border-left:1px solid var(--line2);}

.tbl-data2 > table th, .tbl-data2 > table td {height:4.0rem;padding:0.8rem 2.0rem;border-right:1px solid var(--line3);text-align:left;}
.tbl-data2 > table th,
.tbl-data2 thead ~ tbody td {text-align:center;}

.tbl-data2 .label, .tbl-data2 > ul > li {display:flex;/*align-items:center;*/gap:0 3.0rem;font-size:var(--font1);line-height:2.4rem;}
.tbl-data2 .label > div {text-align:center;}
.tbl-data2 .label > div, .tbl-data2 > ul > li > div {padding:0.8rem 0;}
.tbl-data2 .label #listNo, .tbl-data2 [aria-describedby="listNo"] {width:12.0rem;text-align:center;}
.tbl-data2 .label #listProfile, .tbl-data2 [aria-describedby="listProfile"] {flex:1;}
.tbl-data2 [aria-describedby="listProfile"] {display:flex;gap:0 3.0rem;}

.tbl-data2 dl.area {border-top:1px solid var(--line3);}
.tbl-data2 dl.area ~ dl.area {border-top:1px solid var(--g2);}
.tbl-data2 dl.area > dt {background:#fff;}
.tbl-data2 dl.area > dt, .tbl-data2 dl.area > dd {padding:0;}
.tbl-data2 dl.area > dd dl.area:nth-of-type(1) {border-top:0;}

.tbl-data2.form > dl {--tit-width:15.0rem;}
.tbl-data2.form > dl > dt, .tbl-data2.form > dl > dd {padding:2.0rem;}
.tbl-data2.form > dl > dt {display:flex;align-items:center;}
.tbl-data2.form > dl [class*="area-btn"] {margin:2.0rem 0 0;}
.tbl-data2.form > dl [class*="area-btn"]:first-child {margin:0;}
.tbl-data2.form > dl > dd > [class*="el-"]:not(:first-child) {margin:var(--space3) 0 0;}

[class*="tbl-data"][data-format="col2"] > dl:not(.area) {--tit-width:9.0rem;}

[class*="tbl-data"].list {display:flex;width:100%}
[class*="tbl-data"].list > dl:not(.area) {display:flex;flex:1 1 auto;min-width:0;width:max-content;}
[class*="tbl-data"].list > dl:not(.area) > dt {height:4.0rem;}
[class*="tbl-data"].list > dl:not(.area) > dt, [class*="tbl-data"].list > dl:not(.area) > dd {display:block;width:100%;padding:0.8rem 1.0rem;text-align:center;}
[class*="tbl-data"].list > dl:not(.area) > dt + dd {border-left:0;border-top:1px solid var(--line2);}

/* 테이블유형3 */
.tbl-data3 {position:relative;border:1px solid var(--line3);--el-font:1.2rem;margin:1.5rem 0;}
.tbl-data3 table {width:calc(100% + 2px);margin:-1px;border:1px solid var(--line3);border-right:0;}
.tbl-data3 > dl {--tit-width:9.0rem;}
.tbl-data3 > dl, .tbl-data3 .label {width:100%;}
.tbl-data3 > dl, .tbl-data3 .label > div, .tbl-data3 > table th, .tbl-data3 > table td {min-height:4.6rem;}
.tbl-data3 > dl > dt, .tbl-data3 > dl > dd, .tbl-data3 > table th, .tbl-data3 > table td {padding:0.8rem;font-size:var(--el-font);line-height:calc(var(--font1) + 0.6rem);}
.tbl-data3 > dl > dt, .tbl-data3 > table th, .tbl-data3 .label, .tbl-data3 .label div {font-weight:700;background:var(--bg3);}
.tbl-data3 > table thead th, .tbl-data3 > table tbody th[scope="rowgroup"] {background:var(--bg1);}
.tbl-data3 > dl ~ dl, .tbl-data3 > table tbody th, .tbl-data3 > table tbody td, .tbl-data3 > ul > li {border-top:1px solid var(--line3);}
.tbl-data3 > table th, .tbl-data3 > table td {height:4.6rem;border-right:1px solid var(--line3);}
.tbl-data3 > dl, .tbl-data3 .label {display:flex;flex-wrap:wrap;}
.tbl-data3 > dl > dt, .tbl-data3 > dl > dd {display:flex;align-items:center;padding:0.8rem 2.0rem;}
.tbl-data3 > dl > dt {width:var(--tit-width);}
.tbl-data3 > dl > dt + dd {flex:1;border-left:1px solid var(--line3);width:calc(100% - var(--tit-width));}
.tbl-data3 > dl > dt + dd:not(:only-of-type) {width:calc(50% - var(--tit-width));}
.tbl-data3 > dl > dd + dt {border-left:1px solid var(--line3);}
.tbl-data3 thead ~ tbody td {text-align:center;}

@media only screen and (min-width:984px){
	.tbl-data3 {--el-font:var(--font1);}
	.tbl-data3 > dl, .tbl-data3 .label > div, .tbl-data3 > table th, .tbl-data3 > table td {min-height:5.5rem;}
	.tbl-data3 > table th, .tbl-data3 > table td {height:5.5rem;}
}


/* 테이블공통 데이터세팅 : 공통 */
[class*="tbl-data"][data-format] [aria-describedby="listNum"]:empty:before {content:'-';}
[class*="tbl-data"][data-format] [aria-describedby="listPrice"] {text-align:right;}

/* 테이블공통 데이터세팅 : 게시판형 */
[class*="tbl-data"][data-format="board"] .label, [class*="tbl-data"][data-format="board"] > ul > li {display:flex;align-items:center;}
[class*="tbl-data"][data-format="board"] .label #listNo, [class*="tbl-data"][data-format="board"] [aria-describedby="listNo"] {width:5.2rem;text-align:left;white-space:nowrap;}
[class*="tbl-data"][data-format="board"] .label #listCate, [class*="tbl-data"][data-format="board"] [aria-describedby="listCate"] {width:6.0rem;}
[class*="tbl-data"][data-format="board"] .label #listCate {color:transparent;}
[class*="tbl-data"][data-format="board"] .label #listTitle, [class*="tbl-data"][data-format="board"] [aria-describedby="listTitle"] {flex:1;}
[class*="tbl-data"][data-format="board"] .label #listDate, [class*="tbl-data"][data-format="board"] [aria-describedby="listDate"] {width:8.5rem;}
[class*="tbl-data"][data-format="board"] .label #listCnt, [class*="tbl-data"][data-format="board"] [aria-describedby="listCnt"] {width:5.0rem;}
[class*="tbl-data"][data-format="board"] [aria-describedby="listTitle"],
[class*="tbl-data"][data-format="board"] [aria-describedby="listCate"] {font-weight:700;}
[class*="tbl-data"][data-format="board"] [aria-describedby="listTitle"] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}
[class*="tbl-data"][data-format="board"] [aria-describedby="listTitle"] ~ div {color:var(--g2);}

/* 테이블공통 데이터세팅 : 첨부파일형 */
[class*="tbl-data"][data-format="file"] .label > div {text-align:center;}
[class*="tbl-data"][data-format="file"] .label #listFile, [class*="tbl-data"][data-format="file"] [aria-describedby="listFile"] {flex:1;}

/* 테이블공통 데이터세팅 : 각종내역 */
[class*="tbl-data"][data-format^="list"] [aria-describedby="listItem"],
[class*="tbl-data"][data-format^="list"] [aria-describedby="listTitle"] {font-weight:700;text-align:left;}
[class*="tbl-data"][data-format^="list"] [aria-describedby="listTitle"] {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
[class*="tbl-data"][data-format^="list"] [aria-describedby="listTitle"] strong {font-weight:700;}
[class*="tbl-data"][data-format^="list"] [aria-describedby="listTitle"] ~ div {color:var(--g2);}
[class*="tbl-data"][data-format^="list"] [aria-describedby="listItem"] > span:not(:only-of-type) ~ span:before {content:'|';color:var(--line3);padding:0 0.9em;font-size:0.9em;font-weight:400;}

/* 테이블공통 데이터세팅 : 각종내역 : 그룹형 */
[class*="tbl-data"][data-format="group"] dl.area {position:relative;overflow:hidden;display:flex;align-items:stretch;}
[class*="tbl-data"][data-format="group"] dl.area > dt {display:flex;justify-content:center;align-items:center;}
[class*="tbl-data"][data-format="group"] dl.area > dd {text-align:left;flex:1;border-left:1px solid var(--line3);}
[class*="tbl-data"][data-format="group"] dl.area > dd > ul > li {position:relative;}
[class*="tbl-data"][data-format="group"] dl.area > dd > ul > li + li {border-top:1px solid var(--line3);}
[class*="tbl-data"][data-format="group"] .label #listDiv,
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] {width:var(--tit-width);}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] + dd {max-width:calc(100% - var(--tit-width));}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"].heading {background:var(--bg1);}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] {font-weight:700;text-align:center;}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a {position:relative;display:inline-block;}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a:before, [class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a:after {content:'';}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a:before {content:'';position:absolute;left:0;right:0;bottom:4.0rem;height:1px;background:var(--line1);}
[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a:after {display:block;width:2.0rem;height:2.0rem;margin:2.0rem auto 0;background:url(../../images/com/ico_search.svg) no-repeat 50% 50% / 1.8rem 1.8rem;}
[class*="tbl-data"][data-format="group"] .label #listContent,
[class*="tbl-data"][data-format="group"] [aria-describedby="listContent"] {flex:1;min-width:0;}
[class*="tbl-data"][data-format="group"] [aria-describedby="listContent"] {text-align:left;}
[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area>  dt {background:var(--bg1);}

@media only screen and (min-width:984px){
	.tbl-data1 [class*="area-btn"] {margin:0;}

	.tbl-data2 > dl:not(.area),
	[class*="tbl-data"][data-format="col2"] > dl:not(.area) {--tit-width:12.0rem;}
	[class*="tbl-data"][data-format="col2"] {display:flex;flex-wrap:wrap;}
	[class*="tbl-data"][data-format="col2"] > dl {width:50%;}
	.tbl-data2 [aria-describedby="listProfile"] > dl {display:flex;gap:0 2.0rem;}
	.tbl-data2 [aria-describedby="listProfile"] > dl > dd {flex:1;}
	.tbl-data2 [aria-describedby="listProfile"] > ul {width:20.0rem;}
	.tbl-data2[data-format="group"] > dl {flex-wrap:nowrap;}

	/* 테이블공통 데이터세팅 : 게시판형 */
	[class*="tbl-data"][data-format="board"] > ul > li {height:7.0rem;}
	[class*="tbl-data"][data-format="board"] > ul > li[role="button"]:hover div[aria-describedby="listTitle"],
	[class*="tbl-data"][data-format="board"] > ul > li[role="button"]:focus div[aria-describedby="listTitle"] {text-decoration:underline;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listTitle"] {text-align:left;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listNo"] .icon-state4 {width:6.2rem;min-width:0;--el-height:2.3rem;}
	[class*="tbl-data"][data-format="board"] .label #listCnt, [class*="tbl-data"][data-format="board"] [aria-describedby="listCnt"] {text-align:right;}

	/* 테이블공통 데이터세팅 : 필요서류제출 */
	[class*="tbl-data"][data-format="file"] .label, [class*="tbl-data"][data-format="file"] > ul > li {gap:0 2.0rem;}
	[class*="tbl-data"][data-format="file"] .label #listType, [class*="tbl-data"][data-format="file"] [aria-describedby="listType"] {width:20.0rem;}
	[class*="tbl-data"][data-format="file"] [aria-describedby="listType"] {text-align:left;padding:0 0 0 2.0rem;}
	[class*="tbl-data"][data-format="file"] [aria-describedby="listFile"] {display:flex;justify-content:space-between;align-items:center;}

	/* 테이블공통 데이터세팅 : 각종내역 */
	[class*="tbl-data"][data-format^="list"] .label, [class*="tbl-data"][data-format^="list"] > ul > li {display:flex;align-items:center;text-align:center;}
	[class*="tbl-data"][data-format^="list"] .label #listTitle ~ span {color:transparent;}
	[class*="tbl-data"][data-format^="list"] .label #listTitle, [class*="tbl-data"][data-format^="list"] [aria-describedby="listTitle"],
	[class*="tbl-data"][data-format^="list"] .label #listItem, [class*="tbl-data"][data-format^="list"] [aria-describedby="listItem"] {flex:1;}
	[class*="tbl-data"][data-format^="list"] .label #listFile, [class*="tbl-data"][data-format^="list"] [aria-describedby="listFile"] {width:3.5rem;}
	[class*="tbl-data"][data-format^="list"] .label #listForm, [class*="tbl-data"][data-format^="list"] [aria-describedby="listForm"] {width:5.0rem;text-align:right;}
	[class*="tbl-data"][data-format^="list"] .label #listNo, [class*="tbl-data"][data-format^="list"] [aria-describedby="listNo"],
	[class*="tbl-data"][data-format^="list"] .label #listNum, [class*="tbl-data"][data-format^="list"] [aria-describedby="listNum"] {width:7.0rem;}
	[class*="tbl-data"][data-format^="list"] .label #listID, [class*="tbl-data"][data-format^="list"] [aria-describedby="listID"] {width:8.5rem;}
	[class*="tbl-data"][data-format^="list"] .label #listCate, [class*="tbl-data"][data-format^="list"] [aria-describedby="listCate"] ,
	[class*="tbl-data"][data-format^="list"] .label #listState, [class*="tbl-data"][data-format^="list"] [aria-describedby="listState"] {width:10.0rem;}
	[class*="tbl-data"][data-format^="list"] .label #listDate, [class*="tbl-data"][data-format^="list"] [aria-describedby="listDate"] {width:12.0rem;}
	[class*="tbl-data"][data-format^="list"] .label #listPrice, [class*="tbl-data"][data-format^="list"] [aria-describedby="listPrice"] {width:13.0rem;}
	[class*="tbl-data"][data-format^="list"] .label #listOption, [class*="tbl-data"][data-format^="list"] [aria-describedby="listOption"] {width:17.0rem;}
	[class*="tbl-data"][data-format^="list"] .label #listDateTime, [class*="tbl-data"][data-format^="list"] [aria-describedby="listDateTime"] {width:20.0rem;}

	/* 테이블공통 데이터세팅 : 각종내역 : 그룹형 */
	[class*="tbl-data"][data-format="group"] dl.area > dd > ul > li {display:flex;gap:0 3.0rem;padding:1.9rem 0 1.9rem 3.0rem;}

	[class*="tbl-data"][data-format="group"] .label #listDiv,
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] + dd {--tit-width:8.0rem;}
	[class*="tbl-data"][data-format="group"] .label #listDiv[data-colspan="2"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"][data-colspan="2"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"][data-colspan="2"] + dd {--tit-width:calc(16.0rem + 1px);}

	[class*="tbl-data"][data-format="group"] .label #listNum, [class*="tbl-data"][data-format="group"] [aria-describedby="listNum"] {width:6.0rem;}
	[class*="tbl-data"][data-format="group"] .label #listPrice, [class*="tbl-data"][data-format="group"] [aria-describedby="listPrice"] {width:16.0rem;}
	[class*="tbl-data"][data-format="group"] .label #listPrice:last-child, [class*="tbl-data"][data-format="group"] [aria-describedby="listPrice"]:last-child {padding-right:3.0rem;}

	[class*="tbl-data"][data-format="group"][data-group="category"] .label #listDiv,
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"],
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"] + dd {--tit-width:6.0rem;}
	[class*="tbl-data"][data-format="group"][data-group="category"] .label #listDiv[data-colspan="2"],
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"][data-colspan="2"],
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"][data-colspan="2"] + dd {--tit-width:6.0rem;}
	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area > [aria-describedby="listDiv"] + dd {max-width:100%;}

	/* 개발가공형 */
	[class*="tbl-data"][data-format="template"],
	[class*="tbl-data"][data-format="template"] > ul {display:grid;width:100%;grid-template-columns: var(--cols, repeat(auto-fit, minmax(100px, 1fr)));	}
	[class*="tbl-data"][data-format="template"] .label,	[class*="tbl-data"][data-format="template"] > ul, [class*="tbl-data"][data-format="template"] > ul > li {display:contents;}
	[class*="tbl-data"][data-format="template"] .label > div, [class*="tbl-data"][data-format="template"] > ul > li > div {padding:0.8rem;}
	[class*="tbl-data"][data-format="template"] > ul > li > div {text-align:center;border-top:1px solid var(--line2);}
	[class*="tbl-data"][data-format="template"] > ul > li > div.txt-left {text-align:left;}
	[class*="tbl-data"][data-format="template"] > ul > li > div.txt-right {text-align:right;}
}

@media only screen and (min-width:1025px){
	[class*="tbl-data"][data-format="group"] .label #listDiv,
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] + dd {--tit-width:12.0rem;}
	[class*="tbl-data"][data-format="group"] .label #listDiv[data-colspan="2"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"][data-colspan="2"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"][data-colspan="2"] + dd {--tit-width:calc(24.0rem + 1px);}
}

@media only screen and (min-width:1281px){
	[class*="tbl-data"][data-format="group"][data-group="category"] .label #listDiv,
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"],
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"] + dd {--tit-width:9.0rem;}
	[class*="tbl-data"][data-format="group"][data-group="category"] .label #listDiv[data-colspan="2"],
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"][data-colspan="2"],
	[class*="tbl-data"][data-format="group"][data-group="category"] [aria-describedby="listDiv"][data-colspan="2"] + dd {--tit-width:calc(18.0rem + 1px);}
}

@media only screen and (min-width:984px) and (max-width:1280px){
	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area {flex-wrap:wrap;--font1:1.5rem;}
	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area > dt {width:100%;padding:0.8rem 0;border-bottom:1px solid var(--g2);}
	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area > dd > ul > li {padding-left:calc(var(--tit-width) + 3.0rem);}
}

@media only screen and (max-width:983px){
	.tbl-data1 .label, .tbl-data1 > ul > li {position:relative;padding:1.6rem 0;gap:0 1.6rem;}
	.tbl-data1 > ul > li {display:flex;flex-wrap:wrap;gap:0.4rem 1.5rem;font-size:var(--font1);line-height:calc(var(--font1) + 1.0rem);}
	.tbl-data1 > ul > li > div {text-align:left;}
	.tbl-data1 [class*="area-btn"] {margin:1.5rem 0 0;}

	.tbl-data1[data-format] .label #listPrice {padding:0 2.0rem 0}

	.tbl-data2 [aria-describedby="listProfile"] {flex-direction:column;}
	.tbl-data2.form > dl {--tit-width:8.0rem;}
	.tbl-data2.form > dl > dt, .tbl-data2.form > dl > dd {padding:1.5rem 1.0rem;}
	.tbl-data2.form > dl [class*="area-btn"] {margin:1.0rem 0 0;}
	.tbl-data2.form > dl [class*="area-btn"]:first-child {margin:0;}

	/* 테이블공통 데이터세팅 : 게시판형 */
	[class*="tbl-data"][data-format="board"] {border-top:1px solid var(--line1);}
	[class*="tbl-data"][data-format="board"] > ul > li {padding-left:6.2rem;border-bottom:1px solid var(--line1);}
	[class*="tbl-data"][data-format="board"] .label {display:none;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listNo"] {position:absolute;left:0;top:1.6rem;width:5.0rem;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listNo"] .icon-state4 {min-width:0;width:5.0rem;line-height:1.9rem;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listCate"],
	[class*="tbl-data"][data-format="board"] [aria-describedby="listDate"] {width:5.0rem;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listDate"] {letter-spacing:-0.07em;white-space:nowrap;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listCate"] {text-align:justify;text-align-last: justify;letter-spacing:-0.03em;}
	[class*="tbl-data"][data-format="board"] [aria-describedby="listTitle"] {width:calc(100% - 6.5rem);flex:none;}
	[class*="tbl-data"][data-format="board"] .label #listCnt, [class*="tbl-data"][data-format="board"] [aria-describedby="listCnt"] {text-align:left;}

	/* 테이블공통 데이터세팅 : 필요서류제출 */
	[class*="tbl-data"][data-format="file"] > ul > li {flex-direction:column;align-items:flex-start;gap:1.0rem 0;}
	[class*="tbl-data"][data-format="file"] > ul > li > div {text-align:left;}

	/* 테이블공통 데이터세팅 : 각종내역 */
	[class*="tbl-data"][data-format^="list"] .label, [class*="tbl-data"][data-format^="list"] > ul > li {padding-left:4.5rem;}
	[class*="tbl-data"][data-format^="list"] .label {gap:0;justify-content:center;white-space:nowrap;}
	[class*="tbl-data"][data-format^="list"] .label #listNo + div ~ div:before {content:'/';color:var(--line3);padding:0 0.75em;font-size:1em;font-weight:400;}
	[class*="tbl-data"][data-format^="list"] .label #listNo, [class*="tbl-data"][data-format^="list"] [aria-describedby="listNo"],
	[class*="tbl-data"][data-format^="list"] .label #listForm, [class*="tbl-data"][data-format^="list"] [aria-describedby="listForm"] {position:absolute;left:0;width:4.5rem;text-align:left;}
	[class*="tbl-data"][data-format^="list"] .label #listNo, [class*="tbl-data"][data-format^="list"] [aria-describedby="listNo"] {top:1.6rem;}
	[class*="tbl-data"][data-format^="list"] .label #listForm, [class*="tbl-data"][data-format^="list"] [aria-describedby="listForm"] {top:50%;transform:translateY(-50%);}
	[class*="tbl-data"][data-format^="list"] .label #listTitle ~ div,
	[class*="tbl-data"][data-format^="list"] .label #listItem ~ div:not(#listPrice) {display:none;}
	[class*="tbl-data"][data-format^="list"] .label #listItem {flex:1;}

	[class*="tbl-data"][data-format^="list"] [aria-describedby="listNo"] {font-size:1.3rem;font-weight:700;}
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listNo"] + div:not([aria-describedby="listTitle"]),
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listTitle"],
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listItem"] {width:100%;}
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listNo"] + div:not([aria-describedby="listTitle"]),
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listForm"] + div:not([aria-describedby="listTitle"]),
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listForm"] + div:not([aria-describedby="listItem"]) {margin:0 0 1.0rem;}

	[class*="tbl-data"][data-format^="list"] [aria-describedby="listItem"] ~ [aria-describedby="listState"] {position:absolute;left:10.0rem;top:1.6rem;}
	[class*="tbl-data"][data-format^="list"] [aria-describedby="listItem"] ~ [aria-describedby="listPrice"] {flex:1;}

	/* 테이블공통 데이터세팅 : 각종내역 : 스텝회의(첨부파일형) */
	[class*="tbl-data"][data-format="list2"] > ul > li {padding-right:5.0rem;}
	[class*="tbl-data"][data-format="list2"] [aria-describedby="listFile"] {position:absolute;right:0;top:4.5rem;}

	/* 테이블공통 데이터세팅 : 각종내역 : 그룹형 */
	[class*="tbl-data"][data-format="group"] dl.area{display:flex;/*flex-wrap:wrap;*/position:relative;font-size:var(--font1);line-height:calc(var(--font1) + 1.0rem);}
	[class*="tbl-data"][data-format="group"] dl.area > dd {text-align:left;}
	[class*="tbl-data"][data-format="group"] dl.area > dd > ul > li {display:flex;flex-wrap:wrap;gap:0 1.6rem;padding:1.6rem 0 1.6rem 1.6rem;}
	[class*="tbl-data"][data-format="group"] .label #listDiv,
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] {--tit-width:14%;}
	[class*="tbl-data"][data-format="group"] .label #listDiv[data-colspan="2"],
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"][data-colspan="2"] {--tit-width:14%;}
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] {font-size:1.3rem;}
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a:before {bottom:3.0rem;}
	[class*="tbl-data"][data-format="group"] [aria-describedby="listDiv"] a:after {margin:1.0rem auto 0;}
	[class*="tbl-data"][data-format="group"] [aria-describedby="listNum"] {margin:0 0 1.0rem;min-width:5.0rem;width:100%;}
	[class*="tbl-data"][data-format="group"] .list-t4 + [aria-describedby="listPrice"] {position:absolute;right:0;bottom:1.6rem;}

	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area {flex-wrap:wrap;}
	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area > dt {width:100%;padding:0.8rem 0;border-bottom:1px solid vaR(--g2);}
	[class*="tbl-data"][data-format="group"][data-group="category"] > dl.area > dt + dd {max-width:auto;--tit-width:0;}

	.tbl-data2[data-format="group"] dl.area > dd > ul > li {padding:1.1rem 1.6rem;}
	.tbl-data2[data-format="group"] .label #listPrice,
	.tbl-data2[data-format="group"] [aria-describedby="listPrice"] {padding-right:1.6rem;}

	/* 개발가공형 */
	[class*="tbl-data"][data-format="template"] .label {gap:0;justify-content:center;padding:0 1.6rem;}
	[class*="tbl-data"][data-format="template"] .label > div + div:before {content:'/';color:var(--g1);padding:0 0.75em;font-size:1em;font-weight:400;}
	[class*="tbl-data"][data-format="template"] .label [data-label] {display:none;}
	[class*="tbl-data"][data-format="template"] > ul > li {padding:1.6rem;}
	[class*="tbl-data"][data-format="template"] > ul > li {flex-wrap:wrap;gap:var(--space3) 2.0rem;line-height:calc(var(--font1) + 0.6rem);border-top:1px solid var(--line2);}
	[class*="tbl-data"][data-format="template"] > ul > li > div {border:0;padding:0;text-align:left;}
	[class*="tbl-data"][data-format="template"] > ul > li > div:not([data-label]) {width:100%;}
	[class*="tbl-data"][data-format="template"] > ul > li > div[data-label]:before {content:attr(data-label)' : ';}
	/*[class*="tbl-data"][data-format="template"] > ul > li > div[data-label]:before {content:'\00B7\00A0'attr(data-label)' : ';font-weight:500;}*/
}

@media only screen and (max-width:768px){
	.tbl-data2 .label #listNo, .tbl-data2 [aria-describedby="listNo"] {width:6.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : DATEPICKER : 기본 : 레이어형
--------------------------------------------------------------------------------- */
.ui-datepicker:not(.ui-datepicker-inline) {display:none;padding:4.4rem 3.6rem;}
.ui-datepicker:not(.ui-datepicker-inline):before {content:'';display:block;background:#fff;position:absolute;left:0;right:0;top:0;bottom:0;margin:0.4rem 0;border:1px solid var(--line2);box-shadow:0.3rem 0.3rem 0.6rem #00000029;z-index:-1;}
.ui-datepicker-header {position:relative;margin:0 0 1.0rem;line-height:3.0rem;color:var(--g1);text-align:center;}
.ui-datepicker-header .ui-datepicker-title {width:100%;font-family:var(--family2);font-size:2.0rem;font-weight:500;}
.ui-datepicker-header a {position:absolute;top:0;width:3.0rem;height:3.0rem;cursor:pointer;}
.ui-datepicker-header a span {display:block;position:relative;font-size:1px;overflow:hidden;pointer-events:none;white-space:nowrap;}
.ui-datepicker-header a:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:2.0rem;height:2.0rem;background:url(../../images/com/ico_arr2.svg) no-repeat 50% 50% / 0.9rem 1.8rem;}
.ui-datepicker-header a span, .ui-datepicker-header a span::selection {color:transparent;}
.ui-datepicker-header a.ui-datepicker-prev {left:0;}
.ui-datepicker-header a.ui-datepicker-next {right:0;}
.ui-datepicker-header a.ui-datepicker-prev:after {transform:rotate(-180deg);}

.ui-datepicker-calendar {position:relative;width:29.0rem;border-collapse:separate;margin:0 auto;border-spacing:1px;}
.ui-datepicker-calendar:after {content:'';display:block;position:absolute;left:0;right:0;top:0;height:1px;background:var(--line1);}
.ui-datepicker-calendar th:before, .ui-datepicker-calendar td:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:-1px;}
.ui-datepicker-calendar th:before {border-left:1px solid var(--bg3);border-right:1px solid var(--bg3);}
.ui-datepicker-calendar td:before {border:1px solid var(--bg3);}
.ui-datepicker-calendar th, .ui-datepicker-calendar td {position:relative;width:4.0rem;height:4.0rem;text-align:center;vertical-align:top;background:#fff;}
.ui-datepicker-calendar th {font-size:1.2rem;font-weight:700;vertical-align:middle;}
.ui-datepicker-calendar td {font-size:1.1rem;line-height:2.8rem;text-align:center;}
.ui-datepicker-calendar td .icon {display:flex;flex-wrap:wrap;gap:0.2rem;width:100%;}
.ui-datepicker-calendar tbody > tr:nth-of-type(1) td:before {border-top:0;}

.ui-datepicker-calendar .ui-state-default {position:relative;display:block;width:100%;height:100%;padding:0.8rem;color:var(--g1);font-variant-numeric:normal;z-index:1;}
.ui-datepicker-calendar .ui-state-default:before {content:'';position:absolute;left:0;right:0;top:0;bottom:0;margin:-1px;box-shadow:inset 0 0 0 1px transparent;}
.ui-datepicker-calendar .ui-state-disabled .ui-state-default {color:var(--g2);}

.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar .ui-state-active {z-index:2;font-weight:700;color:var(--primary-c1);}
.ui-datepicker:not(.ui-datepicker-inline) .ui-datepicker-calendar .ui-state-active:before {box-shadow:inset 0 0 0 2px var(--primary-c1), 3px 3px 6px #00000029;z-index:-1;}

.ui-datepicker .ui-datepicker-title { line-height: 1.8em;text-align: center;}
.ui-datepicker .ui-datepicker-title select {margin: 0;padding: 0 20px 0 10px;width: auto;height: 40px;border: 1px solid #e0e2e6;border-radius: 2px;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { /*  width: 42%; height: 30px; border: 1px solid #d1d8e4; padding: 4px 4px; font-size: 1em;  line-height: 31px; */}
.ui-datepicker select.ui-datepicker-year {margin-right: 10px;}

/* 선택가능 */
.area-calendar .ui-datepicker-calendar .ui-state-default {display:flex;align-items:center;justify-content:center;z-index:3;font-weight:700;padding:1.1rem;}
.area-calendar .ui-datepicker-calendar .ui-state-default:before {box-shadow:inset 0 0 0 1px var(--line1);z-index:-1;}
.area-calendar[data-addcon="true"] .ui-datepicker-calendar .ui-state-default {flex-wrap:wrap;align-items:center;flex-direction:column;justify-content:flex-start;}

/* 선택불가 : 링크 비활성 */
.area-calendar .ui-datepicker-calendar .ui-state-default[aria-disabled="true"] {z-index:1;pointer-events:none;font-weight:400;}
.area-calendar .ui-datepicker-calendar .ui-state-default[aria-disabled="true"]:before {box-shadow:inset 0 0 0 1px transparent;}

/* 선택불가 : 종료/마감 */
.area-calendar .ui-datepicker-calendar .ui-state-none .ui-state-default {z-index:2;font-weight:700;color:var(--g3);pointer-events:none;background:linear-gradient(to top left, transparent calc(50% - 1px), var(--line3) 50%, transparent calc(50% + 1px));}
.area-calendar .ui-datepicker-calendar .ui-state-none .ui-state-default:before {box-shadow:inset 0 0 0 1px var(--line3);}

/* 선택일자 */
.area-calendar .ui-datepicker-calendar .ui-state-selected .ui-state-default {z-index:4;font-weight:700;color:var(--primary-c1);}
.area-calendar .ui-datepicker-calendar .ui-state-selected .ui-state-default:before {box-shadow:inset 0 0 0 2px var(--primary-c1), 3px 3px 6px #00000029;background:#fff;}

/* 활성화일자 */
.area-calendar .ui-datepicker-calendar td:not(.ui-state-none) .ui-state-active {text-decoration:underline;}

@media only screen and (max-width:768px){
	.ui-datepicker:not(.ui-datepicker-inline) {left:50% !important;transform:translateX(-50%);padding:4.4rem 4.0rem;}
	.ui-datepicker:not(.ui-datepicker-inline):before {margin:0.4rem 0;}
}

@media only screen and (max-width:410px){
	.ui-datepicker:not(.ui-datepicker-inline) {padding:3.4rem 3.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : DATEPICKER : 페이지내노출
--------------------------------------------------------------------------------- */
.area-calendar {margin:4.0rem 0 0;}
.area-calendar .ui-datepicker-header {margin:0 0 2.0rem;line-height:3.4rem;}
.area-calendar .ui-datepicker-header .ui-datepicker-title {font-size:3.0rem;}
.area-calendar .ui-datepicker-header a {width:3.4rem;height:3.4rem;}
.area-calendar .ui-datepicker-header a:after {background-size:1.4rem 2.1rem;}
.area-calendar .ui-datepicker-header a.ui-datepicker-prev {left:2rem;}
.area-calendar .ui-datepicker-header a.ui-datepicker-next {right:2rem;}
.area-calendar .ui-datepicker-calendar {width:100%;border-top:2px solid var(--line1);}
.area-calendar .ui-datepicker-calendar th {font-size:1.2rem;}
.area-calendar .ui-datepicker-calendar th, .area-calendar .ui-datepicker-calendar td {height:5.0rem;}
.area-calendar ~ .el-btn1 {margin:3.0rem 0 0;}

.area-calendar .headline {position:relative;text-align:center;font-weight:700;}
.area-calendar .headline p {display:inline-block;}
.area-calendar .headline .btn button {overflow:hidden;position:absolute;top:50%;font-size:1px;overflow:hidden;white-space:nowrap;color:transparent;transform:translateY(-50%)}
.area-calendar .headline .btn button:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:2.0rem;height:2.0rem;background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.9rem 1.4rem;}
.area-calendar .headline .btn button.btn-prev:after {transform:rotate(180deg);}

.area-calendar .tbl-calendar {border-collapse:separate;margin:0 auto;border-spacing:1px;}
.area-calendar .tbl-calendar th, .area-calendar .tbl-calendar td {text-align:center;vertical-align:top;}
.area-calendar .tbl-calendar td {font-size:var(--font2);}
.area-calendar .tbl-calendar td > span:nth-child(1) {position:relative;display:block;color:var(--g1);font-variant-numeric:normal;margin:-1px;box-shadow:inset 0 0 0 1px var(--bg3);}
.area-calendar .tbl-calendar td > span:nth-child(1)[role="button"],
.area-calendar .tbl-calendar td > span:nth-child(1)[data-disabled] {color:var(--g1);font-weight:700;box-shadow:inset 0 0 0 1px var(--line1);z-index:2;}
.area-calendar .tbl-calendar td > span:nth-child(1)[data-disabled="true"] {color:var(--g3);box-shadow:inset 0 0 0 1px var(--line3);background:linear-gradient(to top left, transparent calc(50% - 1px), var(--line3) 50%, transparent calc(50% + 1px));z-index:1;}
.area-calendar .tbl-calendar td > span:nth-child(1)[aria-selected="true"] {color:var(--primary-c1);box-shadow:inset 0 0 0 2px var(--primary-c1), 3px 3px 6px #00000029;z-index:3;}

.area-calendar .label {display:flex;justify-content:center;margin:4.0rem 0 0;font-size:1.4rem;line-height:1.7rem;font-weight:700;}
.area-calendar .label dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.area-calendar .label dd {display:inline-flex;gap:0.5rem;}
.area-calendar .label dd + dd {margin:0 0 0 2.0rem;}
.area-calendar .label dd:before {content:'';width:1.7rem;height:1.7rem;box-sizing:border-box;}
.area-calendar .label dd.lb1:before {box-shadow:inset 0 0 0 1px var(--line3);background:linear-gradient(to top left, transparent calc(50% - 1px), var(--line3) 50%, transparent calc(50% + 1px))}
.area-calendar .label dd.lb2:before {box-shadow:inset 0 0 0 1px var(--line1);}
.area-calendar .label dd.lb3:before {box-shadow:inset 0 0 0 2px var(--primary-c1);}

.area-calendar .bottom {display:flex;margin:3.0rem 0 0;color:var(--g2);}

.pop-modal1 .area-calendar {margin:0;}

@media only screen and (min-width:984px){
	.area-calendar {margin:4.0rem 0 0;}
	.area-calendar ~ .el-btn1 {margin:3.5rem 0 0;}
	.area-calendar .ui-datepicker-header {margin:0 0 3.5rem;}
	.area-calendar .ui-datepicker-header a:after {background-size:1.4rem 2.1rem;}
	.area-calendar .ui-datepicker-header a.ui-datepicker-prev {left:2rem;}
	.area-calendar .ui-datepicker-header a.ui-datepicker-next {right:2rem;}
	.area-calendar .ui-datepicker-calendar {max-width:61.0rem;}
	.area-calendar .ui-datepicker-calendar th, .area-calendar .ui-datepicker-calendar td {height:7.0rem;}
	.area-calendar .ui-datepicker-calendar th {font-size:1.8rem;}
	.area-calendar .ui-datepicker-calendar td {width:14%;font-size:1.6rem;line-height:3.0rem;}

	.area-calendar .headline {margin:0 0 1.6rem;font-size:2.6rem;line-height:3.0rem;}
	.area-calendar .headline .btn button {width:3.0rem;height:3.0rem;}
	.area-calendar .headline .btn button.btn-prev {right:calc(50% + 8.0rem);}
	.area-calendar .headline .btn button.btn-next {left:calc(50% + 8.0rem);}

	.area-calendar .tbl-calendar {width:49.0rem;}
	.area-calendar .tbl-calendar th, .area-calendar .tbl-calendar td {line-height:5.0rem;}
	.area-calendar .tbl-calendar th {font-size:1.2rem;font-weight:500;}

	.area-calendar .bottom {justify-content:center;}

	.pop-modal1 .area-calendar .tbl-calendar {width:100%;}
}

@media only screen and (max-width:983px){
	.area-calendar .ui-datepicker-calendar {width:100%;}
	.area-calendar .ui-datepicker-calendar th,
	.area-calendar .ui-datepicker-calendar td {width:auto;}

	.area-calendar .headline {padding:1.6rem 0;font-size:2.0rem;line-height:2.4rem;}
	.area-calendar .headline .btn button {width:2.4rem;height:2.4rem;}
	.area-calendar .headline .btn button.btn-prev {right:calc(50% + 5.0rem);}
	.area-calendar .headline .btn button.btn-next {left:calc(50% + 5.0rem);}

	.area-calendar .tbl-calendar {max-width:30.1rem;}
	.area-calendar .tbl-calendar th, .area-calendar .tbl-calendar td {font-size:1.2rem;line-height:3.5rem;}
	.area-calendar .tbl-calendar th {font-size:1.1rem;font-weight:700;}

	.area-calendar .label {margin:2.0rem 0 0;}
}

@media only screen and (max-width:380px){
	.area-calendar {margin:0 -1.0rem 3.0rem;}
}

/* --------------------------------------------------------------------------------
	COMPONENT : 달력 : 마크업형
--------------------------------------------------------------------------------- */
.area-calendar2 .tbl-calendar1 {width:100%;border-top:0.3rem solid var(--g1);}
.area-calendar2 .tbl-calendar1 th, .area-calendar2 .tbl-calendar1 td {position:relative;padding:1.1rem;text-align:center;vertical-align:top;}
.area-calendar2 .tbl-calendar1 td {border-bottom:1px solid var(--line3);}
.area-calendar2 .tbl-calendar1 th {font-size:1.2rem;line-height:1.8rem;z-index:1;}
.area-calendar2 .tbl-calendar1 td > span:nth-child(1) {position:relative;display:block;font-size:1.1rem;line-height:1.5rem;color:var(--g1);font-variant-numeric:normal;z-index:1;}
.area-calendar2 .tbl-calendar1 td .close {color:var(--g3);}

.area-calendar2 .tit-form1 {position:relative;}
.area-calendar2 .tit-form1 select {padding:0 2.3rem 0 0;font-family:var(--family2);font-size:3.0rem;line-height:var(--com2);font-weight:500;border:0;;}
.area-calendar2 .tit-form1 select {background:#fff;background-repeat:no-repeat;background-position:100% 50%;background-size:1.3rem 0.7rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='7' viewBox='0 0 13 7' fill='none'%3E%3Cpath d='M1 1L6.5 6L12 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}
.area-calendar2 .tit-form1 select + select {margin:0 0 0 2.0rem;}
.area-calendar2 .tit-form1 [data-btn] {position:absolute;top:0;}

.area-calendar2 .ui-label {margin:3.0rem 0;text-align:center;}
.area-calendar2 .ui-label span {display:inline-flex;gap:0.5rem;vertical-align:top;align-items:center;white-space:nowrap;font-size:1.4rem;line-height:1.6rem;}
.area-calendar2 .ui-label span + span {margin:0 0 0 2.0rem;}
.area-calendar2 .ui-label span:before {content:'';width:1.6rem;height:1.6rem;border-radius:100%;}
.area-calendar2 .ui-label span:nth-last-child(3):before {background:#F5F5F8;border-radius:0;}
.area-calendar2 .ui-label span:nth-last-child(2):before {background:var(--primary-c1);}
.area-calendar2 .ui-label span:nth-last-child(1) {text-decoration:line-through;}
.area-calendar2 .ui-label span:nth-last-child(1):before {background:var(--g1);}

@media only screen and (min-width:984px){
	.area-calendar2 .tbl-calendar1 th, .area-calendar2 .tbl-calendar1 td {text-align:left;}
	.area-calendar2 .tbl-calendar1 th, .area-calendar2 .tbl-calendar1 td > span:nth-child(1) {font-family:var(--family2);font-weight:500;}
	.area-calendar2 .tbl-calendar1 th {padding:2.5rem 0 0;font-size:1.4rem;line-height:1.6rem;}
	.area-calendar2 .tbl-calendar1 td {padding:2.7rem 0;height:18.5rem;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1) {margin:0 0 2.0rem;font-size:2.4rem;line-height:3.4rem;font-weight:500;}

	.area-calendar2 .tit-form1 {display:inline-block;margin:0 0 3.3rem;padding:0 5.4rem;vertical-align:top;}
	.area-calendar2 .tit-form1 select option {font-size:1.8rem;}
	.area-calendar2 .tit-form1 [data-btn="prev"] {left:-1.0rem;}
	.area-calendar2 .tit-form1 [data-btn="next"] {right:-1.0rem;}

	.area-calendar2 .ui-label {margin:4.0rem 0 0;}
	.area-calendar2 .ui-label span {font-size:1.6rem;line-height:2.1rem;}
	.area-calendar2 .ui-label span + span {margin:0 0 0 5.0rem;}
	.area-calendar2 .ui-label span:before {width:2.1rem;height:2.1rem;}

	.area-calendar2[data-cate="type1"] .tbl-calendar1 td > span:nth-child(1)[role="button"] {pointer-events:none;}
	.area-calendar2[data-cate="type2"] .tbl-calendar1 td > span:nth-child(1)[data-disabled] {position:relative;}
	.area-calendar2[data-cate="type2"] .tbl-calendar1 td > span:nth-child(1)[data-disabled]:after {content:attr(title);display:block;position:absolute;left:50%;top:100%;font-size:1.6rem;line-height:2.0rem;margin:2.0rem 0 ;font-weight:700;white-space:nowrap;transform:translateX(-50%);}
	.area-calendar2[data-cate="type2"] .tbl-calendar1 td > span:nth-child(1)[data-disabled="false"]:after {color:var(--g1);}
	.area-calendar2[data-cate="type2"] .tbl-calendar1 td > span:nth-child(1)[data-disabled="true"]:after {color:var(--g2);font-weight:400;}
}

@media only screen and (max-width:983px){
	.area-calendar2 .tit-form1 {margin:0 0 14.0rem;text-align:center;}
	.area-calendar2 .tit-form1 select option {font-size:1.6rem;}
	.area-calendar2 .tit-form1 [data-btn="prev"] {right:calc(50% + 11.0rem);}
	.area-calendar2 .tit-form1 [data-btn="next"] {left:calc(50% + 11.0rem);}

	.area-calendar2[data-siderow="1"] .tit-form1 {margin:0 0 calc(var(--com2) * 1 + 4.0rem);}
	.area-calendar2[data-siderow="2"] .tit-form1 {margin:0 0 calc(var(--com2) * 2 + 4.0rem);}
	.area-calendar2[data-siderow="3"] .tit-form1 {margin:0 0 calc(var(--com2) * 3 + 4.0rem);}

	.area-calendar2 .tbl-calendar1 th {vertical-align:bottom;}
	.area-calendar2 .tbl-calendar1 th, .area-calendar2 .tbl-calendar1 td {height:5.0rem;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1) {display:block;height:calc(100% + 2.2rem);margin:-1.1rem;padding:1.1rem;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1):only-of-type:not(:only-child):after {content:'가능';color:var(--primary-c1);}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1)[role="button"][data-disabled="true"]:after {content:'마감';color:var(--g1);text-decoration:line-through;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1):after, .area-calendar2 .tbl-calendar1 td .close {display:block;font-size:1.2rem;line-height:1.6rem;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1)[aria-selected] {color:var(--primary-c1);font-weight:700;box-shadow:inset 0 0 0 2px var(--primary-c1), 3px 3px 6px #00000029;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1)[aria-selected]:after {font-weight:400;}
	.area-calendar2 .tbl-calendar1 td > span:nth-child(1)[aria-selected] + .close {color:var(--g2);}
	.area-calendar2 .tbl-calendar1 td .close {position:absolute;left:0;right:0;top:2.7rem;text-align:center;}
}
@charset "utf-8";

[class*="list-data"] > ul:empty, [class*="list-data"] > p.nodata,
[class*="tbl-data"] > ul:empty, [class*="tbl-data"] > p.nodata {display:flex;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2.2rem 0;padding:7.0rem 0;border-bottom:1px solid var(--line1);}
[class*="list-data"] > ul:empty:before, [class*="list-data"] > p.nodata:before,
[class*="tbl-data"] > ul:empty:before, [class*="tbl-data"] > p.nodata:before {content:'';width:4.1rem;height:4.1rem;background:url(../../images/com/ico_nodata.svg) no-repeat 50% 50% / auto 100%;}
[class*="list-data"] > ul:empty:after, [class*="tbl-data"] > ul:empty:after {content:'등록된 내용이 없습니다.'}
[class*="list-data"] > ul[data-none]:empty:after, [class*="tbl-data"] > ul[data-none]:empty:after {content:attr(data-none);}

/* --------------------------------------------------------------------------------
	PAGE : 메인
--------------------------------------------------------------------------------- */
/* 공지사항 */
.list-newline1 {border-top:0.1rem solid var(--line1);}
.list-newline1 > ul {position:relative;--el-h:5.6rem;}
.list-newline1 > ul > li {display:flex;gap:0 2.0rem;font-size:var(--font1);line-height:calc(var(--el-h) - 0.1rem);border-bottom:0.1rem solid var(--line1);}
.list-newline1 > ul > li strong {overflow:hidden;flex:1;max-width:calc(100% - 8.0rem);text-overflow:ellipsis;white-space:nowrap;}
.list-newline1 > ul > li strong ~ span {font-size:var(--font2);color:var(--g2);}

.list-newline1 > ul:empty {display:flex;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:calc(var(--el-h) * 3);gap:2.0rem 0;padding:7.0rem 0;border-bottom:0.1rem solid var(--line1);}
.list-newline1 > ul:empty:before {content:'';width:4.1rem;height:4.1rem;background:url(../../images/com/ico_nodata.svg) no-repeat 50% 50% / auto 100%;}
.list-newline1 > ul:empty:after {content:attr(data-none);font-weight:700;}

@media only screen and (min-width:984px){
	.list-newline1 > ul, .list-newline1 > ul:empty {--el-h:7.0rem;min-height:calc(var(--el-h) * 4);}
	.list-newline1 > ul > li {font-size:1.8rem;}
}

/* 알림판 */
.list-newline2 {position:relative;border-radius:0.5rem;overflow:hidden;background:#2d221f;}
.list-newline2 > ul > li {position:relative;border-radius:0.5rem;white-space:nowrap;}
.list-newline2 > ul > li > div {position:relative;width:100%;height:0;padding:44% 0 0;}
.list-newline2 > ul > li > div .img {position:absolute;left:0;top:0;bottom:0;height:100%;}

.list-newline2 > ul.swiper-wrapper {position:relative;display:flex;width:100%;height:100%;}
.list-newline2 > ul.swiper-wrapper > li.swiper-slide {flex-shrink:0;}

.list-newline2 .area-ctrl {display:flex;gap:0 1px;position:absolute;right:1.0rem;bottom:1.0rem;color:rgba(255,255,255,0.8);}
.list-newline2 .area-ctrl .swiper-pagination {margin:0 1.0rem 0 0;font-size:1.1rem;line-height:2.3rem;}
.list-newline2 .area-ctrl .swiper-pagination span:nth-child(1) {font-weight:700;color:#fff;}
.list-newline2 .area-ctrl button {overflow:hidden;position:relative;width:2.3rem;height:2.3rem;background:rgba(0,0,0,0.5);}
.list-newline2 .area-ctrl button, .list-newline2 .area-ctrl button::selection {color:transparent;font-size:0.1rem;}
.list-newline2 .area-ctrl button[aria-disabled="true"]:after {opacity:0.3;}
.list-newline2 .area-ctrl button:after {content:'';display:block;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;}
.list-newline2 .area-ctrl button.swiper-button-prev:after,
.list-newline2 .area-ctrl button.swiper-button-next:after {width:5px;height:5px;border-left:1px solid #fff;border-bottom:1px solid #fff;}
.list-newline2 .area-ctrl button.swiper-button-prev:after {transform:rotate(45deg) translate(1px, -1px);}
.list-newline2 .area-ctrl button.swiper-button-next:after {transform:rotate(-135deg) translate(1px, -1px);}
.list-newline2 .area-ctrl button.swiper-button-stop:after {width:3px;height:8px;border-left:1px solid #fff;border-right:1px solid #fff;}
.list-newline2 .area-ctrl button.swiper-button-play:after {width:0;height:0;border-left:6px solid #fff;border-top:4px solid transparent;border-bottom:4px solid transparent;}

.list-newline2 .area-ctrl button.swiper-button-stop {display:block;}
.list-newline2 .area-ctrl button.swiper-button-play {display:none;}
.list-newline2[data-auto="off"] .area-ctrl button.swiper-button-stop {display:none;}
.list-newline2[data-auto="off"] .area-ctrl button.swiper-button-play {display:block;}

@media only screen and (min-width:984px){
	.list-newline2 {border-radius:0.5rem 0.5rem 0 0.5rem;}
	.list-newline2 .area-ctrl {right:0;bottom:0;}
	.list-newline2 .area-ctrl .swiper-pagination {font-size:1.3rem;}
}

/* 대관신청현황 */
.list-data3 > ul {position:relative;}
.list-data3 > ul > li {display:flex;flex-direction:column;align-items:flex-start;min-height:10.6rem;padding:1.5rem 2.0rem;background:var(--bg1);}
.list-data3 > ul > li + li {margin:0.5rem 0 0;}
.list-data3 .icon-state1, .list-data3 .data1 {font-weight:700;}
.list-data3 .icon-state1 {margin:0 0 1.2rem;}
.list-data3 .data1 {overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;font-size:1.4rem;line-height:2.0rem;}
.list-data3 .data2 {font-size:1.3rem;line-height:1.9rem;color:var(--g2);}

.list-data3  > ul {min-height:15.0rem;}
.list-data3  > ul:empty {border-radius:0.5rem;background:var(--bg1);font-weight:700;border:0;}

@media only screen and (min-width:984px){
	.list-data3 > ul {min-height:39.6rem;}
	.list-data3 > ul > li {min-height:12.7rem;padding:2.0rem;border-radius:0.5rem;}
	.list-data3 .icon-state1 {margin:0 0 0.8rem;}
	.list-data3 .data1 {font-size:1.8rem;line-height:2.8rem;}
	.list-data3 .data2 {font-size:1.5rem;line-height:2.5rem;}
}

/* 로그인 */
.area-con1 {padding:3.0rem 2.0rem 2.0rem;border:0.1rem solid var(--line1);box-shadow:0.3rem 0.3rem 0.6rem #E2E3E4;border-radius:1.0rem;}
.area-con1 dl.tit-page {align-items:center;text-align:center;}
.area-con1 dl.tit-page strong {color:var(--primary-c2);font-weight:400;}
.area-con1 .form {max-width:43.0rem;margin:0 auto;}
.area-con1 .form .btn-action1 {line-height:4.9rem;}
.area-con1 .form ~ .btn-set1 {margin:2.5rem 0 0;}
.area-con1 .list-data3 ~ .btn-set1 {margin:2.0rem 0 0;}

.area-con2 .list-newline2 {margin:4.0rem 0 0;}

.wrap-main {display:flex;}
.wrap-main .area-con1 {padding:3.0rem 2.0rem 2.0rem;}
.wrap-main .tit-page:not(dl) {margin:0 0 2.0rem;justify-content:flex-start;}
.wrap-main ~ .wrap-main {margin:var(--space2) 0 0;}

/* 메인 컨텐츠 영역 */
@media only screen and (min-width:984px){
	.area-con1 {max-width:65.0rem;margin:0 auto;padding:5.0rem 3.0rem;border-radius:2.0rem;}
	.area-con1 .form {width:81%;}
	.area-con1 .form .btn-action1 {line-height:6.2rem;}
	.area-con1 .form ~ .btn-set1 {margin:4.5rem 0 0;}
	.area-con1 .list-data3 ~ .btn-set1 {margin:1.5rem 0 0;}

	.wrap-main {justify-content:space-between;gap:0 5%;}
	.wrap-main .area-con1 {width:56%;padding:4.0rem 3.0rem;}
	.wrap-main .tit-page:not(dl) {margin:0 0 3.0rem;gap:0 1.5rem;}
	.wrap-main .area-con1 dl.tit-page {padding:1.0rem 0 0;}
	.wrap-main .area-con1 .btn-set2 {margin:2.5rem 0 0;}
	.wrap-main .area ~ .area {flex:1;padding:4.0rem 0 0;overflow:hidden;}
}

@media only screen and (min-width:1441px){
	.wrap-main {gap:0 8%;}
	.wrap-main .area-con1 {width:52%;}
}

@media only screen and (max-width:983px){
	.area-con1 dl.tit-page {margin:0 0 1.7rem;}
	.area-con1 .form .area-btn1 {margin:1.0rem 0 0;}

	.wrap-main {flex-direction:column;gap:4.0rem 0;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관안내 : 공지사항
--------------------------------------------------------------------------------- */
.board-view1 .headline h1 {margin:0 0 2.0rem;font-family:var(--family2);font-weight:500;font-size:1.8rem;line-height:2.8rem;}
.board-view1 .headline h1 span:not(:only-child):nth-child(1):after {content:'|';margin:0 0.5em;font-size:0.9em;font-weight:400;}
.board-view1 .headline h1 .label {gap:0 0.7rem;}
.board-view1 .viewarea {margin:2.5rem 0 0;padding:2.5rem 0;border-top:2px solid var(--line1);border-bottom:2px solid var(--line1);}
.board-view1 .viewarea .detail {margin:2.5rem 0 0;padding:2.5rem 0 0;border-top:1px solid var(--line1);}
.board-view1 .viewarea:empty:before {content:'내용출력영역';display:block;line-height:50vh;text-align:center;background:var(--bg2);}

.board-view1 .info {display:flex;flex-wrap:wrap;color:var(--g2);gap:0.4rem 3.0rem;}
.board-view1 .info dl {display:flex;gap:0 0.7rem;}
.board-view1 .info [role="button"] {position:relative;display:inline-block;color:var(--primary-c2);}
.board-view1 .info [role="button"]:before {content:'';position:absolute;left:0;right:0;bottom:0.2rem;height:1px;background:var(--primary-c2);}
.board-view1 .viewarea .detail .info > dl:first-of-type > dt:before {content:'ㄴ ';}

.board-view1 .con > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.board-view1 .info + .con {margin:2.5rem 0 0;}

.data-word1 {display:flex;flex-wrap:wrap;gap:0 2.0rem;}

@media only screen and (min-width:984px){
	.board-view1 .headline h1 {font-size:2.4rem;line-height:3.4rem;}
	.board-view1 .headline h1 .label {display:inline-flex;vertical-align:top;margin:0.2rem 1.0rem;}
	.board-view1 .viewarea {margin:3.5rem 0 0;padding:3.5rem 0 5.5rem;}
	.board-view1 .viewarea .detail {margin:3.5rem 0 0;padding:3.5rem 0 0;}

	.board-view1 .info {gap:0.6rem 5.0rem;}
	.board-view1 .info dl {gap:0 2.0rem;}
	.board-view1 .info + .con {margin:5.5rem 0 0;}
}

@media only screen and (max-width:983px){
	.board-view1 .headline h1 .label {display:flex;margin:1.0rem 0 0;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관안내 : 대관절차
--------------------------------------------------------------------------------- */
/* 대관담당자 */
.info-t1 {position:relative;background:var(--bg1);padding:1.5rem var(--space1);border-radius:1.0rem;font-variant-numeric:normal;}
.info-t1 dl {display:flex;flex-wrap:wrap;font-weight:700;gap:0 1.0rem;}
.info-t1 dl > dt {width:100%;}
.info-t1 dl a {color:var(--primary-c2);}

@media only screen and (min-width:984px){
	.info-t1 {padding:1.5rem 2.0rem 1.5rem 5.0rem;}
	.info-t1 > dl {max-width:calc(100% - 22.0rem);}
	.info-t1 .aside {right:1.9rem;}
}

@media only screen and (min-width:640px){
	.info-t1 .aside {position:absolute;right:var(--space1);top:50%;transform:translateY(-50%);}
}

@media only screen and (max-width:983px){
	.info-t1 dl > dd:nth-of-type(1) {width:100%;}
}

@media only screen and (max-width:639px){
	.info-t1 .aside {margin:1.0rem 0 0;}
}

/* 공연준비 및 진행, 대관양식 */
.con-area1 > dl > dt {font-weight:700;}
.con-area1 > div > :nth-child(2)[class*="area-btn"] {margin:0;}

@media only screen and (min-width:984px){
	.con-area1 > dl {padding:0 0 0 22.0rem;}
	.con-area1 > dl > dt {float:left;width:17.0rem;margin:0 5.0rem 0 -22.0rem;}

	.con-area1 > div {padding:0 0 0 27.0rem;overflow:hidden;}
	.con-area1 > div ~ div {margin:7.0rem 0 0;}
	.con-area1 > div > :nth-child(1) {float:left;width:24.0rem;margin:0 3.0rem 0 -27.0rem;}
}

@media only screen and (max-width:983px){
	.con-area1 > dl > dt ~ dt {margin:1.0rem 0 0;}
	.con-area1 > div ~ div {margin:5.0rem 0 0;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 현황
--------------------------------------------------------------------------------- */
.wrap-section1[data-section="calendar"] {position:relative;}
.wrap-section1[data-section="calendar"] > .aside {text-align:right;}

@media only screen and (min-width:984px){
	.wrap-section1[data-section="calendar"] > .aside {position:absolute;right:0;top:0;}
	.wrap-section1[data-section="calendar"] > .aside .el-select1 {min-width:36.0rem;}
}

@media only screen and (max-width:983px){
	.wrap-section1[data-section="calendar"] > .aside {position:absolute;left:0;right:0;top:calc(var(--com2) + 2.0rem);}
}

.list-t2 {font-family:var(--family2);font-size:1.6rem;line-height:2.6rem;font-weight:300;}
.list-t2 > ul > li[data-state="end"] {text-decoration:line-through;font-weight:400;color:var(--g3);}
.list-t2 > ul > li[data-state="ing"] {text-shadow:0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.2);}
.list-t2 > ul > li [data-state] {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.list-t2 > ul > li [data-state="end"] + span {color:var(--g1);text-decoration:line-through;}
.list-t2 > ul > li [data-state="ing"] + span {color:var(--primary-c1);}

.wrap-section1[data-section="calendar"] td .list-t2 {margin:2.0rem 0 0;}

@media only screen and (min-width:984px){
	.area-calendar2 .ui-info {display:none;}
}

@media only screen and (max-width:983px){
	.wrap-section1[data-section="calendar"] td .list-t2 {display:none;}

	.list-t2 {font-size:1.4rem;line-height:2.4rem;}
	.list-t2 ul {display:flex;flex-wrap:wrap;gap:1.0rem 3.5rem;}

	.area-calendar2 .ui-info {font-size:1.4rem;line-height:2.4rem;}
	.area-calendar2 .ui-info dt {margin:0 0 1.5rem;font-family:var(--family2);font-weight:500;}
	.area-calendar2 .ui-info dd {padding:1.5rem 0;border-top:1px solid var(--line1);border-bottom:1px solid var(--line1);}
	.area-calendar2 .ui-info dd .close {flex:1;display:block;text-align:center;font-weight:400;color:var(--g2);}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 공통
--------------------------------------------------------------------------------- */
/* 서브타이틀 */
.wrap-section1 .tit-sub1 {gap:1.2rem 0.5rem;}
.wrap-section1 .tit-sub1 > :first-child, .wrap-section1 .tit-sub1:not(div), .wrap-section1 .tit-sub1 [class*="cnt"] {font-family:var(--family2);font-weight:500;}
.wrap-section1 .tit-sub1 [class*="cnt"] {font-family:var(--family2);font-size:1.6rem;line-height:2.6rem;}
.wrap-section1 .tit-sub1 > :first-child:before, .wrap-section1 .tit-sub1:not(div):before {content:'■';}

@media only screen and (min-width:984px){
	.wrap-section1 .tit-headline1 {margin:0 0 4.0rem;}
	.wrap-section1 .tit-sub1 {gap:1.2rem 1.0rem;}
}

/* 영역분할 */
.wrap-section1.line1 .form-wrap1 {padding:2.0rem 0 0;border-top:1px solid var(--line1);}
.wrap-section1 .section ~ .section {margin:var(--space2) 0 0;}

@media only screen and (min-width:984px){
	.wrap-section1.line1 {padding:var(--space1);border:1px solid var(--line2);border-radius:0.3rem;}
	.wrap-section1.line1 .form-wrap1 {padding:2.5rem 0 0;}
}

/* 컨트롤버튼 */
.area-toggle1 .aside {position:absolute;z-index:1;}

/* 상태 : 닫힌상태 */
.wrap-section1[data-autoset="toggle"]:not(.active) [data-area="form"] {display:none;}
.wrap-section1[data-autoset="toggle"]:not(.active) [data-area="data"] .bottom {display:none;}

/* 상태 : 닫힌상태 + 선택값없음 */
.wrap-section1[data-autoset="toggle"][data-select="none"]:not(.active) [data-area="data"] {display:none;}
.wrap-section1[data-autoset="toggle"][data-select="none"]:not(.active) [data-area="head"] .cnt2 {display:none;}
.wrap-section1[data-autoset="toggle"][data-select="none"]:not(.active) .area-toggle1 {padding:var(--space1);border:1px solid var(--line2);}
.wrap-section1[data-autoset="toggle"][data-select="none"]:not(.active) .area-toggle1 [data-area="btn"].aside {position:static;text-align:center;width:100%;}

/* 상태 : 닫힌상태 + 선택값있음
.wrap-section1[data-autoset="toggle"]:not([data-select="none"]):not(.active) {} */

/* 상태 : 열린상태 */
.wrap-section1[data-autoset="toggle"].active [data-area="btn"] {display:none;}
.wrap-section1[data-autoset="toggle"].active .area-toggle1 {margin:0;}

/* 상태 : 열린상태 + 선택값없음 */
.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="head"] .cnt2 {display:none;}
/*
.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="data"] {visibility:hidden;}
.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="data"]:after {content:attr(data-disabled);display:block;position:absolute;left:1.0rem;right:0;top:50%;visibility:visible;color:var(--g2);transform:translateY(-50%);text-align:center;font-weight:700;}
.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="data"] .aside {display:none;}
*/

/* 영역, 간격 */
.area-toggle1,
.area-toggle1 .con {position:relative;}
.area-toggle1 .con + .con:before {content:'';position:absolute;display:block;left:0;top:0;bottom:0;visibility:visible;}
.area-toggle1 [data-area="form"] .form-wrap1 {padding:0;}
.area-toggle1 [data-area="form"] .form-wrap1 dl.form > dt {width:10.0rem;}
.area-toggle1 .tit-sub2 {margin:0 0 2.0rem;}

.area-toggle1 .info-data1 {margin:0 0 1.2rem;}
.area-toggle1 .info-data1.bottom {display:flex;flex-wrap:wrap;/*justify-content:center;*/margin:0;padding:2.3rem 2.0rem;border:1px solid var(--line1);border-radius:0.3rem;white-space:nowrap;}
.area-toggle1 .info-data1.bottom .icon-com3 {margin:-0.3rem 0 -0.3rem 1.0rem;}

@media only screen and (min-width:984px){
	/* 영역, 간격 */
	.area-toggle1 {display:flex;gap:0 1.0rem;border:1px solid var(--line2);justify-content:space-between;}
	.area-toggle1 .con {padding:5.0rem var(--space1);}
	.area-toggle1 .con + .con {display:flex;flex-direction:column;padding:10.0rem var(--space1) var(--space1);}
	.area-toggle1 .con + .con .list-t1 {flex:1;}
	.area-toggle1 .con + .con:before {left:-1.0rem;width:1.0rem;background:transparent linear-gradient(to right, #B8BCC5 0%, #FFFFFF00 100%) 0% 0% no-repeat;opacity:0.3;}
	.area-toggle1 .con + .con .bottom {margin:2.0rem 0 0;}
	/*.area-toggle1 .con + .con .bottom.info-data1 > span:last-of-type {flex:1;}*/
	.area-toggle1 .form-wrap1 .area-btn1 {margin:3.0rem 0 0 10.0rem;}
	.area-toggle1 .info-data1 {margin:0 0 4.0rem;}
	.area-toggle1 .info-data1.bottom .icon-com3 {margin:-0.1rem 0 -0.1rem 1.0rem;}
	.area-toggle1 .tit-sub2 {margin:0 0 3.0rem;}

	.area-toggle1 [data-area="form"] .aside {right:2.0rem;top:5.0rem;}
	.area-toggle1 [data-area="form"] .aside .icon-com1 {transform:translateY(-1.0rem);}
	.area-toggle1 [data-area="form"] .form-wrap1 {margin:0 auto;}
	.area-toggle1 [data-area="form"] {width:56%;}
	.area-toggle1 [data-area="data"] {width:44%;}
	.area-toggle1 [data-area="btn"], .area-toggle1 [data-area="data"] .aside {right:0;bottom:calc(100% + 1.5rem);}

	/* 컨트롤버튼 */
	.wrap-section1 .aside .btn-sub1.ic1 {min-width:10.7rem;}
	.wrap-section1 .aside .btn-sub1.ic2 {min-width:12.3rem;}

	/* 상태 : 열린상태 + 선택값없음 */
	.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="data"]:after {padding:14.5rem 0 0;}

	/* 상태 : 닫힌상태 + 선택값있음 */
	.wrap-section1[data-autoset="toggle"]:not([data-select="none"]):not(.active) .con + .con:before {display:none;}
	.wrap-section1[data-autoset="toggle"]:not([data-select="none"]):not(.active) .con + .con {width:100%;margin:0;padding:5.0rem var(--space1);}
	.wrap-section1[data-autoset="toggle"]:not([data-select="none"]):not(.active) [data-area="btn"] {right:13.3rem;}
}

@media only screen and (min-width:1281px){
	.area-toggle1 [data-area="form"] {width:52%;}
	.area-toggle1 [data-area="data"] {width:48%;}
}

@media only screen and (min-width:1441px){
	/* 영역, 간격 */
	.area-toggle1 [data-area="form"], .area-toggle1 [data-area="data"] {padding:5.0rem 4%;}
	.area-toggle1 [data-area="form"] .aside {right:4%;}
	.area-toggle1 [data-area="form"] {width:50%;}
	.area-toggle1 [data-area="data"] {width:50%;}
}

@media only screen and (max-width:983px){
	/* 영역, 간격 */
	.area-toggle1 .con + .con {margin:calc(var(--com2) + 4.0rem) 0 0;}
	.area-toggle1 .con + .con .bottom {position:relative;margin:var(--space1) 0 0;z-index:1;}
	.area-toggle1 .con + .con .list-t1:not([data-group]) {padding:var(--space1);border:1px solid var(--line2);}

	.area-toggle1 [data-area="form"] .aside {right:0;top:0;transform:translateY(-4.5rem);}
	.area-toggle1 [data-area="btn"], .area-toggle1 [data-area="data"] .aside {left:0;bottom:calc(100% + 1.2rem);}

	/* 컨트롤버튼 */
	.wrap-section1 .aside .btn-sub1.ic1 {min-width:10.0rem;}
	.wrap-section1 .aside .btn-sub1.ic2 {min-width:11.4rem;}

	/* 상태 : 닫힌상태 + 선택값있음 */
	.wrap-section1[data-autoset="toggle"]:not([data-select="none"]):not(.active) [data-area="btn"] {left:12.0rem;}

	/* 상태 : 닫힌상태 */
	.wrap-section1[data-autoset="toggle"]:not(.active) .con + .con {margin:calc(var(--com2) + 2.8rem) 0 0;}
	.wrap-section1[data-autoset="toggle"]:not(.active):not([data-select="none"]) [data-area="btn"] .aside {left:12.5rem;right:unset;top:calc(var(--com2) + 0.5rem);}

	/* 상태 : 열린상태 + 선택값없음 */
	.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="data"]:after {padding:10.0rem 0 0;}
	/*
	.wrap-section1[data-autoset="toggle"][data-select="none"].active [data-area="data"] {min-height:31.6rem;}
	.wrap-section1[data-autoset="toggle"][data-select="none"].active .area-toggle1 .con + .con {margin:4.0rem 0 0;}
	*/
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 1. 기관, 장소, 사용목적 [data-section="rental1"]
--------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 2. 일정 등록 [data-section="rental2"]
--------------------------------------------------------------------------------- */
/* 간략목록1 */
.list-t1:not([data-group]) > ul {overflow:hidden;display:grid;grid-template-columns:1fr;gap:2.0rem 3.0rem;}
.list-t1:not([data-group]) > ul[data-empty]:empty {display:flex;height:100%;min-height:27.6rem;align-items:center;justify-content:center;flex-direction:column;gap:3.0rem;}
.list-t1:not([data-group]) > ul[data-empty]:empty:before {content:'';width:10.5rem;height:10.5rem;background:url(../../images/com/ico_clock.svg) no-repeat 50% 50% / 100% 100%;}
.list-t1:not([data-group]) > ul[data-empty]:empty:after {content:attr(data-empty);font-size:var(--font1);color:var(--g2);font-weight:700;}

.list-t1 ul > li {position:relative;display:flex;line-height:2.0rem;white-space:nowrap;gap:var(--space3);transition:all 0.3s ease-in-out;}
.list-t1 ul > li > div {display:flex;gap:0 var(--space3);}
.list-t1 > ul > li > div span:nth-child(1) {font-weight:700;}
.list-t1 > ul > li ul > li:hover {background:var(--bg2);}

.list-t1[data-group="true"] > ul > li {flex-wrap:wrap;padding:2.0rem;border:1px solid var(--line2);border-radius:0.3rem;}
.list-t1[data-group="true"] > ul > li + li {margin:1.0rem 0 0;}
.list-t1[data-group="true"] > ul > li > div:not(:last-child) {margin:0 4.0rem 0 0;}
.list-t1[data-group="true"] > ul ul {flex:1;}
.list-t1[data-group="true"] > ul ul > li + li {margin:0.5rem 0 0;}
.list-t1[data-group="true"] > ul ul > li div {flex:1;}
.list-t1[data-group="true"] > ul ul > li div .icon-state4 ~ span:nth-last-of-type(1) {flex:1;}

.list-t1 + .list-t1 {margin:1.0rem 0 0;}

@media only screen and (min-width:640px){
	.list-t1:not([data-group]) > ul {grid-template-columns:1fr 1fr;}
}

@media only screen and (min-width:1100px){
	.list-t1:not([data-group]) > ul {grid-template-columns:1fr 1fr 1fr;}
}

@media only screen and (min-width:984px) and (max-width:1200px){
	.list-t1[data-group="true"] > ul > li {flex-wrap:wrap;}
	.list-t1[data-group="true"] > ul ul {width:100%;flex:none;}
	.list-t1[data-group="true"] > ul ul > li div {flex-wrap:wrap;}
	.list-t1[data-group="true"] > ul ul > li div .icon-state4 + span ~ span {padding-left:7.2rem;}
}

@media only screen and (min-width:1680px){
	.list-t1:not([data-group]) > ul {grid-template-columns:1fr 1fr 1fr 1fr;}
}

.wrap-section1[data-autoset="toggle"]:not([data-select="none"]).active [data-area="data"] .list-t1:not([data-group]) > ul {grid-template-columns:1fr;}

@media only screen and (min-width:1600px){
	.wrap-section1[data-autoset="toggle"]:not([data-select="none"]).active [data-area="data"] .list-t1:not([data-group]) > ul {grid-template-columns:1fr 1fr;}
}

@media only screen and (min-width:640px) and (max-width:983px){
	.wrap-section1[data-autoset="toggle"]:not([data-select="none"]).active [data-area="data"] .list-t1:not([data-group]) > ul {grid-template-columns:1fr 1fr;}
}

@media only screen and (min-width:984px){
	.list-t1[data-group="true"] > ul > li {display:flex;}
}

@media only screen and (max-width:983px){
	.list-t1 ul > li {gap:1.0rem var(--space3);line-height:1.6rem;}

	.list-t1[data-group="true"] > ul ul > li + li {margin:1.0rem 0 0;}

	.list-t1:not([data-group]) > ul {gap:1.5rem;}
	.list-t1:not([data-group]) > ul[data-empty]:empty:before {width:7.0rem;height:7.0rem;}
}


/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 3.부대시설 신청 [data-section="rental3"]
--------------------------------------------------------------------------------- */
/* 추가영역 */
.area-toggle2 {margin:3.0rem 0 0;}
.area-toggle2 .con[data-area="default"] {position:relative;text-align:center;}
.area-toggle2 .con[data-area="sum"] {margin:4.0rem 0 0;text-align:center;}

@media only screen and (max-width:983px){
	[data-section="rental3"] .wrap-section1.line1 .area + .area {padding:2.5rem;border:1px solid var(--line2);}
	.area-toggle2 .con[data-area="sum"] {margin:1.5rem 0 0;}
}

/* 부대시설 목록 */
.list-data1 {margin:3.0rem 0;position:relative;line-height:calc(var(--font1) + 0.6rem);}
.list-data1 > ul {border-top:1px solid var(--line1);}
.list-data1 > ul > li {position:relative;display:flex;padding:2.0rem 0;border-bottom:1px solid var(--line1);justify-content:space-between;align-items:center;}
.list-data1 .data1 {display:flex;}
.list-data1 .data1 span:nth-child(2) {font-weight:700;}
.list-data1 .data1 span:nth-child(3) {color:var(--g2);}
.list-data1 .data2 {display:flex;align-items:center;justify-content:space-between;gap:1.0rem;}
.list-data1 .data2 strong {line-height:2.4rem;width:15.0rem;text-align:right;}
.list-data1 .data2 .input-wrap2 [class*="el-"] ~ span {color:var(--g2);}

.list-data1.form1 > ul > li {padding-left:3.4rem;}
.list-data1.form1 > ul:empty {padding:0;border:none;}
.list-data1.form1 > ul:empty:before, .list-data1.form1 > ul:empty:after {display:none;}
.list-data1.form1 .el-check1 label > input + span {padding-left:2.3rem;width:0;overflow:hidden;white-space:nowrap;}
.list-data1.form1 .el-check1 {position:absolute;left:0;top:50%;}

.list-data1.list1 .data1 {flex-direction:column;}
.list-data1.list1 > ul {position:relative;min-height:100%;}
.list-data1.list1 > ul > li .side {position:absolute;right:0;top:50%;transform:translateY(-50%);}

.list-data1[data-area="scroll"] {max-height:calc(100vh - 40.0rem);margin-right:calc(var(--space1) * -1);padding-right:var(--space1);overflow-y:scroll;}
.list-data1[data-area="scroll"]::-webkit-scrollbar {width:0.4rem;}
.list-data1[data-area="scroll"]::-webkit-scrollbar-track {background-color:transparent;border-radius:0.2rem;}
.list-data1[data-area="scroll"]::-webkit-scrollbar-thumb {background-color:var(--line3);border-radius:0.2rem;}

@media only screen and (min-width:984px){
	.list-data1 > ul > li {padding:2.5rem 0;justify-content:space-between;gap:4.0rem;}
	.list-data1 .data1 {gap:0.3rem 1.0rem;flex-wrap:wrap;}
	.list-data1 .data1 span:nth-child(3) {width:100%;}

	.list-data1.form1 {margin:0;}
	.list-data1.form1 .el-check1 {transform:translateY(-50%);}
	.list-data1.form1 > ul > li {padding-left:5.0rem;}

	.list-data1.list1 > ul > li {padding-right:5.0rem;}

	.list-data1[data-area="scroll"].list1 {height:34.0rem;}
	.list-data1[data-area="scroll"].form1 {max-height:40.4rem;}
}

@media only screen and (max-width:983px){
	.list-data1 > ul > li {gap:2.0rem;}
	.list-data1 .data1 {flex-direction:column;gap:0.3rem;}
	.list-data1 .data2 .input-wrap2 [class*="el-"] {width:6.0rem;}
	.list-data1 .data2 strong {line-height:2.0rem;}

	.list-data1.form1 .el-check1 {top:1.5rem;transform:translateY(0%);}

	.list-data1.list1 > ul > li {flex-direction:column;align-items:flex-start;gap:0;padding-right:4.8rem;}

	.list-data1[data-area="scroll"].list1 {height:27.0rem;}
}

@media only screen and (max-width:768px){
	.list-data1 > ul > li .data2 {width:100%;}
	.list-data1.form1 > ul > li {flex-direction:column;align-items:flex-start;}
}

@media only screen and (max-width:420px){
	.list-data1 .data2 {flex-direction:column;align-items:start;}
	.list-data1 .data2 strong {width:100%;;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 4.대관정보 [data-section="rental4"]
--------------------------------------------------------------------------------- */
/* 서브타이틀 */
[data-section="rental4"] .wrap-section1.line1 .tit-sub1 > :first-child,
[data-section="rental4"] .wrap-section1.line1 .tit-sub1:not(div) {font-family:inherit;font-weight:700;}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 5.대관약관동의 [data-section="rental5"]
--------------------------------------------------------------------------------- */
[data-section="rental5"] .wrap-section1.line1 .tit-sub1 > :first-child:before,
[data-section="rental5"] .wrap-section1.line1 .tit-sub1:not(div):before {display:none;}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청 : 신청 > 팝업모음
--------------------------------------------------------------------------------- */
/* 결제하기 */
.list-con3 {margin:-3.1rem 0 2.4rem;border-top:1px solid var(--line1);border-bottom:1px solid var(--line1)}
.list-con3 > dl {padding:3.0rem 1.0rem;}
.list-con3 > dl ~ dl {border-top:1px solid var(--line3);}
.list-con3 > dl > dt {margin:0 0 2.0rem;font-weight:700;font-size:var(--font1);line-height:2.0rem;}
.list-con3 .info-data1 > span:nth-child(1) {padding:0;}
.list-con3 .info-data1 > span:nth-child(1):before {display:none;}

@media only screen and (max-width:983px){
	.list-con3 {margin:-2.1rem 0 3.0rem;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청내역 : 기본
--------------------------------------------------------------------------------- */
.info-con1 > li {display:flex;gap:1.4rem;}
.info-con1 > li > div:nth-child(2) {display:flex;flex-wrap:wrap;gap:0.4rem;}
.info-con1 > li > div:nth-child(2) span {display:inline-block;}

/* 목록 */
.list-data2 {border-top:1px solid var(--line1);}
.list-data2 > ul > li {position:relative;display:flex;flex-direction:column;align-items:self-start;padding:2.2rem 0;font-size:var(--font1);line-height:calc(var(--font1) + 0.6rem);border-bottom:1px solid var(--line1);}
.list-data2 .data1, .list-data2 .tit {position:relative;overflow:hidden;}
.list-data2 .data1 span + span:before, .list-data2 .tit span + span:before {content:'';display:inline-block;width:2px;height:0.75em;margin:0 0.75em;background:var(--line1);}
.list-data2 .tit {max-width:100%;overflow:hidden;font-weight:700;white-space:nowrap;text-overflow:ellipsis;}
.list-data2 .tit:before {content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:transparent;}
.list-data2 .info {color:var(--g2);}
.list-data2 > ul > li[role="button"]:hover .tit:before,
.list-data2 > ul > li[role="button"]:focus .tit:before {background:var(--line1);}
.list-data2[data-format="list2"] > ul > li:not([data-state]):hover,
.list-data2[data-format="list2"] > ul > li:not([data-state]):focus {background:var(--bg1);}
.list-data2[data-format="list2"] > ul > li[data-state="2"] .num,
.list-data2[data-format="list2"] > ul > li[data-state="3"] .num,
.list-data2[data-format="list2"] > ul > li[data-state="3"] .tit {color:var(--g2);}
.list-data2[data-format="list2"] > ul > li[data-state="3"] .data1 span + span:before,
.list-data2[data-format="list2"] > ul > li[data-state="3"] .tit span + span:before {background:Var(--g2);}
.list-data2 + .list-data2 {margin-top:-1px;}

@media only screen and (min-width:581px){
	.list-data2[data-format="list2"] > ul > li {padding:2.7rem 17.0rem 2.7rem 8.0rem;}
	.list-data2[data-format="list2"] .num {position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:left;width:6.0rem;}
	.list-data2[data-format="list2"] .btn {position:absolute;right:0;top:50%;right:0;transform:translateY(-50%);}
	.list-data2[data-format="list2"] .btn .btn-com2 {min-width:9.3rem;}
}

@media only screen and (min-width:769px){
	.list-data2 .info-con1, .list-data2 ul.info {display:flex;flex-wrap:wrap;gap:0.6rem 5.0rem;}
	.list-data2 .info-con1 + .info-con1 {margin:0.6rem 0 0;}
	.list-data2 ul.info {gap:0.6rem 1.5rem;}
}

@media only screen and (min-width:984px){
	.list-data2 > ul > li {padding:2.7rem 17.0rem 2.7rem 0;}
	.list-data2 .data1 {margin:0 0 1.5rem;}
	.list-data2 .data1 span + span:before, .list-data2 .tit span + span:before {width:3px;}
	.list-data2 .tit {font-size:1.8rem;line-height:2.4rem;}
	.list-data2 .tit + .info {margin:1.5rem 0 0;}
	.list-data2 .tit + ul.info {margin:0.8rem 0 0;}
	.list-data2 [class*="icon-state"] {right:0;}

	.list-data2 [class*="icon-state"], .list-data2[data-format^="list"] .num, .list-data2[data-format^="list"] .btn {position:absolute;top:50%;transform:translateY(-50%);}
	.list-data2[data-format^="list"] .num {left:0;}

	.list-data2[data-format="list1"] > ul > li {padding-left:10.8rem;}
	.list-data2[data-format="list1"] .num {width:8.8rem;text-align:center;line-height:3.0rem;}

	.list-data2[data-format="list2"] > ul > li {padding:2.7rem 17.0rem 2.7rem 12.0rem;}
	.list-data2[data-format="list2"] .num {width:10.0rem;}
	.list-data2[data-format="list2"] .btn {right:2.0rem;}
	.list-data2[data-format="list2"] .btn .btn-com2 {min-width:12.0rem;}
}

@media only screen and (max-width:983px){
	.list-data2 .data1 {margin:0 0 1.0rem;}
	.list-data2 .tit + .info {margin:0.6rem 0 0;}
	.list-data2 .tit + ul.info {margin:1.0rem 0 0;}
	.list-data2 .info-con1 li > div:nth-child(1) {min-width:4.7rem;}
	.list-data2 [class*="icon-state"] {margin:1.2rem 0 0;}

	.list-data2[data-format="list1"] > ul > li {padding-left:4.5rem;}
	.list-data2[data-format="list1"] .num {position:absolute;left:0;top:2.5rem;font-weight:700;}
}

@media only screen and (max-width:580px){
	.list-data2[data-format="list2"] .num {margin:0 0 1.0rem;}
	.list-data2[data-format="list2"] .btn {margin:1.2rem 0 0;}
	.list-data2[data-format="list2"] .btn .btn-com2 {min-width:9.3rem;}
	.list-data2[data-format="list2"] [data-state="2"] .btn .btn-com2[disabled],
	.list-data2[data-format="list2"] [data-state="3"] .btn .btn-com2[disabled] {padding-left:0;padding-right:0;min-width:0;}
}

/* 상세 : 요약정보1 */
.info-summary1 {position:relative;min-height:var(--com2);}
.info-summary1 .btn {display:flex;position:absolute;right:0;top:0;gap:0 var(--space3);}
.info-summary1 .tit {display:flex;flex-wrap:wrap;gap:0.5rem 1.3rem;}
.info-summary1 .tit > :nth-child(1) {font-weight:700;}
.info-summary1 .tit > :nth-child(1) span {display:inline-block;}
.info-summary1 .data1.info-con1 > li > div:nth-child(1) {font-weight:700;}

@media only screen and (min-width:984px){
	.info-summary1 .btn {margin-top:-9.1rem;}
	.info-summary1 .btn .btn-sub1 {min-width:8.6rem;}
	.info-summary1 .data1.info-con1 {overflow:hidden;display:flex;flex-wrap:wrap;max-width:calc(100% - 24.0rem);gap:0.4rem 2.1rem;}
	.info-summary1 .data1.info-con1 > li {gap:0.5em;position:relative;}
	.info-summary1 .data1.info-con1 > li + li {margin:0;}
	.info-summary1 .data1.info-con1 > li:before {content:'';width:1px;height:1.4rem;background:#D1D8E8;position:absolute;left:-1.1rem;top:50%;transform:translateY(-50%);}
	.info-summary1 .data1.info-con1 > li > div:nth-child(2) {font-size:1.5rem;}
	.info-summary1 .tit:not(:first-child) {margin:1.3rem 0 0;align-items:center;}
	.info-summary1 .tit > :nth-child(1) {font-size:1.8rem;line-height:2.8rem;font-family:var(--family2);}
}

@media only screen and (max-width:983px){
	.info-summary1 .btn {margin-top:-7.0rem;}
	.info-summary1 .btn .btn-sub1 {min-width:7.4rem;}
	.info-summary1 .tit:not(:first-child) {margin:2.4rem 0 0;}
	.info-summary1 .tit > :nth-child(1) {font-size:1.6rem;line-height:2.6rem;}
}

/* 상세 : 요약정보2 */
.info-summary2 {display:flex;justify-content:space-between;align-items:center;}
.info-summary2 .tit > :nth-child(1) {font-weight:900;}

@media only screen and (min-width:1681px){
	.info-summary2 {padding:0 3.0rem;}
	.info-summary2 .btn {right:3.0rem;}
}

@media only screen and (min-width:984px){
	.info-summary2 .tit > :nth-child(1) {font-size:3.3rem;line-height:3.9rem;}
}

@media only screen and (max-width:983px){
	.info-summary2 {flex-wrap:wrap;gap:1.2rem;}
	.info-summary2 .tit > :nth-child(1) {font-size:2.0rem;}
}

/* 상세 : 진행상세 : 대관진행상태 */
.info-progress1 > dl + dl {margin:1.0rem 0 0;}
.info-progress1 > dl > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.info-progress1 ol {display:flex;}
.info-progress1 ol > li {position:relative;flex:1;padding:2.5rem 0 0;text-align:center;}
.info-progress1 ol > li:before, .info-progress1 ol > li:after {content:'';position:absolute;box-sizing:border-box;}
.info-progress1 ol > li span {display:inline-block;position:relative;padding:0 1.8rem;font-size:var(--font2);line-height:2.5rem;color:var(--g1);font-weight:700;}
.info-progress1 ol > li:before {left:0;right:0;top:0;height:1.0rem;background:var(--primary-c1);}
.info-progress1 ol > li + li:after {left:-0.5rem;top:0;width:1.0rem;height:1.0rem;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);}
.info-progress1 ol > li:nth-child(1):before {border-radius:0.6rem 0 0 0.6rem;}
.info-progress1 ol > li:nth-last-child(1):before {border-radius:0 0.6rem 0.6rem 0;}
.info-progress1 ol > li[aria-current="step"] span {background:var(--line1);color:#fff;border-radius:1.6rem;}
.info-progress1 ol > li[aria-current="step"] ~ li:before {background:var(--g2);}
.info-progress1 ol > li[aria-current="step"] ~ li span {font-weight:400;color:var(--g2);}

@media only screen and (max-width:983px){
	.info-progress1 ol {overflow-x:auto;}
	.info-progress1 ol > li {min-width:8.0rem;padding:2.5rem 0 0;}
	.info-progress1 ol > li span {padding:0 1.6rem;line-height:2.9rem;}
}

/* 상세 : 진행상세 : 대관진행내역*/
.list-t3 > dl > dt {position:relative;display:flex;align-items:center;gap:0 1.0rem;margin:0 0 1.0rem;line-height:1.8rem;font-weight:700;}
.list-t3 > dl > dt:after {content:'';width:2.6rem;height:1.8rem;background:url(../../images/com/ico_aram.svg) no-repeat 0 0 / 100% 100%;}
.list-t3 > dl > dd > ul {overflow-y:scroll;height:19.0rem;padding-right:0.5rem;}
.list-t3 > dl > dd > ul::-webkit-scrollbar {width:0.4rem;}
.list-t3 > dl > dd > ul::-webkit-scrollbar-track {background-color:var(--bg2);border-radius:0.2rem;}
.list-t3 > dl > dd > ul::-webkit-scrollbar-thumb {background-color:#828692;}

.list-t3 ul {font-size:var(--font1);line-height:2.2rem;}
.list-t3 ul > li {display:flex;color:var(--g2);gap:0 1.6rem;padding:0.5rem 0;}
.list-t3 ul > li:nth-child(1) {color:var(--primary-c1);}
.list-t3 ul > li + li {border-top:1px solid var(--line3);}
.list-t3 ul > li > span:nth-child(1) {width:5.25em;}
.list-t3 ul > li > span:nth-child(2) {flex:1;min-width:0;}

@media only screen and (min-width:769px){
	.list-t3 > dl > dt {margin:0 0 2.0rem;}
}

@media only screen and (min-width:984px){
	.list-t3 > dl > dt {margin:0 0 2.0rem;}
	.list-t3 > dl > dd > ul {height:20.7rem;}
}

/* 상세 : 진행상세 */
.area-toggle3 {position:relative;border-radius:1.0rem;padding:2.0rem;margin:5.0rem 0 0;border:1px solid var(--g2);box-shadow:0.3rem 0.3rem 0.6rem #0000001A;}
.area-toggle3 [aria-expanded] {display:flex;align-items:center;position:absolute;color:var(--primary-c2);gap:0 1.0rem;}
.area-toggle3 [aria-expanded]:after {content:'';width:1.2rem;height:1.2rem;background:url(../../images/com/ico_expanded.svg) no-repeat 0 0 / 100% 100%;}
.area-toggle3 [aria-expanded="true"]:after {transform:rotate(-180deg);}

.area-toggle3 .list-t3  > dl > dd > ul::-webkit-scrollbar-thumb {background:rgba(130, 134, 146, 0.2);}
.area-toggle3 .area-btn4 {margin:0;gap:0.5rem;}
.area-toggle3 .area-btn4 [class*="btn-"] + [class*="btn-"] {margin:0;}

@media only screen and (min-width:769px){
	.area-toggle3 {display:flex;flex-wrap:wrap;gap:3.0rem;margin:4.0rem 0 0;padding:6.5rem 2.0rem 2.0rem;}
	.area-toggle3 [aria-expanded] {right:0;top:-0.1rem;line-height:4.2rem;}
	.area-toggle3 .list-t3 {flex:1;min-width:0;}
	.area-toggle3 .area-btn4 {width:49%;}
	.area-toggle3 .info-progress1 {width:100%;border-top:1px solid var(--line3);padding:3.0rem 0 0;}

	.area-toggle3.active .list-t3 {margin:-3.8rem 0 0;}
}

@media only screen and (min-width:984px){
	.area-toggle3 {gap:3.0rem 4.0rem;padding:6.5rem 4.0rem 3.0rem;border-radius:2.0rem;}
	.area-toggle3 [aria-expanded] {line-height:5.5rem;}
	.area-toggle3 .area-btn4 {width:47.5%;}
	.area-toggle3 .info-progress1 {width:100%;}
}

@media only screen and (min-width:480px){
	.area-toggle3 .area-btn4 {flex-wrap:wrap;flex-direction:row;align-content:flex-start;}
	.area-toggle3 .area-btn4 [class*="btn-"] {flex:0 0 calc(50% - 0.25rem);}
}

@media only screen and (max-width:768px){
	.area-toggle3 {margin:3.0rem 0 7.0rem;display:flex;flex-direction:column;gap:3.0rem 0;}
	.area-toggle3 [aria-expanded] {left:50%;top:calc(100% + 3.0rem);transform:translateX(-50%);line-height:1.6rem;}
}

/* 상세 : 진행상세 : 닫힌상태 */
.area-toggle3:not(.active) .info-progress1,
.area-toggle3:not(.active) .area-btn4,
.area-toggle3:not(.active) .list-t3 ul > li:nth-child(1) ~ li,
.area-toggle3:not(.active) [aria-expanded] ~ [aria-expanded] {display:none;}
.area-toggle3:not(.active) .list-t3 ul > li > span:nth-child(2) {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.area-toggle3:not(.active) .list-t3 > dl > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.area-toggle3:not(.active) .list-t3 > dl > dd > ul {height:3.2rem;overflow:hidden;}
.area-toggle3:not(.active) .list-t3 > dl > dd > ul > li:nth-child(1) ~ li {display:none;}

@media only screen and (min-width:769px){
	.area-toggle3:not(.active) {max-width:calc(100% - 15.0rem);}
	.area-toggle3:not(.active) [aria-expanded] {right:-15.0rem;}
}

@media only screen and (min-width:984px){
	.area-toggle3:not(.active) {max-width:calc(100% - 16.8rem);padding:1.1rem 4.0rem;}
	.area-toggle3:not(.active) [aria-expanded] {right:-16.8rem;}
	.area-toggle3:not(.active) .list-t3 > dl {gap:0;}
}

@media only screen and (max-width:983px){
	.area-toggle3:not(.active) {padding:0.4rem 2.0rem;}
}

/* 상세 : 진행상세 : 열린상태 */
.area-toggle3.active [aria-expanded] {display:none;}
.area-toggle3.active [aria-expanded] ~ [aria-expanded] {display:flex;}

@media only screen and (min-width:769px){
	.area-toggle3.active:before {content:'';display:block;position:absolute;right:-1.3rem;top:-0.7rem;width:30.0rem;height:5.6rem;background:#fff url(../../images/content/box1.svg) no-repeat 100% 0 / 99.8rem 41.0rem;}
	.area-toggle3.active [aria-expanded] {top:-0.7rem;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청내역 : 대관일정
--------------------------------------------------------------------------------- */
.con-toggle1 {text-align:left;}
.con-toggle1 > dl {display:flex;flex-direction:column;}
.con-toggle1 > dl > dt, .con-toggle1 > dl > dd {position:relative;padding:0 0 0 3.4rem;white-space:nowrap;}
.con-toggle1 > dl > dt {line-height:2.6rem;}
.con-toggle1 > dl > dt:before {content:'';display:block;position:absolute;left:0;top:0;box-sizing:border-box;width:2.4rem;height:2.4rem;border:2px solid var(--line1);border-radius:1.2rem;background:url(../../images/com/ico_arr1.svg) no-repeat 50% 50% / 0.8rem 1.2rem;transform:rotate(90deg);}
.con-toggle1 > dl > dd {flex:1;font-weight:700;background:var(--bg1);border-radius:0.1rem;}

.con-toggle1 > dl > dt[aria-expanded="false"] ~ dd {display:none;}
.con-toggle1 > dl > dt[aria-expanded="true"]:before {transform:rotate(270deg);}

.list-t4 > :first-child {font-weight:700;}
.list-t4 .con-toggle1, .list-t4 > :first-child:nth-last-child(2),
.list-t4 > :first-child:nth-last-child(2)  {flex:1;min-width:0;word-break: break-all;overflow-wrap:break-word;}

@media only screen and (min-width:984px){
	.con-toggle1 > dl > dd {margin-right:-38.0rem;margin-left:-15.8rem;padding:2.5rem 3.0rem 2.5rem 17.6rem}
	.con-toggle1 > dl > dd .txt-bul1 > li + li {margin:0.8rem 0 0;}
	.con-toggle1 > dl > dt[aria-expanded="true"] ~ dd {margin-top:1.9rem;}

	.list-t4 {display:flex;gap:0 3.0rem;}
	.list-t4 > :first-child:not(:nth-last-child(2)) {width:2.8rem;}
	.list-t4 div.data-t1 {width:18.5rem;}
}

@media only screen and (max-width:983px){
	.con-toggle1 > dl > dd {margin:0 0 0 -5.6rem;padding:1em 1.6rem;font-size:1.2rem;width:calc(100% + 12.2rem);flex:none;}
	.con-toggle1 > dl > dt[aria-expanded="true"] ~ dd {margin-top:1.0rem;margin-bottom:1.0rem;}

	.list-t4 {display:flex;flex-wrap:wrap;gap:0.6rem 1.0rem;}
	.list-t4 > :first-child:not(:nth-last-child(2)) {width:3.0rem;}
	.list-t4 .con-toggle1 {width:calc(100% - 4.0rem);}
	.list-t4 div.data-t1 {width:100%;}
	.list-t4 div.data-t1 {justify-content:flex-start;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청내역 : 납부내역
--------------------------------------------------------------------------------- */
.list-con4 {display:flex;font-size:var(--el-font);line-height:calc(var(--el-font) + 1.0rem);}
.list-con4 > dl > dt {overflow:hidden;position:absolute;left:-0.1rem;top:-0.1rem;width:0.1rem;height:0.1rem;opacity:0;}
.list-con4 > dl:first-of-type ~ dl > dd {background:var(--bg1);}
.list-con4 > dl:first-of-type ~ dl > dd[data-state="5"] {background:#FBF6F2;}
.list-con4 > dl:first-of-type ~ dl > dd[data-state="5"] .icon-state3 {color:var(--primary-c1);}
.list-con4 .info-con1 > li > div:nth-child(1) {font-weight:700;}
.list-con4 .info-con1 > li > div:nth-child(2) {flex:1;}

@media only screen and (min-width:984px){
	.list-con4 > dl > dd {padding:1.6rem 2.0rem;}
	.list-con4 .info-con1 > li > div:nth-child(1) {width:15.0rem;}
	.list-con4 .info-con1 > li + li {margin:0.9rem 0 0;}

	.tbl-data1 .list-con4 {padding:2.0rem 0;}
	.tbl-data2 .list-con4 {padding:2.0rem;}
}

@media only screen and (min-width:1281px){
	.list-con4 {gap:0 5.0rem;--el-font:var(--font1);}
	.list-con4 > dl {min-width:40.0rem;}
	.list-con4 > dl > dd + dd {margin:2.0rem 0 0;}
	.list-con4 > dl:last-of-type {flex:1;}

	.tbl-data1 dl.area > dd.list-con4 {padding:2.0rem 0 2.0rem 2.0rem;}
	.tbl-data2 dl.area > dd.list-con4 {padding:2.0rem;}
}

@media only screen and (min-width:1440px){
	.list-con4 {gap:0 8.0rem;}
}

@media only screen and (max-width:1280px){
	.list-con4 {flex-direction:column;}
	.list-con4 > dl > dd + dd {margin:1.0rem 0 0;}

	.tbl-data1 dl.area > dd.list-con4 > dl:first-of-type:not(:only-child) {margin-top:-2.0rem;}
}

@media only screen and (max-width:983px){
	.list-con4 {--el-font:var(--font2);}
	.list-con4 > dl > dd {padding:1.6rem;}
	.list-con4 .info-con1 > li {gap:0 1.0rem;}
	.list-con4 .info-con1 > li + li {margin:0.2rem 0 0;}
	.list-con4 .info-con1 > li > div:nth-child(1) {width:11.0rem;}

	.tbl-data1 .list-con4 {padding:1.6rem 0;}
	.tbl-data2 .list-con4 {padding:1.6rem }
	.tbl-data1 dl.area > dd.list-con4 > dl:first-of-type:not(:only-child) {margin-top:-1.6rem;}
}

/* --------------------------------------------------------------------------------
	PAGE : 대관신청내역 : 변경취소
--------------------------------------------------------------------------------- */
.list-con1 > dl {border:1px solid var(--line2);}
.list-con1 > dl > dt, .list-con1 > dl > dd {padding:1.5rem;}
.list-con1 > dl + dl {margin:0.3rem 0 0;}

.list-con1 .heading {color:var(--primary-c1);font-weight:700;background:var(--bg3);}
.list-con1 .heading:before {content:'■ ';}
.list-con1 .tit {display:flex;margin:0 0 1.0rem;padding:0 0 0 1.0rem;text-align:left;justify-content:space-between;width:100%;font-weight:500;}
.list-con1 .tit strong {flex:1;}
.list-con1 .tit:before {content:'\00B7';display:block;float:left;width:1.0rem;margin:0 0 0 -1.0rem;}

.list-con1 > dl > dd > ul {display:flex;flex-wrap:wrap;}
.list-con1 > dl > dd > ul > li {min-width:0;}

@media only screen and (min-width:984px){
	.list-con1 > dl + dl {margin:1.0rem 0 0;}
	.list-con1 > dl > dt {padding:1.5rem 3.0rem;}
	.list-con1 > dl > dd {padding:3.0rem;}
	.list-con1 > dl > dd > ul {gap:4.0rem 3.0rem;}
	.list-con1 > dl > dd > ul > li {flex:0 0 calc(50% - 2.0rem);}
}

@media only screen and (min-width:1550px){
	.list-con1 > dl > dt {padding:1.5rem 4.0rem;}
	.list-con1 > dl > dd {padding:4.0rem;}
	.list-con1 > dl > dd > ul {gap:2.0rem 6.0rem;}
	.list-con1 > dl > dd > ul > li {flex:0 0 calc(33.3333% - 4.0rem);}
}

@media only screen and (max-width:983px){
	.list-con1 > dl > dd > ul {gap:3.0rem;}
	.list-con1 > dl > dd > ul > li {flex:0 0 calc(50% - 2.0rem);}
}

@media only screen and (max-width:768px){
	.list-con1 > dl > dd > ul > li {flex:0 0 100%;}
}

/* --------------------------------------------------------------------------------
	PAGE : 회원서비스
--------------------------------------------------------------------------------- */
/* 간략박스영역 */
.wrap-section2 {padding:3.0rem 0;border-top:2px solid var(--line1);border-bottom:2px solid var(--line1);}

@media only screen and (min-width:984px){
	.wrap-section2 {padding:7.0rem;}
	.wrap-section2 .mes-t1 + .list-con2 {margin:6.4rem 0 0;}
}

@media only screen and (min-width:769px) and (max-width:983px){
	.wrap-section2 {padding:4.0rem 6%;}
}

/* 본인인증 */
.list-con2.img-set1 > dl {position:relative;display:flex;flex-direction:column;align-items:flex-start;}
.list-con2.img-set1 > dl:after {content:'';display:block;position:absolute;right:0;top:0;}
.list-con2.img-set1 > dl dt {margin:0 0 0.8rem;padding:0 0 1.8rem;font-family:var(--family2);font-size:1.8rem;line-height:2.0rem;font-weight:500;border-bottom:0.2rem solid var(--line1);}
.list-con2.img-set1 > dl.img1:after {width:3.7rem;height:6.4rem;background:url(../../images/com/ico_policy1.svg) no-repeat 0 0 / 100% 100%;}
.list-con2.img-set1 > dl.img2:after {width:4.4rem;height:6.1rem;background:url(../../images/com/ico_policy2.svg) no-repeat 0 0 / 100% 100%;}

@media only screen and (min-width:984px){
	.list-con2.img-set1 > dl dt {margin:0 0 1.5rem;padding:0 0 3.0rem;font-size:2.4rem;line-height:2.6rem;}
	.list-con2.img-set1 > dl.img1:after {right:20%;width:9%;height:100%;background-size:100% auto;}
	.list-con2.img-set1 > dl.img2:after {right:22%;width:11%;height:100%;background-size:100% auto;}
	.list-con2.img-set1 > dl .area-btn2 {width:100%;}
	.list-con2.img-set1 > dl .area-btn2 .btn-action1 {width:100%;}

	.wrap-section2 .list-con2.img-set1 > dl:nth-of-type(1) {margin-left:-7.0rem;}
	.wrap-section2 .list-con2.img-set1 > dl:nth-last-of-type(1) {margin-right:-7.0rem;}
}

@media only screen and (min-width:769px) and (max-width:983px){
	.wrap-section2 .list-con2.img-set1 > dl:nth-of-type(1) {margin-left:-6%;}
	.wrap-section2 .list-con2.img-set1 > dl:nth-last-of-type(1) {margin-right:-6%;}
}

@media only screen and (min-width:769px){
	.list-con2.img-set1 {display:flex;justify-content:space-around;}
	.list-con2.img-set1 > dl {flex:1;padding:0 10%;}
	.list-con2.img-set1 > dl + dl {border-left:1px solid var(--line3);}
}

@media only screen and (max-width:983px){
	.list-con2.img-set1 > dl .area-btn2 {margin:1.6rem 0 0;}
	.list-con2.img-set1 > dl .area-btn2 .btn-action1 {min-width:17.0rem;}
}

@media only screen and (min-width:769px) and (max-width:983px){
	.list-con2.img-set1 > dl {padding:0 6%;}
	.list-con2.img-set1 > dl:after {right:12%;}
	.list-con2.img-set1 > dl .area-btn2, .list-con2.img-set1 > dl .area-btn2 .btn-action1 {width:100%;}
}

@media only screen and (max-width:768px){
	.list-con2.img-set1 > dl + dl {margin:6.0rem 0 0;}
	.list-con2.img-set1 > dl + dl:before {content:'';display:block;position:absolute;left:0;right:0;top:-3.0rem;height:1px;background:var(--line3);}
	.list-con2.img-set1 > dl {padding-right:11.4rem;}
	.list-con2.img-set1 > dl dt + dd br {display:none;}
}

@media only screen and (max-width:389px){
	.list-con2.img-set1 > dl {padding-right:8.4rem;}
	.list-con2.img-set1 > dl .area-btn2 {width:100%;}
	.list-con2.img-set1 > dl .area-btn2 .btn-action1 {max-width:17.0rem;}
}

/* 가입완료 */
.list-con2.img-set2 > ul > li {position:relative;padding:0 0 0 8.4rem;display:flex;align-items:center;min-height:5.0rem;}
.list-con2.img-set2 > ul > li:before {content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5.4rem;height:5.0rem;}
.list-con2.img-set2 > ul > li.img1:before {background:url(../../images/com/ico_mem1.svg) no-repeat 0 0 / 100% 100%;}
.list-con2.img-set2 > ul > li.img2:before {background:url(../../images/com/ico_mem2.svg) no-repeat 0 0 / 100% 100%;}
.list-con2.img-set2 > ul > li + li:after {content:'';display:block;position:absolute;background:var(--line3);}

@media only screen and (min-width:984px){
	.list-con2.img-set2 > ul {display:flex;justify-content:space-around;gap:0 12.0rem;}
	.list-con2.img-set2 > ul > li {flex:1;padding:0 0 0 14.4rem;min-height:9.6rem;}
	.list-con2.img-set2 > ul > li:before {width:10.4rem;height:9.6rem;}
	.list-con2.img-set2 > ul > li + li:after {left:-6.0rem;top:0;bottom:0;width:1px;}
}

@media only screen and (max-width:983px){
	.list-con2.img-set2 > ul > li {padding:0 0 0 8.4rem;min-height:5.0rem;}
	.list-con2.img-set2 > ul > li:before {width:5.4rem;height:5.0rem;}
	.list-con2.img-set2 > ul > li br {display:none;}
	.list-con2.img-set2 > ul > li + li {margin:6.0rem 0 0;}
	.list-con2.img-set2 > ul > li + li:after {left:0;right:0;top:-3.0rem;height:1px;background:var(--line3);}
}

/* 회원탈퇴 */
.list-con2.img-set3 > p {position:relative;padding:0 0 0 8.4rem;display:flex;align-items:center;min-height:6.6rem;}
.list-con2.img-set3 > p:before {content:'';display:block;position:absolute;left:0;top:0;width:6.4rem;height:6.6rem;background:url(../../images/com/ico_mem3.svg) no-repeat 0 0 / 100% 100%;}

@media only screen and (min-width:984px){
	.list-con2.img-set3 > p {flex:1;padding:0 0 0 13.7rem;min-height:8.9rem;}
	.list-con2.img-set3 > p:before {width:8.7rem;height:8.9rem;}

	.wrap-section2 .mes-t1 + .list-con2.img-set3 {margin:4.0rem 0 0;}
}

/* --------------------------------------------------------------------------------
	PAGE : 기타 : 약관컨텐츠
--------------------------------------------------------------------------------- */
.con-policy1 {display:flex;flex-direction:column;gap:2.5em 0;word-break:break-all;--el-font:var(--font1);font-size:var(--el-font);line-height:(var(--el-font) + 1.0rem)}
.con-policy1 > ol > li + li {margin:2.5em 0 0;}
.con-policy1 .heading {display:block;margin:0 0 2.0rem;font-family:var(--font1);font-weight:700;font-size:1.25em;line-height:1.5;}
.con-policy1 .tit {display:block;font-weight:500;margin:0.25em 0 0;}
.con-policy1 dl > dt[role="heading"] {margin:0 0 0.25em;font-weight:700;}
.con-policy1 dl > dt[role="heading"] ~ dt[role="heading"] {margin-top:2.0rem;}
.con-policy1 dl > dt[role="heading"] ~ dd li:not(:nth-child(1)) .tit {margin:0.5em 0 0;}
.con-policy1 dl > dt[role="heading"] ~ dd .sub li:not(:nth-child(1)) .tit {margin:0 0 0 -2.0rem;}
.con-policy1 dl > dt[role="heading"] ~ dd ul ul {margin:0 0 0.5em;}
.con-policy1 dl > dt[role="heading"] ~ dd + dd {margin:0.5em 0 0;}

.con-policy1 .box {margin:0.5em 0;padding:1.1rem 1.6rem;border:1px solid var(--line1);}

.con-policy1 .link-t2 {text-decoration:none;}

.con-policy1 .num > li {padding:0 0 0 1.25em;}
.con-policy1 .num > li > span:nth-child(1) {width:1.25em;float:left;margin:0 0 0 -1.25em;}

.con-policy1 [class*="bul"] > dd + dd {margin:0;}
.con-policy1 [class*="bul"] > li, .con-policy1 [class*="bul"] > dd, .con-policy1 [class*="bul"]:not(ul):not(dl) {padding:0 0 0 0.8em;}
.con-policy1 [class*="bul"] > li:before, .con-policy1 [class*="bul"] > dd:before, .con-policy1 [class*="bul"]:not(ul):not(dl):before  {width:0.8em;float:left;margin:0 0 0 -0.8em;}
.con-policy1 .bul1 > li:before, .con-policy1 .bul1 > dd:before, .con-policy1 .bul1:not(ul):not(dl):before {content:'-';}
.con-policy1 .bul2 > li:before, .con-policy1 .bul2 > dd:before, .con-policy1 .bul2:not(ul):not(dl):before {content:'ㆍ';}
.con-policy1 > ol [class*="bul"] > dt {font-weight:700;}

.con-policy1 dl[class*="bul"] {margin:1.0em 0;}

.con-policy1 .tbl {position:relative;border:1px solid var(--line3);--el-font:1.2rem;margin:0.5em 0;}
.con-policy1 .tbl .unit {position:absolute;right:0;bottom:calc(100% + 0.5em);}
.con-policy1 .tbl table {width:calc(100% + 2px);margin:-1px;border:1px solid var(--line3);border-right:0;}
.con-policy1 .tbl > table th, .con-policy1 .tbl > table td {min-height:3.6rem;height:3.6rem;padding:0.6rem 0.8rem;font-size:var(--el-font);line-height:calc(var(--el-font) + 0.6rem);border-right:1px solid var(--line3);}
.con-policy1 .tbl > table th, .con-policy1 .tbl > table thead tr ~ tr th {background:var(--bg3);}
.con-policy1 .tbl > table thead tr ~ tr th {border-top:1px solid var(--line3);}
.con-policy1 .tbl > table thead th, .con-policy1 .tbl > table tbody th[scope="rowgroup"] {background:var(--bg1);}
.con-policy1 .tbl > table thead + tbody tr th, .con-policy1 .tbl > table thead + tbody tr td,
.con-policy1 .tbl > table tbody tr ~ tr th, .con-policy1 .tbl > table tbody tr ~ tr td {border-top:1px solid var(--line3);}
.con-policy1 .tbl dl {text-align:left;}

.con-policy1 .tbl thead ~ tbody td {text-align:center;}

@media only screen and (min-width:984px){
	.con-policy1 .tbl {--el-font:var(--font2);}
	.con-policy1 .tbl > table th, .con-policy1 .tbl > table td {min-height:3.2rem;height:3.2rem;}
}

.con-policy1 .num > li [class*="bul"] {margin:0 0 0.2em -0.75em;}
.con-policy1 .num > li dl[class*="bul"] > dt {margin:0 0 0 -0.5em;}
.con-policy1 .num .num {margin:0 0 0.5em -1.25em;}
.con-policy1 .num .num.sub {margin:0 0 0.5em 0;}
.con-policy1 .num .tbl {margin:0.5em 0 0.5em -1.25em;}

.con-policy1 [role="group"].important {font-weight:700;}
.con-policy1 [role="group"].important.num > li + li {margin:0.5em 0 0;}
.con-policy1 [role="group"].important.sub {margin:1.0em 0;}

.tit-sub1 + .con-policy1 {margin:4.0rem 0 0;}

/*.form-agree1 .con-policy1 {--el-font:1.4rem;}
.form-agree1 .con-policy1 .heading {font-family:var(--family1);font-size:1em;}
.form-agree1 .con-policy1 .heading,
.form-agree1 .con-policy1 .tit, .form-agree1 .con-policy1 dl > dt[role="heading"],
.form-agree1 .con-policy1 > ol [class*="bul"] > dt {font-weight:400;}
.form-agree1 .con-policy1 [role="group"].important {font-weight:600;}*/

/* --------------------------------------------------------------------------------
	PAGE : 기타 : 외부링크 iframe
--------------------------------------------------------------------------------- */
.area-frame1  {border:1px solid var(--line3);}
.area-frame1 iframe {width:100%;display:block;}
@charset "utf-8";

/* --------------------------------------------------------------------------------
	PAGE : 가이드용
--------------------------------------------------------------------------------- */
.data-progress1 {position:absolute;right:0;top:0;text-align:right;line-height:4.6rem;}

/* 목록테이블 */
.tbl-guide1 {border-top:0.1rem solid var(--line1);background:#fff;}
.tbl-guide1 table {width:100%;table-layout:fixed;}
.tbl-guide1 table th,
.tbl-guide1 table td {padding:0.9rem 1.0rem;border-bottom:0.1rem solid var(--line3);border-left:0.1rem solid var(--line3);font-size:1.4rem;line-height:1.5;text-align:center;}
.tbl-guide1 table tr td:first-child,
.tbl-guide1 table tr:not(.sub) th:first-child {border-left:0;}
.tbl-guide1 table thead th {font-weight:600;}
.tbl-guide1 table td.file {text-align:left;}
.tbl-guide1:not(:first-child) {margin-top:0.8rem;}

.tbl-guide1[data-html-process="data"] tbody a {display:inline-block;color:var(--primary-c3);border-bottom:0.1rem solid var(--primary-c3);}
.tbl-guide1[data-html-process="data"] table td:nth-child(1) ~ td:not(.end):not(.modify) {text-align:left;}
.tbl-guide1[data-html-process="data"] tbody td.file {text-align:left;}
.tbl-guide1[data-html-process="data"] tbody td.modify .con {display:none;}
.tbl-guide1[data-html-process="data"] tbody td[data-end] {position:relative;}
.tbl-guide1[data-html-process="data"] tbody td[data-end]:after {content:'~'attr(data-end);font-size:1.1rem;color:var(--g3);position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}
.tbl-guide1[data-html-process="data"] tbody td.memo {font-size:1.3rem;color:var()}

.tbl-guide1[data-html-process="data"] tr[data-state="wait"] td {background:rgba(0,0,0,0.02);color:var(--g3);}
.tbl-guide1[data-html-process="data"] tr[data-state="wait"] td.end:before {content:'작업대기';display:inline-block;font-size:1.3rem;line-height:2.4rem;}
.tbl-guide1[data-html-process="data"] tr[data-state="ing"] td.end:before {content:'작업진행';display:inline-block;font-size:1.3rem;line-height:2.4rem;color:var(--primary-c1);}
.tbl-guide1[data-html-process="data"] tr[data-state="modify"] td.memo:before {content:'수정진행';display:inline-block;padding:0 0.6rem;font-size:1.3rem;line-height:2.4rem;background:var(--primary-c3);color:var(--g1);}

/* 목록테이블 : 해상도별 노출목록 조절 */
.tbl-guide1[data-html-process="data"] table th:nth-child(1), .tbl-guide1[data-html-process="data"] table td:nth-child(1) {width:5.0rem;}
.tbl-guide1[data-html-process="data"] table th:nth-child(2), .tbl-guide1[data-html-process="data"] table td:nth-child(2) {width:14.0rem;}
.tbl-guide1[data-html-process="data"] table th:nth-child(3), .tbl-guide1[data-html-process="data"] table td:nth-child(3) {width:14.0rem;}
.tbl-guide1[data-html-process="data"] table th:nth-child(4), .tbl-guide1[data-html-process="data"] table td:nth-child(4),
.tbl-guide1[data-html-process="data"] table th:nth-child(5), .tbl-guide1[data-html-process="data"] table td:nth-child(5) {width:14.0rem;}
.tbl-guide1[data-html-process="data"] table th:nth-last-child(4), .tbl-guide1[data-html-process="data"] table td:nth-last-child(4) {width:12.0rem;}
.tbl-guide1[data-html-process="data"] table th:nth-last-child(2), .tbl-guide1[data-html-process="data"] table td:nth-last-child(2),
.tbl-guide1[data-html-process="data"] table th:nth-last-child(3), .tbl-guide1[data-html-process="data"] table td:nth-last-child(3) {width:8.0rem;color:var(--g2);}

@media only screen and (max-width:983px){
	.tbl-guide1[data-html-process="data"] table th:nth-last-child(4) ~ th,
	.tbl-guide1[data-html-process="data"] table td:nth-last-child(4) ~ td {display:none;}
}

@media only screen and (max-width:640px){
	.tbl-guide1 table {table-layout:auto;}
	.tbl-guide1[data-html-process="data"] table th:nth-child(1),
	.tbl-guide1[data-html-process="data"] table td:nth-child(1) {display:none;}
}

hr.line1 {clear:both;display:block;width:100%;height:0;border:0;margin:3.0rem 0;border-top:0.1rem dashed var(--line3);}
hr.line2 {clear:both;display:block;width:100%;height:0;border:0;margin:1.0rem 0;}
hr.line3 {clear:both;display:block;width:100%;height:0;border:0;margin:3.0rem 0;border-top:1.2rem solid var(--color-gray4);}

[id^="uiPOPModify"] .con > dl {display:flex;border-top:0.1rem solid var(--line2);border-bottom:0.1rem solid var(--line2);font-size:1.4rem;}
[id^="uiPOPModify"] .con > dl > dt {width:10.0rem;text-align:center;background:var(--bg2);}
[id^="uiPOPModify"] .con > dl > dt, [id^="uiPOPModify"] .con > dl > dd {padding:1.0rem;}
/*
Copyright (c) 2021 Kil Hyung-jin, with Reserved Font Name Pretendard.
https://github.com/orioncactus/pretendard

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*/

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), url(/include/css/font/Pretendard-Black.woff2) format('woff2'), url(/include/css/font/Pretendard-Black.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'), url(/include/css/font/Pretendard-ExtraBold.woff2) format('woff2'), url(/include/css/font/Pretendard-ExtraBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), url(/include/css/font/Pretendard-Bold.woff2) format('woff2'), url(/include/css/font/Pretendard-Bold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), url(/include/css/font/Pretendard-SemiBold.woff2) format('woff2'), url(/include/css/font/Pretendard-SemiBold.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), url(/include/css/font/Pretendard-Medium.woff2) format('woff2'), url(/include/css/font/Pretendard-Medium.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), url(/include/css/font/Pretendard-Regular.woff2) format('woff2'), url(/include/css/font/Pretendard-Regular.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), url(/include/css/font/Pretendard-Light.woff2) format('woff2'), url(/include/css/font/Pretendard-Light.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), url(/include/css/font/Pretendard-ExtraLight.woff2) format('woff2'), url(/include/css/font/Pretendard-ExtraLight.woff) format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), url(/include/css/font/Pretendard-Thin.woff2) format('woff2'), url(/include/css/font/Pretendard-Thin.woff) format('woff');
}

.dialogfont {
    font-family: "돋움";
    font-size: 11px;
    line-height: 16px;
}

.ui-button-text {
    font-family: "돋움";
    font-size: 11px;
}

.ui-autocomplete {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.ui-dialog .ui-dialog-content {
    padding: 0px !important;
    border: none;
}

.ui-dialog {
    z-index: 10000 !important;
}

.nocss {
}

.doublecursor {
    cursor: hand;
    cursor: pointer;
}

.imekor {
    ime-mode: active;
}

.imeeng {
    ime-mode: inactive;
}

.imedisable {
    ime-mode: disabled;
}

.onlynumber {
}

.noinput {
}

.inlinetooltip {
    color: #ABADB3;
}

.displayNone {
    display: none;
}

.ajaxCenter {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 1000;
}

.originalTextareaInfo {
    font-size: 12px;
    color: #000000;
    font-family: Tahoma, sans-serif;
    text-align: right
}

.warningTextareaInfo {
    font-size: 12px;
    color: #FF0000;
    font-family: Tahoma, sans-serif;
    text-align: right
}

hr {
    clear: both;
    display: block;
    visibility: hidden;
    height: 10px
}

.tl {
    text-align: left
}

.tc {
    text-align: center !important
}

.tr {
    text-align: right
}

.fr {
    float: right
}

.fl {
    float: left
}

/* 모달 윈도우 */

.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 10001;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.75);
    text-align: center;
}

    .blocker:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.05em;
    }

    .blocker.behind {
        background-color: transparent;
    }

.modal {
    z-index: 110;
    box-sizing: border-box;
    background: #fff;
    padding: 30px 30px 5px 30px;
    vertical-align: middle;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    text-align: left;
}

    .modal a.close-modal {
        position: absolute;
        top: -12.5px;
        right: -12.5px;
        display: block;
        width: 30px;
        height: 30px;
        text-indent: -9999px;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0;
    }

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -32px;
    margin-top: -32px;
    background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}

/* 드래그 앤 드랍 */
/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.dndPlaceholder {
    background-color: #ddd;
    display: block;
    min-height: 42px;
}


input::-webkit-input-placeholder {
    color: #D5D5D5;
}

input:-ms-input-placeholder {
    color: #D5D5D5;
}


/* 주석 */
.annotation {
    display: block;
    color: #d43f3b;
    line-height: 22px;
    padding: 4px 0;
    width: 96%
}

.annotation-inline {
    display: inline;
    color: #d43f3b;
    margin-left: 30px;
}

/* 공연 자동 검색 */
.ui-autocomplete {
    margin-top: 10px;
    padding: 10px;
    border: solid 1px #ccc;
    max-height: 200px; /* Optional: adds a scrollbar if the list is too long */
    overflow-y: auto; /* Optional: displays a vertical scrollbar */
    overflow-x: hidden; /* Optional: prevents horizontal scrollbar */
    width: 300px; /* Set your desired width here */
}
.ui-autocomplete-item {
    max-height: 200px; /* Optional: adds a scrollbar if the list is too long */
    overflow-y: auto; /* Optional: displays a vertical scrollbar */
    overflow-x: hidden; /* Optional: prevents horizontal scrollbar */
    width: 300px; /* Set your desired width here */
}

.area-frame1 {
    width: 100%;
    margin: 0 auto;
}

.area-frame1 iframe {
    width: 100%;
    height: 800px;
}

/* 테이블공통 데이터세팅 : 정산서 */

[class*="tbl-data"][data-format="board"] .label #listDateTime, [class*="tbl-data"][data-format="board"] [aria-describedby="listDateTime"] {width:11.5rem;}