25a9c828821f6c3208816aaa2dbef0262c299c2b.svn-base 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
  1. .cw-wordwrap {
  2. white-space: pre-wrap; /* CSS3 */
  3. white-space: -moz-pre-wrap; /* Firefox */
  4. white-space: -pre-wrap; /* Opera <7 */
  5. white-space: -o-pre-wrap; /* Opera 7 */
  6. word-wrap: break-word; /* IE */
  7. /*line-height: 200%;*/ /* IE */
  8. /* hcLee 2016 04 05*/
  9. overflow:auto;
  10. width:100%;
  11. /*overflow-y:auto;*/
  12. }
  13. /* hcLee 2016 04 07*/
  14. table {
  15. table-layout:fixed;
  16. }
  17. /* hcLee 2016 04 07*/
  18. .cw-multi-field
  19. {
  20. /*height: 48px;*/
  21. }
  22. .cw-multi-field-left
  23. {
  24. float: left;
  25. display: inline-block;
  26. width: 50%;
  27. }
  28. .cw-multi-field-left > div
  29. {
  30. float: left;
  31. }
  32. .cw-multi-field-right
  33. {
  34. float: right;
  35. display: inline-block;
  36. width: 50%;
  37. }
  38. .cw-multi-field-right > div
  39. {
  40. float: left;
  41. }
  42. .cw-multi-field-merge
  43. {
  44. min-height: 32px;
  45. }
  46. .cw-multi-field-label-ex
  47. {
  48. width: 96px;
  49. }
  50. .cw-multi-field-overlay > .dx-field-label
  51. {
  52. width: 96px;
  53. }
  54. .cw-multi-field-overlay > .dx-field-value
  55. {
  56. float: left;
  57. }
  58. .cw-multi-field-label
  59. {
  60. width: 96px;
  61. padding-top: 24px;
  62. padding-bottom: 0px;
  63. }
  64. .cw-multi-field-value-multiple:not(.dx-button)
  65. {
  66. float: left;
  67. display:inline-block;
  68. /*margin-top: 16px;*/
  69. padding-top: 0px;
  70. padding-bottom: 0px;
  71. padding: 8px 10px;
  72. }
  73. #searchViewCheckBox {
  74. display: inline;
  75. float: left;
  76. width: 40px;
  77. }
  78. #searchViewCondition {
  79. display: inline;
  80. float: left;
  81. width: 300px;
  82. }
  83. /* cw */
  84. .Cw-NextButton{
  85. position:relative;
  86. background-image:url(/images/home-page-right.png);
  87. background-repeat:no-repeat;
  88. background-position:left center;
  89. margin-left:15px;
  90. width: 38px;
  91. height:100px;
  92. cursor:pointer;
  93. cursor:hand;
  94. }
  95. .Cw-NextButton:hover{
  96. background-image:url(/images/home-page-right-hot.png);
  97. }
  98. .Cw-HideNextButton{
  99. position:relative;
  100. background-image:url(/images/next-arrow-inactive.png);
  101. background-repeat:no-repeat;
  102. background-position:left center;
  103. margin-left:15px;
  104. width: 38px;
  105. height:100px;
  106. cursor:default;
  107. }
  108. .Cw-PrevButton{
  109. background-image:url(/images/home-page-left.png);
  110. background-repeat:no-repeat;
  111. background-position:right center;
  112. margin-right:15px;
  113. width: 38px;
  114. height:100px;
  115. cursor:pointer;
  116. cursor:hand;
  117. }
  118. .Cw-PrevButton:hover{
  119. background-image:url(/images/home-page-left-hot.png);
  120. }
  121. .clear-line {
  122. border-bottom: 1px solid lightgray;
  123. }
  124. .Cw-HidePrevButton {
  125. position: relative;
  126. background-image: url(/images/prev-arrow-inactive.png);
  127. background-repeat: no-repeat;
  128. background-position: right center;
  129. margin-right: 15px;
  130. width: 38px;
  131. height: 100px;
  132. cursor: default;
  133. }
  134. .dx-icon-chevronleft
  135. {
  136. font: 14px/1 DXIcons;
  137. }
  138. .dx-icon-chevronnext
  139. {
  140. font: 14px/1 DXIcons;
  141. }
  142. /* jhlee 2016-05-12 */
  143. .jh-popup-group {
  144. max-height: 637px;
  145. border-bottom: 1px solid #fff;
  146. }
  147. .jh-popup-label {
  148. padding-top: 10px;
  149. padding-left: 15px;
  150. padding-right: 5px;
  151. padding-bottom: 10px;
  152. height: 36px;
  153. background: #d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat;
  154. border-bottom: 1px solid #fff;
  155. }
  156. .jh-width-2-10 {
  157. width:20%;
  158. }
  159. .jh-width-3-10 {
  160. width:30%;
  161. }
  162. .jh-width-8-10 {
  163. width:80%;
  164. }
  165. .jh-width-1-11 {
  166. width: calc(100% / 11);
  167. }
  168. .jh-width-1-2 {
  169. width:50%;
  170. }
  171. .jh-width-5-11 {
  172. width: calc(100% / 11 * 5);
  173. }
  174. .jh-width-6-11 {
  175. width: calc(100% / 11 * 6);
  176. }
  177. .jh-column-head {
  178. background:#E0E0E0;
  179. text-align: center;
  180. }
  181. .jh-multi-line {
  182. display:block;
  183. width: 100%;
  184. height: 36px;
  185. border-bottom: 1px solid #fff;
  186. }
  187. .jh-multi-line.double-height {
  188. height: 72px;
  189. }
  190. .jh-multi-line-item {
  191. display:inline-block;
  192. height: 100%;
  193. margin: 0px;
  194. vertical-align:middle;
  195. text-align: center;
  196. }
  197. .jh-multi-line-item.cw-wordwrap {
  198. text-align: left;
  199. padding-left: 10px;
  200. }
  201. .jh-multi-line-item:after {
  202. content: "";
  203. height: 100%;
  204. display: inline-block;
  205. vertical-align: middle;
  206. }
  207. .jh-multi-line-item:not(:last-child) {
  208. border-right: 2px solid #fff;
  209. }
  210. .jh-popup-contents {
  211. min-height: 72px;
  212. max-height: 300px;
  213. }
  214. .jh-grid-in-popup {
  215. height: 300px;
  216. width: 100%;
  217. }
  218. .jh-line-bar-right {
  219. height: 40px;
  220. width: 100%;
  221. padding:5px 0;
  222. }
  223. .dx-popup-content
  224. .dx-button.jh_btn_delete_item,
  225. .dx-button.jh_btn_refresh_item {
  226. float:right;
  227. height: 100%;
  228. width: 100px;
  229. color: white;
  230. line-height:27px;
  231. margin: 0 2px;
  232. }
  233. /**** 공지사항 ****/
  234. .user_info { position:absolute; right:20px; top:5px; }
  235. .user_info ul li { float:left; line-height:24px; padding-right:10px; }
  236. .user_name { font-weight:bold; color:#fff; }
  237. .user_masage { color:#b3d4f5; margin-right:50px; }
  238. /***** 트리 *****/
  239. .tree_wrap_box { background: url(../images/custom/ibems_light/tree_bg01.png); border:1px solid #eaeaea; padding:15px; overflow:hidden;
  240. -webkit-border-radius: 5px 5px 5px 5px;
  241. border-radius: 5px 5px 5px 5px;
  242. /*-webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
  243. box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);*/
  244. -moz-box-sizing: border-box;
  245. -webkit-box-sizing: border-box;
  246. box-sizing: border-box;
  247. overflow-y:scroll;
  248. }
  249. /**** 버튼박스 ****/
  250. .button_wrap_box { background: #fafafa; border:1px solid #eaeaea; padding:5px; margin-top:15px;
  251. -webkit-border-radius: 5px 5px 5px 5px;
  252. border-radius: 5px 5px 5px 5px;
  253. -moz-box-sizing: border-box;
  254. -webkit-box-sizing: border-box;
  255. box-sizing: border-box;
  256. }
  257. /********** 시설관리 결과 ****************/
  258. .result_popup_table_wrap, .result_popup_table_wrap2 { border:2px solid #8fbbdb; padding:5px; }
  259. .result_popup_table_wrap table { width:100%; border-collapse:collapse; }
  260. .result_popup_table_wrap table td { /*border-bottom:1px solid #fff;*/ background:#fafafa }
  261. .result_popup_table_wrap table td.result_item { width:90px; background:#d5ecfd; height:24px; }
  262. .result_popup_table_wrap table td.result_item_td_small { width:70px; background:#d5ecfd; height:24px; }
  263. .result_popup_table_wrap table td.result_item_td_small div { min-height:24px; line-height:24px; }
  264. .result_popup_table_wrap table td.result_item_var { width:90px; background:#d5ecfd; padding-left:15px; padding-right:5px; padding-top:12px; padding-bottom:12px; background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat; vertical-align:top }
  265. .result_popup_table_wrap2 table { width:100%; border-collapse:collapse; }
  266. .result_popup_table_wrap2 table td { border-bottom:1px solid #9ab7cc; background:#fafafa }
  267. .result_popup_table_wrap2 table td.result_item { width:90px; background:#d5ecfd; height:24px; }
  268. .result_popup_table_wrap2 table td.result_item_td_small { width:70px; background:#d5ecfd; height:24px; }
  269. .result_popup_table_wrap2 table td.result_item_td_small div { min-height:24px; line-height:24px; }
  270. .result_popup_table_wrap2 table td.result_item_var { width:90px; background:#d5ecfd; padding-left:15px; padding-right:5px; padding-top:12px; padding-bottom:12px; background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat; vertical-align:top }
  271. .result_popup_table_wrap2 table td.result_item_respon { min-width:100px; padding-left:15px; padding-right:5px; padding-top:12px; padding-bottom:12px; background:#d5ecfd url(../images/custom/ibems_light/arrow01.png) 5px 19px no-repeat; }
  272. .result_popup_table_wrap2 table td.result_item div, .result_popup_table_wrap table td.result_item_td_small div { width:70px !important }
  273. .result_popup_table_wrap2 table td.result_con { width:auto; background:#e2f1fc }
  274. .result_popup_table_wrap2 table td.result_con input { background:#e2f1fc }
  275. .result_popup_table_wrap table td.result_con div.result_day_select, .result_popup_table_wrap table td.result_con div.result_time_select { float:left; height:41px; margin-right:1px; width:130px !important }
  276. .result_popup_table_wrap2 table td.result_con div.result_day_select, .result_popup_table_wrap2 table td.result_con div.result_time_select { float:left; height:41px; margin-right:1px; width:130px !important }
  277. .minimal_height { height:15px !important; padding-top:10px !important; padding-bottom:10px !important;}
  278. /* 푸터 */
  279. .footer_wrap * { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
  280. .footer_wrap { background:#f0f0f0; border-top:1px solid #CCC; margin:0; padding:0; }
  281. .system_name, .copyright_content { display:inline-block; margin-right:20px; }
  282. .system_name { color:#0683b9; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }
  283. .system_name strong { color:#023950 }
  284. .copyright_content { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
  285. /*hcLee 추가 V14.1-V15.1*/
  286. .dx-field-value:not(.dx-button) {
  287. padding: 8px 15px;
  288. text-overflow: ellipsis;
  289. overflow: hidden;
  290. }
  291. .dx-field-value.dx-widget {
  292. margin-top: 0;
  293. margin-bottom: 0;
  294. }
  295. .dx-field-value.dx-widget:not(.dx-button) {
  296. padding-left: 0;
  297. padding-right: 0;
  298. padding:inherit; /*hcLee 추가 */
  299. }
  300. .dx-field-value {
  301. -o-text-overflow: ellipsis;
  302. -ms-text-overflow: ellipsis;
  303. position: relative;
  304. -webkit-box-sizing: border-box;
  305. -moz-box-sizing: border-box;
  306. box-sizing: border-box;
  307. }
  308. .dx-theme-generic-typography .dx-table-label {
  309. background:#ffffff url(../images/custom/ibems_light/arrow01.png) 5px center no-repeat;
  310. padding-left:15px;
  311. }
  312. /* jhlee 2016-05-12 */
  313. .dx-popup-content {
  314. max-height: 100% !important;
  315. overflow-y: auto;
  316. }
  317. /* hcLee 2016 07 06 */
  318. #gridContainerCD {
  319. height: auto;
  320. width: 100%;
  321. }
  322. #gridContainerCD td {
  323. vertical-align: middle;
  324. }
  325. #gridContainerCD td.chart-cell {
  326. overflow: visible;
  327. }
  328. #gridContainerCD td span.current-value {
  329. display: inline-block;
  330. position: relative;
  331. }
  332. #gridContainerCD td span.diff {
  333. /*float: right;*/
  334. }
  335. #gridContainerCD td.dec span.diff {
  336. color: #2ab71b;
  337. }
  338. #gridContainerCD td.inc span.diff {
  339. color: #f00;
  340. }
  341. #gridContainerCD td div.diff-container {
  342. display: inline-block;
  343. width: 95%;
  344. text-align: center;
  345. }
  346. #gridContainerCD td.inc span.current-value:after,
  347. #gridContainerCD td.dec span.current-value:after {
  348. content: '';
  349. display: block;
  350. height: 10px;
  351. width: 10px;
  352. position: absolute;
  353. left: 10px;
  354. top: -6px;
  355. background-repeat: no-repeat;
  356. background-size: 10px 10px;
  357. }
  358. #gridContainerCD td.inc span.current-value:after {
  359. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABsklEQVR42mL8//8/A0WAkbEFTP//X0OJMQABxAByCNmYgWHyf5ATIHgyJWYBBBC5DmAG4jlIjoDhOWA5MswECCByHMEGxEuxOAKGV4DVkGguQACR6ghOIN6IxxEwvBGslgSzAQKIVEfsJcIRMLyXFMcABBCxjuAH4mMkOAKGj4H1EmEHQAAR4whRID5PhiNg+DzYDAL2AAQQIUdIA/FVChwBw1fBZuGxCyCA8DlCDojvUcERMHwPbCYO+wACCJcj1IH4CRUdAcNPwGZjsRMggLA5wgCIX9HAETD8CmwHmr0AAYTuCEsgfktDR8DwW7BdSHYDBBCyI+yB+DMdHAHDn8F2Qu0HCCCYI7yB+BsdHQHD38B2A1kAAQRyRAgQ/xwAR8AwyO4QgABiBCUcYHOAGU9LQQWIV1DWaGGIAOI7eOT/AgQQC9BNFwg0fH4xUA6uAe25jE8BQAAxMQwSABBAg8YhAAE0aBwCEECDxiEAATRoHAIQQIPGIQABNGgcAhBAg8YhAAE0aBwCEECDxiEAATRoHAIQQIPGIQABNGgcAhBAg8YhAAE0aBwCEECDxiEAAQYAKM2/h/V+ihUAAAAASUVORK5CYII=');
  360. }
  361. #gridContainerCD td.dec span.current-value:after {
  362. background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAB9klEQVR42mL8//8/Az6gtV1aF0hdYqAM6F3zfHoZnwKAAGJiGCQAIIAGjUMAAmjQOAQggAaNQwACaNA4BCCABo1DAAJo0DgEIIAGjUMAAmjQOAQggAaNQwACaNA4BCCABo1DAAJo0DgEIIAGjUMAAmjQOAQggAaNQwACiAXY8DEA0sx41KhQwR4toD1seOT/AgQQC9SipUDMRkMPr8Aj9wuIowECiBHUVAS61hvIWQ3EnHSOke9AHApsRm4FCCBGWJsV6Bh7ILUFiHno5IgvQOwPdMQ+EAcggOCJFShwEEi5AfE7OjgCZIcbzBEgABBAjOiteGji3QXEojRyxGuoIy4gCwIEECO27gTQMepAai8QS1PZEU+B2BnoiJvoEgABhLUcgSq0BeL7VHQEyCxbbI4AAYAAwlmgATXchzrmJhUccRPqCJweAwggvCUrUONTqGMuUOCIC1BHPMWnCCCACBbxQANAicsBiI+T4Yjj0DTxmpBCgAAiqq4BGvQRmrX3keCIfdDcQVRxABBARFd6QANBBZAPEG8lQjlIjQ9UD1EAIIBIqn2BBoOK5CAgXoNHGUguCKqWaAAQQCQ3A4AWgCqpCCBegEUaJBYBVUMSAAggRkLjIwTGTiYDqRwodzrQAVnkmgUQQBQ5BOqYdmhIVVJiDkCAAQBN2oji+eMq8QAAAABJRU5ErkJggg==')
  363. ;
  364. }