style.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423
  1. /**
  2. * 업무 화면 디자인 CSS
  3. **/
  4. @charset "utf-8";
  5. /* CSS Start */
  6. #login{ }
  7. .loginleft_01 {background-image:url(../img/index/main_02.gif); background-repeat:repeat-y; width:238px; height:80px;}
  8. .loginleft_02 {background-image:url(../img/index/main_02.gif); background-repeat:repeat-y; width:238px; vertical-align:top;}
  9. #input.login { font-family:돋음; font-size: 11px; background-color:white; border:#999999 solid 1px; height:15px; width:101px; }
  10. input.login { font-family: "돋움"; font-size: 12px; background-color:white; border:#09538e solid 1px; height:18px; width:155px; padding-left:5px;}
  11. .loginbox{ text-align:left; background-image:url(../img/index/main_03.gif); background-repeat:no-repeat; height:106px; width: 205px;}
  12. BODY {
  13. SCROLLBAR-3DLIGHT-COLOR : #595959;
  14. SCROLLBAR-ARROW-COLOR : #FFFFFF;
  15. SCROLLBAR-BASE-COLOR : #CFCFCF;
  16. SCROLLBAR-DARKSHADOW-COLOR : #FFFFFF;
  17. SCROLLBAR-FACE-COLOR : #CFCFCF;
  18. SCROLLBAR-HIGHLIGHT-COLOR : #FFFFFF;
  19. SCROLLBAR-SHADOW-COLOR : #595959;
  20. background-color : #ffffff;
  21. }
  22. TABLE.search_edge_table {
  23. width : 100%;
  24. background-color : #C3C3C3;
  25. cellpadding : 0px;
  26. cellspacing : 1px;
  27. }
  28. TABLE.insert_button_table {
  29. width : 100%;
  30. cellpadding : 0px;
  31. cellspacing : 0px;
  32. align : left;
  33. }
  34. TABLE.search_table {
  35. width : 100%;
  36. align : center;
  37. table-layout:fixed;
  38. background-color : #cbd2da;
  39. border-top: 2px solid; border-top-color: #c8cfd8;
  40. }
  41. TABLE.search_table02 {
  42. width : 100%;
  43. align : center;
  44. table-layout:fixed;
  45. background-color : #e8f2f4;
  46. border-top: 1px solid; border-top-color: #bcbcbc;
  47. }
  48. .now_location {
  49. COLOR : #3F7793;
  50. TEXT-DECORATION: none;
  51. }
  52. TABLE.data_table {
  53. width : 100%;
  54. align : center;
  55. table-layout:fixed;
  56. background-color : #C3C3C3;
  57. }
  58. TD {
  59. font-family : "굴림", "돋음", "Arial";
  60. font-size : 9pt;
  61. color : #5e5e5e;
  62. text-decoration : none;
  63. }
  64. TD.button_text1 {
  65. height:20;
  66. text-indent : 5px;
  67. font-family : "굴림", "돋음", "Arial";
  68. font-size : 9pt;
  69. padding : 0 0 0 0;
  70. color : #FFFFFF;
  71. font-weight : bold;
  72. background-image: url(/img/button/bt.gif);
  73. }
  74. TD.button_text2 {
  75. height:20;
  76. text-indent : 5px;
  77. font-family : "굴림", "돋음", "Arial";
  78. font-size : 9pt;
  79. padding : 0 0 0 0;
  80. color : #FFFFFF;
  81. font-weight : bold;
  82. background-image: url(/img/button/bt.gif);
  83. }
  84. /*
  85. SELECT {
  86. background-position : top left;
  87. background-repeat : no-repeat;
  88. }
  89. */
  90. SELECT.required {
  91. background-image : url(/img/icon/required.gif);
  92. background-position : top left;
  93. background-repeat : no-repeat;
  94. }
  95. /* 화면 타이틀의 테이블 */
  96. .screen_title_table {
  97. width : 100%;
  98. cellpadding : 0px;
  99. cellspacing : 0px;
  100. align : center;
  101. }
  102. /* 화면 타이틀의 텍스트 속성 */
  103. .screen_title_text {
  104. font-family : "굴림", "돋음", "Arial";
  105. font-size : 14px;
  106. font-weight : bold;
  107. color : black;
  108. }
  109. /* 검색 조건 - 검색 타이틀 영역 */
  110. .search_table_title {
  111. background-color : #e8f2f4;
  112. text-indent : 5px;
  113. font-family : "돋움";
  114. font-size : 11px;
  115. color : #545766;
  116. font-weight : bold;
  117. }
  118. /* 검색 조건 - 검색 데이터 영역 */
  119. .search_table_data {
  120. background-color : #FEFEFE;
  121. }
  122. /* 검색조건 영역과 검색버튼 영역을 구분하는 세로선 */
  123. .search_table_vertical_line {
  124. width : 1px;
  125. background-color : #C3C3C3;
  126. }
  127. /* 검색버튼 영역 */
  128. .search_button {
  129. background-color : #FEFEFE;
  130. }
  131. /* 검색버튼 DIV */
  132. .button_style {
  133. CURSOR : HAND;
  134. TEXT-ALIGN : CENTER;
  135. }
  136. /* 버튼 좌측 */
  137. .button_left1 {
  138. width : 10;
  139. height : 20;
  140. background-image: url(/img/button/bt_left_search.gif);
  141. }
  142. /* 버튼 좌측 */
  143. .button_left2 {
  144. width : 10;
  145. height : 20;
  146. background-image: url(/img/button/bt_left_search.gif);
  147. }
  148. /* 버튼 우측 */
  149. .button_right {
  150. width : 8;
  151. height : 20;
  152. background-image: url(/img/button/bt_right.gif);
  153. }
  154. /* 검색조건 가로 구분선 */
  155. .search_table_horizon_line {
  156. height : 1px;
  157. background-image: url(/img/common/dot_cols.gif);
  158. }
  159. /* 검색조건 영역과 데이터 영역의 구분 간격 */
  160. .search_data_div_height {
  161. width : 100%;
  162. height : 6px;
  163. background-color : #FFFFFF;
  164. vertical-align: top;
  165. }
  166. /* */
  167. .sheet_table_style{
  168. border : 0;
  169. width : 100%;
  170. border-spacing: 0px 0px ;
  171. }
  172. /* 입력 - 타이틀 영역 */
  173. .insert_table_title {
  174. background-color : #e1e0e0;
  175. /* text-indent : 5px; */
  176. padding-left : 5px;
  177. color : #FFFFFF;
  178. font-family : "돋움";
  179. font-size : 11px;
  180. color : #5e5e5e;
  181. font-weight : bold;
  182. }
  183. /*************/
  184. /* 입력 폼 필드 */
  185. /*************/
  186. .req {
  187. background-image : url(/img/icon/required.gif);
  188. background-position : top left;
  189. background-repeat : no-repeat;
  190. }
  191. /* 일반 */
  192. .input {
  193. FONT-FAMILY : "굴림", "Arial" ;
  194. FONT-SIZE : 9pt ;
  195. BORDER : #6A6A6A ;
  196. BORDER-STYLE : solid ;
  197. BORDER-TOP-WIDTH : 1px ;
  198. BORDER-RIGHT-WIDTH : 1px ;
  199. BORDER-BOTTOM-WIDTH : 1px ;
  200. BORDER-LEFT-WIDTH : 1px ;
  201. COLOR : #595A5A ;
  202. PADDING-LEFT : 3px;
  203. PADDING-RIGHT : 3px;
  204. PADDING-TOP : 2px;
  205. }
  206. /* SELECT */
  207. .input_select {
  208. FONT-FAMILY : "굴림", "Arial" ;
  209. FONT-SIZE : 9pt ;
  210. BORDER : #6A6A6A ;
  211. BORDER-STYLE : solid ;
  212. BORDER-TOP-WIDTH : 1px ;
  213. BORDER-RIGHT-WIDTH : 1px ;
  214. BORDER-BOTTOM-WIDTH : 1px ;
  215. BORDER-LEFT-WIDTH : 1px ;
  216. COLOR : #595A5A ;
  217. PADDING-LEFT : 3px;
  218. PADDING-TOP : 2px;
  219. }
  220. .input_select2 {
  221. FONT-FAMILY : "굴림", "Arial" ;
  222. FONT-SIZE : 9pt ;
  223. BORDER : 1 solid #224585 ;
  224. BORDER-STYLE : solid ;
  225. COLOR : #224585 ;
  226. cursor : text ;
  227. height : 12 ;
  228. background-color : #ffffff ;
  229. }
  230. /* INPUT TAG Style size-1 를 해줘야 크기가 같다. */
  231. .input_bold {
  232. FONT-FAMILY : "bold", "Verdana" ;
  233. FONT-SIZE : 9pt ;
  234. BORDER : #6A6A6A ;
  235. BORDER-STYLE : solid ;
  236. BORDER-TOP-WIDTH : 1px ;
  237. BORDER-RIGHT-WIDTH : 1px ;
  238. BORDER-BOTTOM-WIDTH : 1px ;
  239. BORDER-LEFT-WIDTH : 1px ;
  240. COLOR : #595A5A ;
  241. PADDING-LEFT : 3px;
  242. PADDING-TOP : 0.5px;
  243. }
  244. /* INPUT TAG Style */
  245. .input_textarea {
  246. FONT-FAMILY : "굴림", "Verdana" ;
  247. FONT-SIZE : 9pt ;
  248. BORDER : #6A6A6A ;
  249. BORDER-STYLE : solid ;
  250. BORDER-TOP-WIDTH : 1px ;
  251. BORDER-RIGHT-WIDTH : 1px ;
  252. BORDER-BOTTOM-WIDTH : 1px ;
  253. BORDER-LEFT-WIDTH : 1px ;
  254. COLOR : #595A5A ;
  255. PADDING-LEFT : 3px;
  256. PADDING-TOP : 2px;
  257. }
  258. /* INPUT TAG Style */
  259. .input_blank {
  260. FONT-FAMILY : "굴림", "Verdana" ;
  261. FONT-SIZE : 9pt ;
  262. BORDER-STYLE : solid ;
  263. BORDER : 0px ;
  264. COLOR : #595A5A ;
  265. PADDING-LEFT : 3px;
  266. PADDING-TOP : 2px;
  267. }
  268. /* INPUT TAG Style size-1 를 해줘야 크기가 같다. */
  269. .input_blank_bold {
  270. FONT-FAMILY : "bold", "Arial" ;
  271. FONT-SIZE : 9pt ;
  272. BORDER-STYLE : solid ;
  273. BORDER : 0px ;
  274. COLOR : #595A5A ;
  275. PADDING-LEFT : 3px;
  276. PADDING-TOP : 0.5px;
  277. }
  278. .input_blank_title {
  279. FONT-FAMILY : "굴림", "Verdana" ;
  280. FONT-SIZE : 9pt ;
  281. BORDER-STYLE : solid ;
  282. BORDER : 0px ;
  283. PADDING-LEFT : 3px;
  284. PADDING-TOP : 2px;
  285. BACKGROUND-COLOR : #5F86B6 ;
  286. COLOR : #ffffff ;
  287. }
  288. /* 2011.11.15 CSS 추가 */
  289. .tab_table .tab_title {
  290. text-align : center;
  291. width : 110px;
  292. height : 20px;
  293. display : inline;
  294. margin : 0px;
  295. font-family : "돋움";
  296. font-size : 12px;
  297. font-weight : bold;
  298. cursor : hand;
  299. background-image : url('/img/tab/tab_off.gif');
  300. }
  301. /* main page 추가사항 */
  302. html {
  303. filter: expression(document.execCommand("BackgroundImageCache", false, true));
  304. }
  305. /*로그인후 메인*/
  306. .sub_top{ background-image:url('/img/main/sub_011.gif'); background-repeat:repeat-x; background-attachment:fixed;}
  307. /*상단관리자*/
  308. .t_white01_11 {
  309. font-family: "돋움";
  310. font-size: 11px;
  311. color:#eae9e2;
  312. line-height:20px;
  313. text-align:right;
  314. padding-right:10px; }
  315. img {border:0}
  316. /*2depth menu*/
  317. .smenu {font-family:"돋움"; font-size:12px; color:#dcedfd; text-decoration:none; line-height:30px; padding:0px; padding-left:10px; padding-right:10px; text-align:right;}
  318. /*상단관리자*/
  319. .t_white01_11 {font-family: "돋움"; font-size: 11px; color:#575664; line-height:20px; text-align:right; padding-right:10px; }
  320. .all_menu_table{background-color:#404149; border-bottom:#404149 solid 3px;border-left:#404149 solid 3px;border-right:#404149 solid 3px;}
  321. /*전체메뉴보기*/
  322. .all_menu_01 {font-family:"돋움"; font-size: 12px; color:#f3ecbb; font-weight:bold; background-color:#6f6f6e; text-align:left; padding-left:5px; line-height:17px; padding-bottom:1px; padding-top:1px;}
  323. .all_menu_bar { background-image:url(../img/allmenu_bar.gif); background-repeat:repeat-x; line-height:2px;}
  324. .all_menu_table{background-color:#404149; border-bottom:#404149 solid 3px;border-left:#404149 solid 3px;border-right:#404149 solid 3px;}
  325. .all_menu_td { padding-top:10px; padding-bottom:10px;}
  326. .all_menu_td2 {padding:1px; vertical-align:top;}
  327. .all_menu_td3 {width:1px; background-color:#6f6f6e}
  328. .all_menu_02 {font-family:"돋움"; font-size: 11px; color:#f0f0f0; font-weight:bold; text-align:left; padding-left:10px; line-height:22px;}
  329. a.all_menu_03 {font-family:"돋움"; font-size: 11px; color:#cccccc; font-weight:normal; text-align:left; padding-left:17px;padding-right:10px; line-height:16px; text-decoration:none;}
  330. a.all_menu_03:link {}
  331. a.all_menu_03:hover {color:#f3ecbb;text-decoration:underline;}
  332. a.all_menu_03:visited {}
  333. .all_menu_04 {font-family:"돋움"; font-size: 11px; color:#545452; font-weight:normal; text-align:left; padding-left:17px; line-height:16px;}
  334. .all_menu_close{background-color:#404149; text-align:center; color:#FFF; height:24px;}
  335. /*my메뉴보기*/
  336. .my_menu_01 {font-family:"돋움"; font-size: 12px; color:#404149; font-weight:bold; background-color:#cccccd; text-align:left; padding-left:5px; line-height:17px; padding-bottom:1px; padding-top:1px;}
  337. .my_menu_bar { background-image:url(../img/allmenu_bar.gif); background-repeat:repeat-x; line-height:2px;}
  338. .my_menu_table{background-color:#ffffff; border-bottom:#404149 solid 3px;border-left:#404149 solid 3px;border-right:#404149 solid 3px;}
  339. .my_menu_td { padding-bottom:10px;}
  340. .my_menu_td2 {padding:1px; vertical-align:top;}
  341. .my_menu_td3 {width:1px; background-color:#cccccd}
  342. .my_menu_02 {font-family:"돋움"; font-size: 11px; color:#868791; font-weight:bold; text-align:left; padding-left:10px; line-height:22px;}
  343. a.my_menu_03 {font-family:"돋움"; font-size: 11px; color:#aaacb5; font-weight:normal; text-align:left; padding-left:17px;padding-right:10px; line-height:16px; text-decoration:none;}
  344. a.my_menu_03:link {}
  345. a.my_menu_03:hover {color:#868791;text-decoration:underline;}
  346. a.my_menu_03:visited {}
  347. .my_menu_04 {font-family:"돋움"; font-size: 11px; color:#545452; font-weight:normal; text-align:left; padding-left:17px; line-height:16px;}
  348. .my_menu_close{background-color:#404149; text-align:center; color:#FFF; height:24px;}