﻿body {
	font-family: 'Nanum Gothic', sans-serif;
}
input[type=text] {
	border: 1px solid #CCCCCC;
	width:100%;
	/*padding-left: 5px;
	xheight: 30px;*/
	padding:5px;
}
input[type=password] {
	border: 1px solid #CCCCCC;
	/*padding-left: 5px;
	height: 30px;*/
	padding: 5px;
}
select {
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	height: 30px;
}
input[type=text]:focus, input[type=password]:focus, select:focus {
	border: 1px solid #9ed7fc;
	box-shadow: 0px 0px 4px 1px #9ed7fc inset;
}
.searchArea div {
	float: left;
	width: auto;
	margin-right: 15px;
}
.searchArea .btnSearch {
	width: 100px;
	height: 30px;
	background-color: #2375d9;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
.btnWrite {
	width: 100px;
	height: 30px;
	background-color: #2375d9;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
.btnSubmit {
	width: 100px;
	height: 30px;
	background-color: #ff6a00;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
.btnAdd {
	width: 100px;
	height: 30px;
	background-color: #666666;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
.btnResultOk {
	width: 100px;
	height: 30px;
	background-color: #2375d9;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}

.ListTitle {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	clear: both;
	
}

.ListTitle li {
	height: auto;
	text-align: center;
	padding-top: 7px;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}

.ListTitle > li > div {
	height: auto;
	font-size: 14px;
	float: left;
}
.ListTitle > li > div > span {
	cursor:pointer;
}
.ListTitle .Header {
	height: 50px;
}

#ListTitle span {
	cursor: pointer;
}

.ListData {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}

.ListData li {
	height: auto;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}

.ListData > li > div {
	height: auto;
	font-size: 14px;
	float: left;
}

/*오피스토큰 리스트*/
	.OfficeToken {width: 900px;}
.COMPANYCODE {width: 100px;}
.COMPANYNAME {width: 150px;}
.Request_Office_Name {width: 200px;}
.office_token {width: 300px;}
.office_no {width: 100px;}

/*지출결의서 리스트*/
/*.SpendingReport {width:3550px;}*/
.SpendingReport {width:1300px;}
.chk {width: 40px; height:auto;}
.document_code {width: 180px;}
.document_no {width: 80px;}
.slip_number {width: 100px;}
/*.document_regdate {width: 150px;}*/
.document_regdate {	width: 100px;}
.register_name {width: 80px;}
.register_id {width: 80px;}
.register_company_num {width: 80px;}
.spender_user_name {width: 80px;}
.spender_user_id {width: 80px;}
.spender_company_num {width: 80px;}
.type {width: 50px;}
.card_name {width: 80px;}
.card_number {width: 130px;}
.bank_name {width: 130px;}
.account_num {width: 130px;}
.fixed_date {width: 100px;}
.alias {width: 100px;}
.accounting_status {width: 100px;}
.updatedate {width: 150px;}
.number {width: 50px;}
.department_code {width: 50px;}
.department_name {width: 130px;}
.account_code {width: 80px;}
.account_name {width: 100px;}
.price {width: 80px;}
.tax {width: 80px;}
.expense_date {width: 100px;}
.proof {width: 80px;}
.cash_receipts_num {width: 150px;}
.customer_code {width: 50px;}
.customer_name {width: 150px;}
.customer_company_num {width: 100px;}
.accounting_no {width: 80px;}
.brief {width: 150px;}

/*거래처 리스트*/
.Customer {width: 1120px;}
.basic_info_no {width: 70px;}
.no {width: 70px;}
.code {width: 80px;}
.name {width: 150px;}
.company_num {width: 150px;}
.bank_name {width: 150px;}
.account_num {width: 150px;}
.account_holder {width: 150px;}
.use_flag {width: 70px;}
.ext_key {width: 70px;}
.updatedate {width:100px;}
.delete {width: 50px;}

/*계정과목 리스트*/
.Account {width: 520px;}

/*부서 리스트*/
.Department {width: 520px;}
.Department .code {width:100px;}
.Department .name {width:250px;}
.WriteTitle {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}
.WriteTitle li {
	height: auto;
	text-align: center;
	padding: 7px;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	
}
.WriteTitle li div {
	float: left;
	padding: 5px;
}
.WriteData {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
}

.WriteData li {
	height: auto;
	text-align: center;
	padding: 7px;
	font-size: 14px;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
}
.WriteData li div{
	float: left;
	padding:5px;
}
.WriteData li div input {
	width: 100%;
	text-align:center;
}

.OfficeToken_Write {float:left;width:auto;}
.OfficeToken_Write .COMPANYCODE_TITLE {
	margin-left: 20px;
	width: 70px;
	float: left;
	padding-top:3px;
}
.OfficeToken_Write .COMPANYCODE {
	width: 100px;
	float: left;
	height: 30px;
	font-size: 16px;
}
.OfficeToken_Write .COMPANYNAME_TITLE {
	margin-left: 20px;
	width: 70px;
	float: left;
	padding-top: 3px;
}
.OfficeToken_Write .COMPANYNAME {
	width: 100px;
	float: left;
	height: 30px;
	font-size: 16px;
}
.OfficeToken_Write .Request_Office_TITLE {
	margin-left: 20px;
	width: 100px;
	float: left;
	padding-top: 3px;
}
.OfficeToken_Write .Request_Office_Name {
	width:150px;
	float: left;
	height: 30px;
	font-size: 16px;
	margin-right: 5px;
}


.Customer_Write {width: 1120px;}
.Customer_Write .customer_code {width: 70px;}
.Customer_Write .customer_name {width: 180px;}
.Customer_Write .business_number {width: 150px;}
.Customer_Write .bank_name {width: 150px;}
.Customer_Write .account_number {width: 150px;}
.Customer_Write .account_holder {width: 100px;}
.Customer_Write .use_flag {width: 80px;}
.Customer_Write .ext_key {width: 80px;}

.Account_Write {width: 520px;}
.Account_Write .account_code {width: 70px;}
.Account_Write .account_name {width: 170px;}
.Account_Write .use_flag {width: 80px;}
.Account_Write .ext_key {width: 80px;}

.Department_Write {width: 520px;}
.Department_Write .department_code {/*width: 70px;*/ width:100px;}
.Department_Write .department_name {/*width: 170px;*/ width:320px;}
.Department_Write .use_flag {width: 80px;}
.Department_Write .ext_key {width: 80px;}


.btnCustomerDelete {cursor: pointer;}
.btnAccountDelete {cursor: pointer;}
.btnDepartmentDelete {cursor: pointer;}


.ellipsis thead tr th {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ellipsis tbody tr td {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}