@CHARSET "UTF-8";


/**************************************
 * Supplier application Style
 **************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td
	{
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {font-size:12px;}

html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 1000px;
	/* background: transparent; */
}

body {
	/* font: normal 12px 'gulim'; color : #333; */
	font-family:Dotum,'돋움', 'ng', Arial,AppleGothic,verdana,sans-serif;font-size:12px; color:#333;
	direction: ltr;
	overflow: auto;
	color: #333;
}

html>body #wrap {
	height: 100%;
	padding-left:14px;
	padding-right:14px;
}

html>body #content-wrap {
	height: 100%;
}

div.application-info {
	width: 100%;
	height: 20px;
}

/* #title{ padding-top:10px; }
#title ul{ margin:0; padding:0; display: inline-block; line-height:24px; 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;} */

div.attach_file_view {}
div.attach_file_view ul{ margin:0; padding:0; display: inline-block; line-height:20px; }
div.attach_file_view ul li{ font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:5px;}
div.attach_file_view ul li a { color: #333; text-decoration: none; }
div.attach_file_view ul li a:HOVER {color: #3386ca; text-decoration: underline;}

/* #auto_attach_file_view {}
#auto_attach_file_view ul{ margin:0; padding:0; display: inline-block; line-height:20px; }
#auto_attach_file_view ul li{ font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:5px;}
#auto_attach_file_view ul li a { color: #333; text-decoration: none; }
#auto_attach_file_view ul li a:HOVER {color: #3386ca; text-decoration: underline;} */


div.application-title {
	background: url("/img/supplier/ico/orange_a.gif") no-repeat;
	background-position: 0 2px;
	float: left;
}

div.application-sub-title {
	background: url("/img/buyer/button/subtitle_bullet.gif") no-repeat;
	background-position: 0 0px;
	float: left;
}

div.application-location {
	float: right;
}

span.title {
	padding: 6px 0 0 14px;
	font-weight: bold;
}

/* span.location {
	font-family: Century Gothic, Arial;
	font-size: 12px;
	color: #817870;
	width: auto;
} */

#content {padding:0 0 0 0;background: url(/img/buyer/template/bg_content.gif) repeat-x 0 0;}

.titlebox {position:relative;height:30px;border-bottom:1px solid #6b7881}
.titlebox .title {padding:7px 0 8px 10px;font-family:'ng';font-weight:bold;font-size:16px;color:#000;background: url(/img/buyer/template/bg_title.gif) no-repeat 0 12px;}
.title2 {width:352px;height:24px;margin-left:-5px;padding:8px 0 0 31px;color:#333;background: url(/img/buyer/template/bg_titlebox.gif) no-repeat 0 0;}
.location {position:absolute;top:15px;right:0;font-size:11px;color:#666}
.location span {font-weight:bold;color:#333}

/*0811추가*/
.h3_titlebox {position:relative;}
.h3_titlebox .title {width:352px;height:24px;margin-left:-5px;padding:8px 0 0 31px;color:#333;background: url(/img/buyer/template/bg_titlebox.gif) no-repeat 0 0; font-weight:bold; text-align:left}
.btn_s {position:absolute;top:5px;right:0;font-size:11px;color:#666}


/* 정렬 */
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle !important;}
.fl {float:left;}
.fr {float:right;}
.fw_b {font-weight:bold}
.fc_red {color:#ee2b29}


/* margin,padding */
.mg0 {margin:0 !important;}
.pd0 {padding:0 !important;}

.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt100 {margin-top:100px !important;}
.mr20 {margin-right:20px !important;}






/**
 *
 */
table.search-form-table {
	width: 100%;
	text-align: left;
	background-color: #9eb6ce;
	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: #e4ecf7;
	color: #4c6587;
	font-weight: bold;
	height: 25px;
	padding-left: 12px;
	text-align: left;
}

table.search-form-table td {
	background-color: #FEFEFE;
	padding: 1px 1px 1px 4px;
	vertical-align:middle;
}

table.search-form-table td.button {
	text-align: center;
	font-weight: normal;
}

table.search-form-table input[type="text"] {
	height: 16px;
	border: 1px solid #CBCBCB;
}

table.search-form-table select {
	width: 200px;
}

table.search-form-table input.date {
	width: 80px;
	text-align: center;
	height: 16px;
}

table.list-form-table {
	width: 100%;
	text-align: left;
	background-color: #C8CAC9;
	font-size: 12px;
	font-weight: bold;
	border-spacing: 1px;
}

table.list-form-table td {
	background-color: #fff;
	padding: 4px 6px 4px 4px;
	font-weight: normal;
	text-align: left;
}

table.list-form-table th {
	background-color: #e1e0e0;
	color: #545766;
	font-weight: bold;
	height: 25px;
	text-align: center;
}


table.form-table {
 	width: 100%;
	text-align: left;
	background-color: #9eb6ce;
	font-size: 12px;
	font-weight: bold;
	border-spacing: 1px; 
}

table.form-table td {
	background-color: #fff;
	padding: 4px 6px 4px 4px;
	font-weight: normal;
	text-align: left;
}

table.form-table td.nobd {
	border: 0px;
	border-collapse: collapse;
}

table.form-table td.bgEF {
	background-color: #EFEFEF;
}

table.form-table th {
	background-color: #f4f4f4;
	color: #4d6484;
	font-weight: bold;
	height: 25px;
	padding-left: 10px;
	text-align: left;
}

table.form-table th.required {
	background: url('/img/buyer/icon/newrequired.gif') no-repeat #f4f4f4;
	background-position: 2px center;
	color: #4d6484;
}

table.form-table input[type="text"] {
	height: 16px;
	border: 1px solid #CBCBCB;
}

table.form-table input[type="text"].number {
	text-align: right;
}

table.form-table input[type="text"].input_blank {
	border: 0px;
}

table.form-table input[type="password"] {
	width: 200px;
	height: 16px;
	border: 1px solid #CBCBCB;
}

table.form-table input.date {
	width: 120px;
	text-align: center;
	height: 16px;
}

table.form-table td table.inner_table {
	width: 100%;
	height: 100%;
}

.view_loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('/img/com/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}


div.attach_file_css {width:100%; margin-top:5px;}
div.attach_file_css a { color: #333; text-decoration: none; }
div.attach_file_css a:HOVER {color: #3386ca; text-decoration: underline;}
div.attach_file_css ul{ margin:0; padding:0; display: inline-block; line-height:20px; }
div.attach_file_css ul li{ font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:5px;}
div.attach_file_css ul li a { color: #333; text-decoration: none; }
div.attach_file_css ul li a:HOVER {color: #3386ca; text-decoration: underline;}

div.attach_file_css span {display:inline-block;width:90%;}

/**
 *	과거 input style
 *	일부로 주석처리 하였음 (상황에 맞게 사용하시기 바람)
 */
/*
input.req {
	background-image: url(/img/buyer/icon/required.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

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

select.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.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.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.input_blank {
	FONT-FAMILY: "굴림", "Verdana";
	FONT-SIZE: 9pt;
	BORDER-STYLE: solid;
	BORDER: 0px;
	COLOR: #595A5A;
	PADDING-LEFT: 3px;
	PADDING-TOP: 2px;
}

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


.bg_gry {background-color: rgb(240, 240, 240); width: 100%;}

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