ebid/web/css/buyer/style.css

/**
 * 업무 화면 디자인 CSS
 **/
 
@charset "utf-8";
/* CSS Start */




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; */
}

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.form-table {
	width: 100%;
	text-align: left;
	background-color: #C8CAC9;
	font-size: 12px;
	font-weight: bold;
	border-spacing: 1px;
}

TABLE.search_table {
	width: 100%;
	text-align: left;
	background-color: #C8CAC9;
	font-size: 12px;
	font-weight: bold;
	border-spacing: 1px;
}
TABLE.search_table02 {
	width : 100%;
	align : center;
	table-layout:fixed;
	background-color : #e8f2f4;
	border-top: 1px solid; border-top-color: #bcbcbc; 
}

.now_location {
	COLOR            : #3F7793;
	TEXT-DECORATION: none;
}

TABLE.data_table {
	width : 100%;
	align : center;
	table-layout:fixed;
	background-color : #C3C3C3;
}

TD {
    font-family                 : "굴림", "돋음", "Arial";
    font-size                   : 9pt;
    color                       : #5e5e5e;
    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-position : top left;
	background-repeat   : no-repeat;
}
*/


TD.required {
    background-image: url(/img/buyer/icon/newrequired.gif);
    background-repeat: no-repeat;
	background-position: 10px center ;
}

TH.required {
    background-image: url(/img/buyer/icon/newrequired.gif);
    background-repeat: no-repeat;
	background-position: 10px center ;
}



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;
}

#body_wrap{ width:100%; margin:10px 10px 10px 10px; height:auto; vertical-align:top; text-align:left; list-style:none;}

#title{ margin-left:0px; padding-bottom:7px;}
#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:27px; font-weight:bold;}

/* 화면 타이틀의 텍스트 속성 */
.screen_title_text {
	font-family : "굴림", "돋음", "Arial"; 
	font-size   : 14px; 
	font-weight : bold; 
	color       : black;
}

/* 화면 팝업 타이틀의 텍스트 속성 */
.screen_pop_title_text {
	font-family : "굴림", "돋음", "Arial"; 
	font-size   : 14px; 
	font-weight : bold; 
	color       : black;
	padding-right: 3px;
}

/* 검색 조건 - 검색 타이틀 영역 */
.search_table_title {
	background-color : #e8f2f4; 
	text-indent      : 5px; 
	font-family      : "돋움"; 
	font-size        : 11px; 
	color            : #545766; 
	font-weight      : bold;
}

/* 검색 조건 - 검색 데이터 영역 */
.search_table_data {
	background-color : #FEFEFE;
}
.search_table_data_padding_left {
	background-color : #FEFEFE;
	padding-left:10px;
}


/* 검색조건 영역과 검색버튼 영역을 구분하는 세로선 */
.search_table_vertical_line {
	width : 1px;
	background-color : #C3C3C3;
}

/* 검색버튼 영역 */
.search_button {
	background-color : #FEFEFE;
}

/* 검색버튼 DIV */
.button_style {
	CURSOR     : pointer;
	TEXT-ALIGN : CENTER;
}

/* 버튼 좌측 */
TD.button_left1 {
	width : 10;
	height : 20;
	background-image: url(/img/buyer/button/bt_left_search.gif);
}

/* 버튼 좌측 */
TD.button_left2 {
	width : 10;
	height : 20;
	background-image: url(/img/buyer/button/bt_left_search.gif);
}

/* 버튼 우측 */
TD.button_right {
	width : 8;
	height : 20;
	background-image: url(/img/buyer/button/bt_right.gif);
}

/* 검색조건 가로 구분선 */
TD.search_table_horizon_line {
	height : 1px;
	background-image: url(/img/buyer/common/dot_cols.gif);
}

/* 검색조건 영역과 데이터 영역의 구분 간격 */
TD.search_data_div_height {
	width : 100%;
	height : 6px;
	background-color : #FFFFFF;
	 vertical-align: top;
	 
}

/*  */
.sheet_table_style{
	border : 0;
	width : 100%;
    border-spacing: 0px 0px ;
}

/* 입력 - 타이틀 영역 */     
.insert_table_title {
	background-color : #e1e0e0;
    /* text-indent      : 5px; */
    padding-left     : 20px;
    color            : #FFFFFF;
	font-family      : "돋움"; 
	font-size        : 11px; 
	color            : #5e5e5e; 
	font-weight      : bold;
}

/* 입력 - 데이터 영역 */
.insert_table_data {
	background-color : #FEFEFE;
}



/*************/
/* 입력 폼 필드 */
/*************/

.req {
	background-image    : url(/img/buyer/icon/required.gif);
	background-position : top left;
	background-repeat   : no-repeat;
}

/* 일반 */
.input {
    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-RIGHT               : 3px;
    PADDING-TOP                 : 2px;
}


/* SELECT */
.input_select {
    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_select2 {
    FONT-FAMILY                 : "굴림", "Arial"                          ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER                      : 1 solid #224585                                   ;
    BORDER-STYLE                : solid                                     ;
    COLOR                       : #224585                                   ;
	cursor						: text										;
    height						: 12										;
	background-color			: #ffffff									;
}


/* INPUT TAG Style size-1 를 해줘야 크기가 같다. */
.input_bold {
    FONT-FAMILY                 : "bold", "Verdana"                         ;
    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                 : "굴림", "Verdana"                 ;
    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                 : "굴림", "Verdana"                          ;
    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                 : "굴림", "Verdana"                          ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER-STYLE                : solid                                     ;
    BORDER                      : 0px                                       ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 2px;

    BACKGROUND-COLOR            : #5F86B6                                   ;
    COLOR                       : #ffffff                                   ;
}

/* 2011.11.15 CSS 추가 */
.tab_table .tab_title {
	text-align       : center; 
	width            : 110px; 
	height           : 20px; 
	display          : inline; 
	margin           : 0px; 
	font-family      : "돋움"; 
	font-size        : 12px; 
	font-weight      : bold;
	cursor           : pointer;
	background-image : url('/img/buyer/tab/tab_off.gif');
}



/* main page 추가사항 */

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


/*로그인후 메인*/
.sub_top{ background-image:url('/img/buyer/main/sub_011.gif'); background-repeat:repeat-x; background-attachment:fixed;}

/*상단관리자*/
.t_white01_11 {	
				font-family: "돋움";
				font-size: 11px; 
				color:#575664; 
				line-height:20px; 
				text-align:right; }			
				
img {border:0}

/*2depth menu*/
/* .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;} */
.smenu {font-family:"돋움"; font-size:12px; color:#fff; text-decoration:none; line-height:32px; padding:0px; padding-left:10px; padding-right:10px; text-align:right;}
.smenu {}
.smenu:link {}
.smenu:hover {font-weight:bold; letter-spacing:-1px; color:#fff}


/*상단관리자*/
.t_white01_11 {font-family: "돋움"; font-size: 11px; color:#575664; line-height:20px; text-align:right; padding-right:10px; }

.ftit_table { PADDING-BOTTOM: 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px }


.gnbArea{clear:both;position:relative;z-index:30;}
.gnbArea .gnb{width:100%;}
.gnbArea ul:after{content:'';display:block;clear:both;}
.gnbArea .depth{float:left;display:inline;height:42px;margin-right:28px;}
.gnbArea .on{background:url(../new_img/common/bg_gnb_on.gif) no-repeat 50% 33px;}
	.gnbArea .depth1_1{width:76px;margin-left:18px;}
	.gnbArea .depth1_2{width:76px;}
	.gnbArea .depth1_3{width:62px;}
	.gnbArea .depth1_4{width:62px;}
	.gnbArea .depth1_5{width:72px;margin-right:277px;}
	.gnbArea .depth1_6{width:47px;margin-right:17px;}
	.gnbArea .depth1_7{width:59px;margin-right:17px;}
	.gnbArea .depth1_8{width:82px;margin-right:0;}
	.gnbArea .depth1_8.on{background:none;}




.b-iframe {width:100%; height:100%;}