/** * 업무 화면 디자인 CSS **/ BODY { SCROLLBAR-3DLIGHT-COLOR : #595959; SCROLLBAR-ARROW-COLOR : #FFFFFF; SCROLLBAR-BASE-COLOR : #CFCFCF; SCROLLBAR-DARKSHADOW-COLOR : #FFFFFF; SCROLLBAR-FACE-COLOR : #CFCFCF; SCROLLBAR-HIGHLIGHT-COLOR : #FFFFFF; SCROLLBAR-SHADOW-COLOR : #595959; background-color : #FFFFFF; padding : 0 0 0 0; } #title{ padding-top:10px; padding-bottom: 10px;} #title ul{ margin:0; padding:0; display: inline-block; line-height:26px; background-image:url(/img/buyer/template/sys_title_bg.gif); background-repeat:no-repeat; width:363px} #title ul li{ display:inline;font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:25px; font-weight:bold;} /** * */ table.search-form-table { width: 100%; text-align: left; background-color: #C8CAC9; font-size: 12px; font-weight: bold; border-spacing: 1px; } table.search-form-table th { background: url("/img/buyer/button/bullet_01.gif") no-repeat; background-position: 4px 9px; background-color: #e8f2f4; color: #545766; font-weight: bold; height: 25px; padding-left: 12px; text-align: left; } table.search-form-table td { background-color: #FEFEFE; padding: 1px 1px 1px 4px; } table.search-form-table td.button { text-align: center; font-weight: normal; } TABLE.search_edge_table { width : 100%; background-color : #C3C3C3; cellpadding : 0px; cellspacing : 1px; } TABLE.insert_button_table { width : 100%; cellpadding : 0px; cellspacing : 0px; align : left; } TABLE.search_table { width : 100%; align : center; table-layout:fixed; background-color : #C3C3C3; } TABLE.data_table { width : 100%; align : center; table-layout:fixed; background-color : #C3C3C3; } TD { FONT-FAMILY : "굴림", "돋음", "Arial"; FONT-SIZE : 9pt; COLOR : #222222; TEXT-DECORATION : none; } TD.button_text1 { height:20; TEXT-INDENT : 5px; FONT-FAMILY : "굴림", "돋음", "Arial"; FONT-SIZE : 9pt; PADDING : 0 0 0 0; COLOR : #FFFFFF; font-weight : bold; background-image: url(/img/buyer/button/bt.gif); } TD.button_text2 { height:20; TEXT-INDENT : 5px; FONT-FAMILY : "굴림", "돋음", "Arial"; FONT-SIZE : 9pt; PADDING : 0 0 0 0; COLOR : #FFFFFF; font-weight : bold; background-image: url(/img/buyer/button/bt.gif); } SELECT { BACKGROUND-IMAGE : url(/img/buyer/icon/required.gif); BACKGROUND-POSITION : top left; BACKGROUND-REPEAT : no-repeat; } SELECT.required { BACKGROUND-IMAGE : url(/img/buyer/icon/required.gif); BACKGROUND-POSITION : top left; BACKGROUND-REPEAT : no-repeat; } /* 화면 타이틀의 테이블 */ .screen_title_table { width : 100%; cellpadding : 0px; cellspacing : 0px; align : center; } /* 화면 타이틀의 텍스트 속성 */ .screen_title_text { font-family : "굴림", "돋음", "Arial"; font-size:14px; font-weight:bold; color:black; } /* 검색 조건 - 검색 타이틀 영역 */ .search_table_title { background-color: #e1e0e0; text-indent: 5px; font-family:"돋움"; font-size:11px; color:#5e5e5e; font-weight:bold; } /* 검색 조건 - 검색 데이터 영역 */ .search_table_data { background-color : #FEFEFE; } /* 검색조건 영역과 검색버튼 영역을 구분하는 세로선 */ .search_table_vertical_line { width : 1px; background-color : #C3C3C3; } /* 검색버튼 영역 */ .search_button { background-color : #FEFEFE; } /* 검색버튼 DIV */ .button_style { CURSOR : HAND; TEXT-ALIGN : CENTER; } .button_style1 { CURSOR : HAND; TEXT-ALIGN : LEFT; } /* 버튼 좌측 */ .button_left1 { width : 10; height : 20; background-image: url(/img/buyer/button/bt_left_search.gif); } /* 버튼 좌측 */ .button_left2 { width : 10; height : 20; background-image: url(/img/buyer/button/bt_left_search.gif); } /* 버튼 우측 */ .button_right { width : 8; height : 20; background-image: url(/img/buyer/button/bt_right.gif); } /* 검색조건 가로 구분선 */ .search_table_horizon_line { height : 1px; background-image: url(/img/buyer/common/dot_cols.gif); } /* 검색조건 영역과 데이터 영역의 구분 간격 */ .search_data_div_height { width : 100%; height : 6px; background-color : #FFFFFF; } /* */ .sheet_table_style{ border : 0; width : 100%; border-spacing: 0px 0px ; } /* 입력 - 타이틀 영역 */ .insert_table_title { background-color : #e1e0e0; TEXT-INDENT : 5px; COLOR : #FFFFFF; background-color: #e1e0e0; text-indent: 5px; font-family:"돋움"; font-size:11px; color:#5e5e5e; font-weight:bold; } /*************/ /* 입력 폼 필드 */ /*************/ /* 일반 */ .input { FONT-FAMILY : "굴림" ; FONT-SIZE : 9pt ; BORDER : #6A6A6A ; BORDER-STYLE : solid ; BORDER-TOP-WIDTH : 1px ; BORDER-RIGHT-WIDTH : 1px ; BORDER-BOTTOM-WIDTH : 1px ; BORDER-LEFT-WIDTH : 1px ; COLOR : #595A5A ; PADDING-LEFT : 3px; PADDING-TOP : 2px; } /* SELECT */ .input_select { /*behavior:url('/js/selectbox.htc') ;*/ FONT-SIZE: 9pt; COLOR: #666666; BACKGROUND-COLOR: #ffffff; border: 1px solid #B0B0B0; padding-right: 1px; padding-left: 1px; } /* INPUT TAG Style size-1 를 해줘야 크기가 같다. */ .input_bold { FONT-FAMILY : "bold", "Arial" ; FONT-SIZE : 9pt ; BORDER : #6A6A6A ; BORDER-STYLE : solid ; BORDER-TOP-WIDTH : 1px ; BORDER-RIGHT-WIDTH : 1px ; BORDER-BOTTOM-WIDTH : 1px ; BORDER-LEFT-WIDTH : 1px ; COLOR : #595A5A ; PADDING-LEFT : 3px; PADDING-TOP : 0.5px; } /* INPUT TAG Style */ .input_textarea { FONT-FAMILY : "굴림", "Arial" ; FONT-SIZE : 9pt ; BORDER : #6A6A6A ; BORDER-STYLE : solid ; BORDER-TOP-WIDTH : 1px ; BORDER-RIGHT-WIDTH : 1px ; BORDER-BOTTOM-WIDTH : 1px ; BORDER-LEFT-WIDTH : 1px ; COLOR : #595A5A ; PADDING-LEFT : 3px; PADDING-TOP : 2px; } /* INPUT TAG Style */ .input_blank { FONT-FAMILY : "굴림", "Arial" ; FONT-SIZE : 9pt ; BORDER-STYLE : solid ; BORDER : 0px ; COLOR : #595A5A ; PADDING-LEFT : 3px; PADDING-TOP : 2px; } /* INPUT TAG Style size-1 를 해줘야 크기가 같다. */ .input_blank_bold { FONT-FAMILY : "bold", "Arial" ; FONT-SIZE : 9pt ; BORDER-STYLE : solid ; BORDER : 0px ; COLOR : #595A5A ; PADDING-LEFT : 3px; PADDING-TOP : 0.5px; } .input_blank_title { FONT-FAMILY : "굴림", "Arial" ; FONT-SIZE : 9pt ; BORDER-STYLE : solid ; BORDER : 0px ; PADDING-LEFT : 3px; PADDING-TOP : 2px; BACKGROUND-COLOR : #5F86B6 ; COLOR : #ffffff ; } /* 조직코드 입력 => 화면 높이에 맞추기 위해서 SELECT LIST 의 높이를 줄인 class */ .input_search_select_lowheight { border : 1 solid #224585 ; background-color : #ffffff ; font-size : 11px ; font-family : "돋움","돋움체","Arial" ; color : #224585 ; cursor : text ; height : 15 } /* popup */ .p_box{border:3px solid #336699;background-color:#fff;} .p_cont { padding-top:12px; width:98%;} #title_pop{margin-left:0; background-color:#6495d1; width:auto; } #title_pop ul{ margin:0; padding:0; display: inline-block; line-height:26px; background-image:url(/img/buyer/template/pop_up_title_bg.gif); background-repeat:no-repeat; width:100%;} #title_pop ul li{ display:inline;font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:25px; font-weight:bold;} .icon_x{position:absolute;top:7px; right:5px; text-align:right}