style.css 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422
  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-TOP : 2px;
  204. }
  205. /* SELECT */
  206. .input_select {
  207. FONT-FAMILY : "굴림", "Arial" ;
  208. FONT-SIZE : 9pt ;
  209. BORDER : #6A6A6A ;
  210. BORDER-STYLE : solid ;
  211. BORDER-TOP-WIDTH : 1px ;
  212. BORDER-RIGHT-WIDTH : 1px ;
  213. BORDER-BOTTOM-WIDTH : 1px ;
  214. BORDER-LEFT-WIDTH : 1px ;
  215. COLOR : #595A5A ;
  216. PADDING-LEFT : 3px;
  217. PADDING-TOP : 2px;
  218. }
  219. .input_select2 {
  220. FONT-FAMILY : "굴림", "Arial" ;
  221. FONT-SIZE : 9pt ;
  222. BORDER : 1 solid #224585 ;
  223. BORDER-STYLE : solid ;
  224. COLOR : #224585 ;
  225. cursor : text ;
  226. height : 12 ;
  227. background-color : #ffffff ;
  228. }
  229. /* INPUT TAG Style size-1 를 해줘야 크기가 같다. */
  230. .input_bold {
  231. FONT-FAMILY : "bold", "Verdana" ;
  232. FONT-SIZE : 9pt ;
  233. BORDER : #6A6A6A ;
  234. BORDER-STYLE : solid ;
  235. BORDER-TOP-WIDTH : 1px ;
  236. BORDER-RIGHT-WIDTH : 1px ;
  237. BORDER-BOTTOM-WIDTH : 1px ;
  238. BORDER-LEFT-WIDTH : 1px ;
  239. COLOR : #595A5A ;
  240. PADDING-LEFT : 3px;
  241. PADDING-TOP : 0.5px;
  242. }
  243. /* INPUT TAG Style */
  244. .input_textarea {
  245. FONT-FAMILY : "굴림", "Verdana" ;
  246. FONT-SIZE : 9pt ;
  247. BORDER : #6A6A6A ;
  248. BORDER-STYLE : solid ;
  249. BORDER-TOP-WIDTH : 1px ;
  250. BORDER-RIGHT-WIDTH : 1px ;
  251. BORDER-BOTTOM-WIDTH : 1px ;
  252. BORDER-LEFT-WIDTH : 1px ;
  253. COLOR : #595A5A ;
  254. PADDING-LEFT : 3px;
  255. PADDING-TOP : 2px;
  256. }
  257. /* INPUT TAG Style */
  258. .input_blank {
  259. FONT-FAMILY : "굴림", "Verdana" ;
  260. FONT-SIZE : 9pt ;
  261. BORDER-STYLE : solid ;
  262. BORDER : 0px ;
  263. COLOR : #595A5A ;
  264. PADDING-LEFT : 3px;
  265. PADDING-TOP : 2px;
  266. }
  267. /* INPUT TAG Style size-1 를 해줘야 크기가 같다. */
  268. .input_blank_bold {
  269. FONT-FAMILY : "bold", "Arial" ;
  270. FONT-SIZE : 9pt ;
  271. BORDER-STYLE : solid ;
  272. BORDER : 0px ;
  273. COLOR : #595A5A ;
  274. PADDING-LEFT : 3px;
  275. PADDING-TOP : 0.5px;
  276. }
  277. .input_blank_title {
  278. FONT-FAMILY : "굴림", "Verdana" ;
  279. FONT-SIZE : 9pt ;
  280. BORDER-STYLE : solid ;
  281. BORDER : 0px ;
  282. PADDING-LEFT : 3px;
  283. PADDING-TOP : 2px;
  284. BACKGROUND-COLOR : #5F86B6 ;
  285. COLOR : #ffffff ;
  286. }
  287. /* 2011.11.15 CSS 추가 */
  288. .tab_table .tab_title {
  289. text-align : center;
  290. width : 110px;
  291. height : 20px;
  292. display : inline;
  293. margin : 0px;
  294. font-family : "돋움";
  295. font-size : 12px;
  296. font-weight : bold;
  297. cursor : hand;
  298. background-image : url('/img/tab/tab_off.gif');
  299. }
  300. /* main page 추가사항 */
  301. html {
  302. filter: expression(document.execCommand("BackgroundImageCache", false, true));
  303. }
  304. /*로그인후 메인*/
  305. .sub_top{ background-image:url('/img/main/sub_011.gif'); background-repeat:repeat-x; background-attachment:fixed;}
  306. /*상단관리자*/
  307. .t_white01_11 {
  308. font-family: "돋움";
  309. font-size: 11px;
  310. color:#eae9e2;
  311. line-height:20px;
  312. text-align:right;
  313. padding-right:10px; }
  314. img {border:0}
  315. /*2depth menu*/
  316. .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;}
  317. /*상단관리자*/
  318. .t_white01_11 {font-family: "돋움"; font-size: 11px; color:#575664; line-height:20px; text-align:right; padding-right:10px; }
  319. .all_menu_table{background-color:#404149; border-bottom:#404149 solid 3px;border-left:#404149 solid 3px;border-right:#404149 solid 3px;}
  320. /*전체메뉴보기*/
  321. .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;}
  322. .all_menu_bar { background-image:url(../img/allmenu_bar.gif); background-repeat:repeat-x; line-height:2px;}
  323. .all_menu_table{background-color:#404149; border-bottom:#404149 solid 3px;border-left:#404149 solid 3px;border-right:#404149 solid 3px;}
  324. .all_menu_td { padding-top:10px; padding-bottom:10px;}
  325. .all_menu_td2 {padding:1px; vertical-align:top;}
  326. .all_menu_td3 {width:1px; background-color:#6f6f6e}
  327. .all_menu_02 {font-family:"돋움"; font-size: 11px; color:#f0f0f0; font-weight:bold; text-align:left; padding-left:10px; line-height:22px;}
  328. 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;}
  329. a.all_menu_03:link {}
  330. a.all_menu_03:hover {color:#f3ecbb;text-decoration:underline;}
  331. a.all_menu_03:visited {}
  332. .all_menu_04 {font-family:"돋움"; font-size: 11px; color:#545452; font-weight:normal; text-align:left; padding-left:17px; line-height:16px;}
  333. .all_menu_close{background-color:#404149; text-align:center; color:#FFF; height:24px;}
  334. /*my메뉴보기*/
  335. .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;}
  336. .my_menu_bar { background-image:url(../img/allmenu_bar.gif); background-repeat:repeat-x; line-height:2px;}
  337. .my_menu_table{background-color:#ffffff; border-bottom:#404149 solid 3px;border-left:#404149 solid 3px;border-right:#404149 solid 3px;}
  338. .my_menu_td { padding-bottom:10px;}
  339. .my_menu_td2 {padding:1px; vertical-align:top;}
  340. .my_menu_td3 {width:1px; background-color:#cccccd}
  341. .my_menu_02 {font-family:"돋움"; font-size: 11px; color:#868791; font-weight:bold; text-align:left; padding-left:10px; line-height:22px;}
  342. 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;}
  343. a.my_menu_03:link {}
  344. a.my_menu_03:hover {color:#868791;text-decoration:underline;}
  345. a.my_menu_03:visited {}
  346. .my_menu_04 {font-family:"돋움"; font-size: 11px; color:#545452; font-weight:normal; text-align:left; padding-left:17px; line-height:16px;}
  347. .my_menu_close{background-color:#404149; text-align:center; color:#FFF; height:24px;}