html,
body {
	height: 100%;
	font-family: 'nanumgothic';
}

.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}

.row {
	/* font-family: "Roboto", "sans-serif"; */
	font-family: 'nanumgothic';

}

.wrap>.container {
	padding: 70px 15px 20px;
}

.footer {
	height: 60px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}

.not-set {
	color: #c55;
	font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: 'nanumgothic';
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	padding-left: 5px;
}

a.asc:after {
	content:
		/*"\e113"*/
		"\e151";
}

a.desc:after {
	content:
		/*"\e114"*/
		"\e152";
}

.sort-numerical a.asc:after {
	content: "\e153";
}

.sort-numerical a.desc:after {
	content: "\e154";
}

.sort-ordinal a.asc:after {
	content: "\e155";
}

.sort-ordinal a.desc:after {
	content: "\e156";
}

.grid-view th {
	white-space: nowrap;
}

.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

.form-group {
	margin-bottom: 0px !important;
}

.error-summary {
	color: #a94442;
	background: #fdf7f7;
	border-left: 3px solid #eed3d7;
	padding: 10px 20px;
	margin: 0 0 15px 0;
}


/* unvisited link */
.link-black a:link {
	color: black !important;
}

/* visited link  */
.link-black a:visited {
	color: black !important;
}

/* mouse over link */
.link-black a:hover {
	color: black !important;
}

/* selected link */
.link-black a:active {
	color: black !important;
}


/* unvisited link */
.link-white a:link {
	color: white !important;
}

/* visited link  */
.link-white a:visited {
	color: white !important;
}

/* mouse over link */
.link-white a:hover {
	color: white !important;
}

/* selected link */
.link-white a:active {
	color: white !important;
}

#table-farm-transaction input {
	width: 100px;
}

#table-transaction-list input {
	width: 120px;
}

.table-border tr {
	border: 1px solid #C6C6C6 !important;
}

.table-border td {
	border: 1px solid #C6C6C6 !important;
	font-weight: bold !important;
}

.table-gp-statement {
	width: 483px;
}

.table-gp-statement tr {
	border: 1px solid black !important;
}

.table-gp-statement td {
	padding-right: 0px !important;
	border: 1px solid black !important;
	height: 13px !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.table-egg-separate {
	width: 770px;
	padding: 1px !important;
	font-weight: bold;
}

.table-egg-separate tr {
	border: 1px solid black !important;
}

.table-egg-separate th {
	border: 1px solid black !important;
	height: 16px !important;
}

.table-egg-separate td {
	border: 1px solid black !important;
	height: 14px !important;
}

.table-egg-punglim {
	width: 560px;
	padding: 1px !important;
	/* font-weight: bold; */
}

.table-egg-punglim tr {
	border: 0.12mm solid black !important;
}

.table-egg-punglim th {
	border: 1px solid black !important;
	height: 30px !important;
	padding-right: 5px;
}

.table-egg-punglim td {
	border: 0.12mm solid black !important;
	height: 14px !important;
}

.table-egg-punglim-eachpage {
	width: 800px;
	padding: 1px !important;
	/* font-weight: bold; */
}

.table-egg-punglim-eachpage tr {
	border: 0.12mm solid black !important;
}

.table-egg-punglim-eachpage th {
	border: 1px solid black !important;
	height: 30px !important;
	padding-left: 5px;
	padding-right: 5px;
}

.table-egg-punglim-eachpage td {
	border: 0.12mm solid black !important;
	/* height: 20px !important; */
}

.table-statement {
	width: 483px;
	font-family: 'nanumgothic';
}

.table-statement tr {
	border: 2px solid black !important;
}

.table-statement th {
	border: 2px solid black !important;
	height: 16px !important;
}

.table-statement td {
	border: 2px solid black !important;
	height: 16px !important;
}

.table-statement-barn-company {
	width: 530px;
	font-family: 'nanumgothic';
}

.table-statement-barn-company-info tr {
	border: 0.12mm solid black !important;
}

.table-statement-barn-company-info th {
	border: 0.12mm solid black !important;
	height: 30px !important;
	padding-right: 0px;
}

.table-statement-barn-company-info td {
	border: 0.12mm solid black !important;
	height: 16px !important;
}

.table-statement-line {
	border: 1px solid black !important;
}

.table-statement-line td {
	border: 1px solid black !important;
}

.table-statement-barn {
	width: 530px;
	font-family: 'nanumgothic';
}

.table-statement-barn tr {
	border: 2px solid black !important;
}

.table-statement-barn th {
	border: 2px solid black !important;
	height: 10px !important;
}

.table-statement-barn td {
	border: 2px solid black !important;
	height: 10px !important;
}

.table-statement-mini {
	width: 280px;
	font-family: 'nanumgothic';
}

.table-statement-mini tr {
	border: 1px solid black !important;
}

.table-statement-mini th {
	border: 1px solid black !important;
	height: 13px !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.table-statement-mini td {
	padding: 5px !important;
	border: 1px solid black !important;
	height: 13px !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.table-vertical-statement {
	width: 350px;
}

.table-ai-summary {
	width: 900px;
	text-align: center;
	border: 1px solid black !important;
	padding-right: 2px;
	padding-left: 2px;
}

.table-vertical-statement tr {
	border: 2px solid black !important;
}

.table-vertical-statement th {
	border: 2px solid black !important;
	height: 16px !important;
}

.table-vertical-statement td {
	border: 2px solid black !important;
	height: 16px !important;
}


.table-transaction-summary tr {
	border: 1px solid black !important;
}

.table-transaction-summary th {
	border: 1px solid black !important;
}

.table-transaction-summary td {
	border: 1px solid black !important;
}

.table-border1 td {
	border: 1px solid black !important;
}

.table-border2 td {
	border: 2px solid black !important;
}

.table-border-free td {
	border: 0px !important;
}

.table-issue-bill {
	font-size: 10pt;
	vertical-align: middle;
	text-align: center;
}

.table-issue-bill td {
	border: 1px solid black !important;
}

.table-transaction-statement tr {
	border: 1px solid black !important;
}

.table-transaction-statement th {
	border: 1px solid black !important;
}

.table-transaction-statement td {
	border: 1px solid black !important;
}

.table-transparent tr {
	border: 1px solid #D8D8D8 !important;
}

.table-transparent th {
	border: 1px solid #D8D8D8 !important;
}

.table-transparent td {
	border: 1px solid #D8D8D8 !important;
}

.table-product-stock-input td {
	border: 2px solid blue !important;
}

.file-upload-btn {
	max-width: 100%;
	height: 60px;
	font-size: 16px;
	font-weight: bold;
	padding-top: 12px;
}

/* 줄바꿈 적용 */
.break-word {
	word-break: break-word;
	/* 구형 브라우저 호환성 */
	word-break: break-all;
	/* 단어 단위가 아닌 임의의 위치에서 줄바꿈 */
	overflow-wrap: break-word;
	/* 최신 방식, 단어 내에서 줄바꿈 허용 */
}

.width2000 {
	width: 2000px !important;
}

.width1500 {
	width: 1500px !important;
}

.width1400 {
	width: 1400px !important;
}

.width1300 {
	width: 1300px !important;
}

.width1200 {
	width: 1200px !important;
}

.width1000 {
	width: 1000px !important;
}

.width900 {
	width: 900px !important;
}

.width800 {
	width: 800px !important;
}

.width700 {
	width: 700px !important;
}

.width640 {
	width: 640px !important;
}

.width600 {
	width: 600px !important;
}

.width550 {
	width: 550px !important;
}

.width440 {
	width: 440px !important;
}

.width400 {
	width: 400px !important;
}

.width350 {
	width: 350px !important;
}

.width300 {
	width: 300px !important;
}

.width250 {
	width: 250px !important;
}

.width230 {
	width: 230px !important;
}

.width210 {
	width: 210px !important;
}

.width200 {
	width: 200px !important;
}

.width195 {
	width: 195px !important;
}

.width190 {
	width: 190px !important;
}

.width180 {
	width: 180px !important;
}

.width170 {
	width: 170px !important;
}

.width160 {
	width: 160px !important;
}

.width150 {
	width: 150px !important;
}

.width140 {
	width: 140px !important;
}

.width130 {
	width: 130px !important;
}

.width120 {
	width: 120px !important;
}

.width110 {
	width: 110px !important;
}

.width100 {
	width: 100px !important;
}

.width97 {
	width: 97px !important;
}

.width90 {
	width: 90px !important;
}

.width85 {
	width: 85px !important;
}

.width80 {
	width: 80px !important;
}

.width74 {
	width: 74px !important;
}

.width70 {
	width: 70px !important;
}

.width65 {
	width: 60px !important;
}

.width60 {
	width: 60px !important;
}

.width50 {
	width: 50px !important;
}

.width40 {
	width: 40px !important;
}

.width30 {
	width: 30px !important;
}

.width20 {
	width: 20px !important;
}

.width10 {
	width: 10px !important;
}

.width100percent {
	width: 100% !important;
}

.width90percent {
	width: 90% !important;
}

.width80percent {
	width: 80% !important;
}

.width70percent {
	width: 70% !important;
}

.width60percent {
	width: 60% !important;
}

.width50percent {
	width: 50%;
}

.width40percent {
	width: 40%;
}

.width30percent {
	width: 30%;
}

.width35percent {
	width: 35%;
}

.width25percent {
	width: 25%;
}

.width20percent {
	width: 20%;
}

.width18percent {
	width: 18%;
}

.width17percent {
	width: 17%;
}

.width15percent {
	width: 15%;
}

.width14percent {
	width: 14%;
}

.width13percent {
	width: 13%;
}

.width12percent {
	width: 12%;
}

.width10percent {
	width: 10%;
}

.width3percent {
	width: 3%;
}

.width8percent {
	width: 8%;
}

.checkbox-form {
	display: flex;
	align-items: center;
	/* 수직 가운데 정렬 */
	gap: 10px;
	/* 체크박스와 라벨 간격 */
}

/* 라벨 글씨 크기 및 정렬 */
.checkbox-label {
	line-height: 30px !important;
	/* 체크박스와 높이 일치 */
	margin-bottom: 0 !important;
	/* 기본 여백 제거 */
	vertical-align: top !important;
}

.max-width800 {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.max-width700 {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.max-width600 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.max-width650 {
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

.max-width400 {
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.align-center {
	margin-left: auto;
	margin-right: auto;
}

.table-confirmation {
	max-width: 1024px !important;
	font-family: 'nanumgothic';
}

.table-confirmation tr {
	border: 1px solid black !important;
}

.table-confirmation th {
	border: 1px solid black !important;
}

.table-confirmation td {
	padding: 5px !important;
	border: 1px solid black !important;
	height: 13px !important;
	font-size: 12px !important;
	font-weight: bold !important;
}

.table-confirmation-mini {
	max-width: 520px;
	font-family: 'nanumgothic';
}

.table-confirmation-mini tr {
	border: 1px solid black !important;
}

.table-confirmation-mini th {
	border: 1px solid black !important;
}

.table-confirmation-mini td {
	padding: 5px !important;
	border: 1px solid black !important;
	height: 13px !important;
	font-size: 12px !important;
	font-weight: bold !important;
}


.table-certification tr {
	border: 1px solid #BDBDBD !important;
}

.table-certification th {
	border: 1px solid #BDBDBD !important;
}

.table-certification td {
	border: 1px solid #BDBDBD !important;
}


.table-disinfection td {
	border: 0px !important;
}

.table-disinfection tr {
	border: 0px !important;
}

.table-disinfection {
	font-size: 10pt;
	vertical-align: middle;
	text-align: center;
}

.table-transaction-company-info {
	width: 100%;
	height: 80px;
}

.ai-map-canvas {
	border: 0px;
	margin: 0px;
	width: 100%;
	position: absolute;
	height: 90%;
}

.ai-map {
	min-width: 100%;
	max-width: 100%;
	min-height: 94%;
	max-height: 85%;
	padding: -10px;
}

.notice-box {
	max-width: 500px;
	font-weight: bold;
	border: 0px;
}

.color-ff680d {
	background-color: #ff680d !important;
	color: #FFFFFF;
}

.color-9FC93C {
	background-color: #9FC93C !important;
	color: #FFFFFF;
}

.font-color-white {
	color: #FFFFFF;
}

.font-color-999999 {
	color: #999999;
	;
}

.font-color-dcdcdc {
	color: #dcdcdc;
	;
}

.color-AA4E19 {
	background-color: #AA4E19 !important;
	color: #FFFFFF;
}

.color-D941C5 {
	background-color: #D941C5 !important;
	color: #FFFFFF;
}

.color-EFD6EC {
	background-color: #EFD6EC !important;
	color: #000000;
}

.color-ffeefd {
	background-color: #ffeefd !important;
	color: #000000;
}

.color-ffeefd-border {
	background-color: #ffeefd !important;
	color: #000000;
	border-color: #ffeefd !important;
}

.color-skyblue {
	background-color: #EFFFFF !important;
}

.color-skyblue-border {
	background-color: #EFFFFF !important;
	border-color: #EFFFFF !important;
}

.border-ffeefd {
	border: 2px solid #ffeefd !important;
}

.color-red-white {
	background-color: red !important;
	color: #EFFFFF !important;
}

.color-blue-white {
	background-color: blue !important;
	color: #EFFFFF !important;
}

.color-eac2ea {
	background-color: #eac2ea;
}

.color-blue {
	background-color: #6799FF;
}

.color-blue-white {
	background-color: blue;
	color: #EFFFFF !important;
}

.color-yellow {
	background-color: #FAF4C0;
}

.color-gray {
	background-color: #c0c0c0;
}

.color-d5d5d5 {
	background-color: #d5d5d5;
	color: #000000;
}

.color-white {
	background-color: white;
}

._selection-normal-pan,
._selection-normal-piece,
._selection-etc-pan,
._selection-etc-piece {
	padding: 3px !important;
	text-align: right;
	width: 100%;
	height: 100%;
	font-weight: bold;
}

.padding-0-0 {
	padding-left:0px !important; 
	padding-right:0px !important;
}

.padding-0 {
	padding: 0px !important;
}

.padding-3 {
	padding: 3px !important;
}

.padding-bottom-10 {
	padding: 10px !important;
}

.padding-bottom-3 {
	padding-bottom: 3px !important;
}

.padding-left-right2 {
	padding-left: 2px !important;
	padding-right: 2px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.none-padding {
	padding: 0px !important;
	height: 20px !important;
	text-align: center !important;
	align: center !important;
	vertical-align: middle !important;
}

.pb-transaction-input-gray {
	width: 100%;
	border-color: #EAEAEA;
	background-color: #EAEAEA;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
}

.input-td-skyblue {
	padding: 0px !important;
	height: 10px;
	background-color: #EFFFFF;
}

.input-td-eac2ea {
	padding: 0px !important;
	height: 10px;
	background-color: #eac2ea;
}

.bgcolor-EFC5A5 {
	background-color: #EFC5A5;
}

.bgcolor-FAF4CC {
	background-color: #FAF4CC;
}

.bgcolor-D9E5FF {
	background-color: #D9E5FF;
}

.bgcolor-eac2ea {
	background-color: #eac2ea !important;
}

.bgcolor-FAF4C0 {
	background-color: #FAF4C0;
}

.bgcolor-D4F4E0 {
	background-color: #D4F4E0;
}

.bgcolor-D4F4FA {
	background-color: #D4F4FA;
}

.input-width50 {
	width: 50px;
	border: none;
	background-color: #EFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 0px !important;
}

.input-width40 {
	width: 40px;
	border: none;
	background-color: #EFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding: 0px !important;
}

.input-hight40 {
	height: 40px !important;
}

.none-padding-bold {
	padding: 0px !important;
	height: 10px;
	font-weight: bold;
}

.none-margin-border {
	border: 0px;
	margin: 0px;
}

.div-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.violet-bold {
	color: #8E23E0 !important;
	font-weight: bold;
}

.red-bold {
	font-weight: bold;
	color: red !important;
}

.white-bold {
	font-weight: bold;
	color: white !important;
}

.red-bold-size20 {
	font-weight: bold;
	color: red !important;
	font-size: 20px;
}

.red-bold-size30 {
	font-weight: bold;
	color: red !important;
	font-size: 30px;
}

.black-bold {
	font-weight: bold;
	color: black !important;
}

.black-bold-size18 {
	font-weight: bold;
	font-size: 20px;
}

.black-bold-size20 {
	font-weight: bold;
	font-size: 20px;
}

.black-bold-size25 {
	font-weight: bold;
	font-size: 25px;
}

.black-bold-size30 {
	font-weight: bold;
	font-size: 30px;
}

.green-bold {
	font-weight: bold;
	color: green !important;
}

.blue-bold {
	font-weight: bold;
	color: blue !important;
}

.blue-bold-size20 {
	font-weight: bold;
	color: blue !important;
	font-size: 20px;
}

.normal-input-box {
	padding: 3px;
	height: 40px;
	font-size: 20px;
}

/*노란색 인풋 박스*/
.input-select-FFFFD7 {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #FFFFD7;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 0px;
}

/*퍼런색 인풋 박스*/
.input-select-skyblue {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #EFFFFF;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 0px;
}

/*분홍색 인풋 박스*/
.input-select-eac2ea {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #eac2ea;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 0px;
}

/*미수금 인풋 박스*/
.input-box-receivable {
	background-color: #E0FFDB !important;
	padding-left: 3px;
	padding-right: 3px;
}

/*하늘색 인풋 박스*/
.input-box-skyblue {
	width: 100%;
	height: 100%;
	border: none;
	border-color: #EFFFFF;
	background-color: #EFFFFF;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
}

/*하늘색 인풋 박스*/
.input-box-skyblue-with-border {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #EFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
}

/*옅은 노랑 인풋 박스*/
.input-box-F6FFCC {
	/* width: 100%;  */
	height: 100%;
	border: none;
	border-color: #F6FFCC;
	background-color: #F6FFCC;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 0px;
}

.input-box-FFFFD7 {
	width: 100%;
	font-size: 18px;
	text-align: center;
	border-color: #FFFFD7;
	background-color: #FFFFD7;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
}

.input-box-eac2ea {
	width: 100%;
	height: 100%;
	font-size: 18px;
	text-align: center;
	border-color: #eac2ea;
	background-color: #eac2ea;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
}

/*회색 인풋 박스*/
.input-box-gray {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #BDBDBD;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
}

/*노란색 인풋 박스*/
.input-box-yellow {
	width: 100%;
	height: 100%;
	border: none;
	background-color: #FAF4C0;
	border: none !important;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 3px;
}

/*계군 등록*/
.barn-history {
	height: 100%;
	font-size: 20px;
	text-align: center;
	position: relative;
	z-index: 10;
	width: 100%;
}

/*버튼 폰트 30*/
.btn-font20 {
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 20px !important;
}

/*버튼 폰트 30*/
.btn-font30 {
	width: 100%;
	height: 100%;
	font-weight: bold;
	font-size: 30px !important;
}

.font100 {
	font-size: 100px !important;
}

.font50 {
	font-size: 50px !important;
}

.font40 {
	font-size: 40px !important;
}

.font30 {
	font-size: 30px !important;
}

.font25 {
	font-size: 25px !important;
}

.font20 {
	font-size: 20px !important;
}

.font18 {
	font-size: 18px !important;
}

.font17 {
	font-size: 15px !important;
}

.font15 {
	font-size: 15px !important;
}

.font10 {
	font-size: 10px !important;
}

.line-height27 {
	line-height: 27px !important;
}

.line-height1-8 {
	line-height: 1.8 !important;
}

/*버튼 폭 80*/
.btn-width80 {
	width: 100%;
	height: 100%;
	font-weight: bold;
	width: 80px !important;
}

/*버튼*/
.btn-pull {
	width: 100%;
	height: 100%;
	font-weight: bold;
}

/*버튼 투명*/
.btn-transparency {
	text-align: center;
	padding-left: 0px;
	color: black;
	width: 100%;
	height: 100%;
	border: none !important;
	background-color: #FFFFFF !important;
	font-weight: bold;
}

/*버튼 폰트 18 투명*/
.btn-font18-transparency {
	font-size: 18px;
	text-align: center;
	padding-left: 0px;
	color: black;
	width: 100%;
	height: 100%;
	border: none !important;
	background-color: #FFFFFF !important;
	font-weight: bold;
}

/*배경 회색 - 횡령구분*/
.background-E4F7BA {
	background-color: #E4F7BA !important;
}

/*배경 옅은 노랑 - 횡령구분*/
.background-FFFFB3 {
	background-color: #FFFFB3 !important;
}

/*배경 회색 - 횡령구분*/
.background-F6F6F6 {
	background-color: #F6F6F6 !important;
}

/*배경 회색 - 횡령구분*/
.background-F6F6F6 {
	background-color: #B3B0B0 !important;
}

/*배경 옅은오렌지 - 횡령구분*/
.background-FFF2E6 {
	background-color: #FFF2E6 !important;
}

/*배경 진분홍색*/
.background-F5A9BC {
	background-color: #F5A9BC !important;
}

/*배경 옅은 분홍 - 횡령구분*/
.background-FFD9EC {
	background-color: #FFD9EC !important;
}

/*배경 옅은 보라 - 횡령구분*/
.background-B2CCFF {
	background-color: #B2CCFF !important;
}

/*배경 옅은 보라 - 횡령구분*/
.background-D9E5FF {
	background-color: #D9E5FF !important;
}

/*배경 분홍*/
.background-FFA7A7 {
	background-color: #FFA7A7 !important;
}

/*배경 녹색*/
.background-E0FFDB {
	background-color: #E0FFDB !important;
}

/*배경 하늘색*/
.background-skyblue {
	background-color: #EFFFFF !important;
}

/*배경 옅은 노랑*/
.background-F6FFCC {
	background-color: #F6FFCC !important;
}

/*배경 핑크*/
.background-pink {
	background-color: #FAE0D4 !important;
}

/*배경 회색*/
.background-gray {
	background-color: #BDBDBD !important;
}

/*배경 연두색*/
.background-E4F7BA {
	background-color: #E4F7BA !important;
}

/*배경 보라색*/
.background-D9E5FF {
	background-color: #D9E5FF !important;
}

/*배경 빨강*/
.background-red {
	background-color: red !important;
	font-weight: bold;
	color: white;
}

/*배경 파랑*/
.background-blue {
	background-color: blue !important;
	font-weight: bold;
	color: white;
}

.main-application {
	font-size: 18px;
	text-align: center;
	color: black;
	background-color: #000000 !important;
	font-weight: bold;
}

/* unvisited link */
/* a:link { 
	color: yellow; 
  }  */

/* visited link */
/* a:visited { 
	color: yellow; 
  }  */

/* mouse over link */
/* a:hover { 
	color: yellow; 
  }  */

/* selected link */
/* a:active { 
	color: yellow; 
  }  */

.height10 {
	height: 10px !important;
}

.height20 {
	height: 20px !important;
}

.height30 {
	height: 30px !important;
}

.height35 {
	height: 30px !important;
}

.height-37-mobile-47 {
	vertical-align: top !important;
	height: 37px !important;
}

.height-46-mobile-47 {
	vertical-align: top !important;
	height: 46px !important;
}

.height40 {
	height: 40px !important;
}

.height47 {
	height: 47px !important;
}

.height50 {
	height: 50px !important;
}

.height57 {
	height: 57px !important;
}

.height60 {
	height: 60px !important;
}

.height75 {
	height: 75px !important;
}

.height70 {
	height: 70px !important;
}

.height80 {
	height: 80px !important;
}

.height100 {
	height: 100px !important;
}

.height600 {
	height: 600px !important;
}

.height400 {
	height: 400px !important;
}

.height100percent {
	height: 100px !important;
}

.date-box {
	text-align: center;
	width: 100px !important;
	padding-left: 3px;
	padding-right: 3px;
	position: relative;
	z-index: 10;
}

.btn-file {
	width: 100%;
	height: 60px;
	font-size: 15px;
	font-weight: bold;
	padding-top: 12px;
}

.btn-file-text {
	font-size: 15px;
	color: red;
	padding-bottom: 10px;
}

.badge-square {
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25rem
}

.badge-danger {
	background-color: #d43f3a !important;
	color: white !important;
}

.badge-warning {
	background-color: #d58512;
}

.badge-success {
	background-color: #398439;
}

.badge-info {
	background-color: #269abc;
}

.badge-inverse {
	background-color: #333333;
}

.badge-danger-fontsize20 {
	background-color: #d43f3a;
	font-size: 20px;
}

.badge-warning-fontsize20 {
	background-color: #d58512;
	font-size: 20px;
}

.badge-success-fontsize20 {
	background-color: #398439;
	font-size: 20px;
}

.badge-info-fontsize20 {
	background-color: #269abc;
	font-size: 20px;
}

.badge-inverse-fontsize20 {
	background-color: #333333;
	font-size: 20px;
}

.btn-inverse {
	background-color: #333333;
	font-size: 14px;
	color: white;
}

.vertical-align-middle {
	vertical-align: middle !important;
}

.vertical-align-top {
	vertical-align: top !important;
}

.vertical-align-bottom {
	vertical-align: bottom !important;
}

.table-center {
	margin-left: auto;
	margin-right: auto;
}

.table-left {
	margin-left: 0;
	margin-right: auto;
}

.table-right {
	margin-left: auto;
	margin-right: 0;
}

.div-outer {
	text-align: center;
}

.div-inner {
	display: inline-block;
}

.line-none {
	text-decoration-line: none !important;
}

.line-underline {
	text-decoration-line: underline !important;
}

.line-overline {
	text-decoration-line: overline !important;
}

.line-line-through {
	text-decoration-line: line-through !important;
}

.line-all {
	text-decoration-line: underline overline line-through !important;
}

.delete-character {
	text-decoration: line-through;
}

.no-wrap {
	white-space: nowrap;
}

.border-right-display-none {
	border-right-width: 0.50mm;
	border-right-color: #000000;
	border-right-style: none !important;
}

.border-left-display-none {
	border-left-width: 0.50mm;
	border-left-color: #000000;
	border-left-style: none !important;
}

.border-top-display-none {
	border-top-width: 0.50mm;
	border-top-color: #000000;
	border-top-style: none !important;
}

.border-bottom-display-none {
	border-bottom-width: 0.50mm;
	border-bottom-color: #000000;
	border-bottom-style: none !important;
}

.title {
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.navbar-top-links>li.farm-name a {
	padding: 22px 10px;
	font-size: 20px;
	line-height: 20px;
}

.datepicker {
	z-index: 10000 !important;
}

.print-btn {
	padding: 0px;
	margin-right: 0;
	font-size: 35px;
	line-height: 20px;
}

.navbar-top-links>li.top-menu-transaction {
	padding: 0px;
	margin-top: 12px;
	margin-right: -10px;
	font-size: 25px;
	line-height: 20px;
}

.navbar-top-links>li.top-menu-scan-pc {
	padding: 0px;
	margin-top: 12px;
	margin-right: -10px;
	font-size: 25px;
	line-height: 20px;
}

.navbar-top-links>li.top-menu-scan {
	display: none;
}

.navbar-top-links>li>a.dropdown-toggle-farm-name {
	margin-top: 15px;
	font-size: 25px;
	font-weight: 500;
	line-height: 20px;
	color: black;
}

.mobile-display {
	display: none !important;
}

.pc-display {
	display: inline !important;
}

.margin-0 {
	margin: 0px !important;
}

.margin-right50 {
	margin-right: 50px;
}

.margin-top3 {
	margin-top: 3px;
}

.margin-top12 {
	margin-top: 12px;
}

.margin-bottom3 {
	margin-bottom: 3px;
}

.margin-bottom10 {
	margin-bottom: 10px;
}

.margin-left3 {
	margin-left: 3px;
}

.margin-left100 {
	margin-left: 130px;
}

.margin-left200 {
	margin-left: 230px;
}

.border-left-white {
	border-left-width: 0.12mm;
	border-left-color: #FFFFFF;
	border-left-style: solid !important;
}

.border-right-white {
	border-right-width: 0.12mm;
	border-right-color: #FFFFFF;
	border-right-style: solid !important;
}

.border-top-white {
	border-top-width: 0.12mm;
	border-top-color: #FFFFFF;
	border-top-style: solid !important;
}

.border-bottom-white {
	border-bottom-width: 0.12mm;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid !important;
}

.border-left {
	border-left-width: 0.12mm;
	border-left-color: #000000;
	border-left-style: solid !important;
}

.border-right {
	border-right-width: 0.12mm;
	border-right-color: #000000;
	border-right-style: solid !important;
}

.border-top {
	border-top-width: 0.12mm;
	border-top-color: #000000;
	border-top-style: solid !important;
}

.border-bottom {
	border-bottom-width: 0.12mm;
	border-bottom-color: #000000;
	border-bottom-style: solid !important;
}

.pb-transaction-quantity-input {
	width: 100%;
	height: 100%;
	border: none !important;
	background-color: #EFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-left: 3px;
	padding-right: 0px;
}

.search-company-name {
	height: 50px !important;
	background-color: #EFFFFF;
}









.word-break {
	word-break: break-all;
}

.index-pc900-mobile400 {
	max-width: 900px !important;

}

.pb-transaction-form {
	max-width: 420px;
}

.fixedbtn {
	position: fixed;
	right: 8%;
	top: 15%;
	z-index: 1000;
}

.fixedbtn-add {
	position: fixed;
	right: 70%;
	top: 15%;
	z-index: 1000;
}

.fixedbtn-scan {
	position: fixed;
	right: 20%;
	top: 70%;
	z-index: 1001;
}

.scan-icon-btn {
	font-size: 80px;
	color: green;
}

.sign-display-poonglim {
	position: absolute;
	/* top: 63%;  */
	width: 830px;
	margin-top: 5px;
	text-align: right;
}

.sign-display-confirmation {
	position: absolute;
	/* top: 63%;  */
	width: 700px;
	margin-top: 5px;
	text-align: right;
}

.sign-display-ceo {
	position: absolute;
	/* top: 10.5%;  */
	left: 60.5%;
	width: 490px;
	text-align: right !important;
}

.sign-display-ceo-left {
	position: absolute;
	margin-top: 38px !important;
	/* top: 10.5%;  */
	left: 13%;
	width: 483px;
	text-align: right !important;
}

.sign-display-agreement {
	position: absolute;
	/* top: 82.5%;  */
	left: 27.5%;
	padding-top: 17px;
	/* width: 490px; */
	text-align: center !important;
}

.haccp-display {
	position: absolute;
	/* top: 82.5%;  */
	/* left: 49.5%;
	width: 490px; */
	text-align: left !important;
}

.sign-display {
	position: absolute;
	/* top: 82.5%;  */
	left: 49.5%;
	width: 490px;
	text-align: right !important;
}

.sign-display-co {
	position: absolute;
	left: 23%;
	width: 520px;
	text-align: center;
}

.sign-display-mini {
	position: absolute;
	left: 54%;
	width: 520px;
	text-align: right;
}

.pb-transaction-memo {
	width: 420px;
	height: 100%;
	border-color: #EFFFFF;
	background-color: #EFFFFF;
	text-align: center;
}

.select-merchant-type {
	width: 220px !important;
}

.company-name {
	width: 150px !important;
}

.history-no-registration {
	max-width: 600px;
	margin: 0px;
	text-align: center;
}

.mobile-emphasis-font {
	text-align: center !important;
	font-size: 30px;
}

/* 사이드 메뉴 */
.sideMenu {
	position: fixed;
	top: 0;
	width: 30%;
	height: 100%;
	background-color: #f4f4f4;
	z-index: 1000;
	/* transition: transform 0.3s ease; */
	transition: transform 0.3s ease-in-out;
	overflow-y: auto;
	/* 슬라이드 내용이 세로로 넘칠 경우 스크롤을 표시 */
	max-height: 100%;
	/* 슬라이드 높이를 최대 100%로 제한 */
}

/* 사이드 메뉴 */
.leftMenu {
	left: 0;
	transform: translateX(-100%);
}

/* 사이드 메뉴 */
.rightMenu {
	right: 0;
	transform: translateX(100%);
}

/* 사이드 메뉴 */
#content {
	position: relative;
	width: 100%;
	height: 100vh;
	/* overflow: auto; */
}


@media screen and (max-width: 767px) {
	.sideMenu {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #f4f4f4;
		z-index: 1000;
		/* transition: transform 0.3s ease; */
		transition: transform 0.3s ease-in-out;
		overflow-y: auto;
		/* 슬라이드 내용이 세로로 넘칠 경우 스크롤을 표시 */
		max-height: 100%;
		/* 슬라이드 높이를 최대 100%로 제한 */
	}

	.mobile-emphasis-font {
		text-align: center !important;
		font-size: 20px;
	}

	.text-center {
		text-align: center !important;
	}

	.text-left {
		text-align: left !important;
	}

	.mobile-td-bgcolor {
		background-color: #E4F7BA !important;
	}

	.history-no-registration {
		max-width: 400px;
		margin: 0px;
		text-align: center;
	}

	.company-name {
		width: 80px !important;
		white-space: normal !important;
	}

	.select-merchant-type {
		width: 150px !important;
	}

	.index-pc900-mobile400 {
		max-width: 400px !important;
	}

	.pb-transaction-form {
		max-width: 370px;
	}

	.pb-transaction-memo {
		width: absolute;
		height: 100%;
		border-color: #EFFFFF;
		background-color: #EFFFFF;
		text-align: center;
	}

	.sign-display-confirmation {
		position: relative;
		top: -48px;
		left: 5px;
		text-align: right !important;
	}

	.sign-display-provider {
		position: relative;
		/* top: -50px; 
		left: 140px; */
		text-align: right;
	}

	.sign-display {
		position: relative;
		top: -50px;
		left: 140px;
		text-align: right;
	}

	.sign-display-mini {
		position: relative;
		width: 520px;
		top: -65px;
		left: 65%;
	}

	.mobile-display {
		display: inline !important;
	}

	.pc-display {
		display: none !important;
	}

	.navbar-top-links>li.top-menu-transaction {
		margin-right: -10px;
		margin-left: -5px;
		margin-top: 8px;
	}

	.navbar-top-links>li.top-menu-scan-pc {
		display: none;
	}

	.navbar-top-links>li.top-menu-scan {
		display: inline-block;
		padding: 0px;
		margin-right: -10px;
		margin-left: -5px;
		font-size: 25px;
		line-height: 20px;
		margin-top: 8px;
	}

	.navbar-top-links>li>a.dropdown-toggle-farm-name {
		margin-top: 10px;
		margin-right: -10px;
		font-size: 15px;
		font-weight: bold;
		color: black;
	}

	.height-37-mobile-47 {
		vertical-align: top !important;
		height: 47px !important;
	}

	.height-46-mobile-47 {
		vertical-align: top !important;
		height: 47px !important;
	}
}

.screen-magnification {
	display: none;
}

@media screen and (max-width: 2000px) {
	.screen-magnification {
		display: inline;
	}
}


@media print {
	.no-print {
		display: none;
	}

	.print-page-header {
		display: none;
	}

	a[href]::after {
		content: none !important;
	}

	.border-right-display-none {
		border-right-width: 0.50mm;
		border-right-color: #000000;
		border-right-style: none !important;
	}

	.border-left-display-none {
		border-left-width: 0.50mm;
		border-left-color: #000000;
		border-left-style: none !important;
	}

	.border-top-display-none {
		border-top-width: 0.50mm;
		border-top-color: #000000;
		border-top-style: none !important;
	}

	.border-bottom-display-none {
		border-bottom-width: 0.50mm;
		border-bottom-color: #000000;
		border-bottom-style: none !important;
	}

}