@charset "UTF-8";

/*@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900);*/

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 100;
  font-style: normal;
  src: url("/fonts/NotoSansKR/NotoSans-Thin.eot?") format("eot"),
  url("/fonts/NotoSansKR/NotoSans-Thin.otf") format("opentype"),
  url("/fonts/NotoSansKR/NotoSans-Thin.woff") format("woff"),
  url("/fonts/NotoSansKR/NotoSans-Thin.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/NotoSansKR/NotoSans-Regular.eot?") format("eot"),
  url("/fonts/NotoSansKR/NotoSans-Regular.otf") format("opentype"),
  url("/fonts/NotoSansKR/NotoSans-Regular.woff") format("woff"),
  url("/fonts/NotoSansKR/NotoSans-Regular.woff2") format("woff2");
}

@font-face {
  font-family: "Noto Sans Korean";
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/NotoSansKR/NotoSans-Bold.eot?") format("eot"),
  url("/fonts/NotoSansKR/NotoSans-Bold.otf") format("opentype"),
  url("/fonts/NotoSansKR/NotoSans-Bold.woff") format("woff"),
  url("/fonts/NotoSansKR/NotoSans-Bold.woff2") format("woff2");
}

@font-face {
  font-family: "Gothic A1";
  font-weight: 100;
  font-style: normal;
  src: url("/fonts/GothicA1/GothicA1-Thin.ttf") format("truetype"),
  url("/fonts/GothicA1/GothicA1-Thin.woff2") format("woff2"),
  url("/fonts/GothicA1/GothicA1-Thin.woff") format("woff");
}

@font-face {
  font-family: "Gothic A1";
  font-weight: 400;
  font-style: normal;
  src: url("/fonts/GothicA1/GothicA1-Regular.ttf") format("truetype"),
  url("/fonts/GothicA1/GothicA1-Regular.woff2") format("woff2"),
  url("/fonts/GothicA1/GothicA1-Regular.woff") format("woff");
}

@font-face {
  font-family: "Gothic A1";
  font-weight: 700;
  font-style: normal;
  src: url("/fonts/GothicA1/GothicA1-Bold.ttf") format("truetype"),
  url("/fonts/GothicA1/GothicA1-Bold.woff2") format("woff2"),
  url("/fonts/GothicA1/GothicA1-Bold.woff") format("woff");
}

@font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 400;
src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
src: url(font/NanumBarunGothic.eot);
src: url(font/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
url(font/NanumBarunGothic.woff) format('woff'),
url(font/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
font-family: 'Nanum Barun Gothic';
font-style: normal;
font-weight: 700;
src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
src: url(font/NanumBarunGothicBold.eot);
src: url(font/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
url(font/NanumBarunGothicBold.woff) format('woff'),
url(font/NanumBarunGothicBold.ttf) format('truetype');
}

@font-face {
	font-family: 'FREE3OF9';
	font-style: normal;
	font-weight: normal;
	src: local('FREE3OF9');
	src: url(font/FREE3OF9.woff) format('woff'),
	url(font/FREE3OF9.ttf) format('truetype');
}

.barcode {
  font-family: "FREE3OF9"!important;      
    font-size: 50px;
    color: #000;
}

* { 
	font-family: "Noto Sans Korean", "Nanum Barun Gothic", "Glyphicons Halflings" !important; 
}

html, body {
	width: 100%;
	height: 100% !important;
	font-size: 14px; 
/*	font-smoothing: antialiased;*/
}

p,a,h1,h2,h3,h4,h5,h6 {
	transform: skew(-0.1deg)
}

body {
	background: #DDD;
}

/*html, body {*/
/*	font-family: NotoSansKR, NanumBarunGothic, sans-serif;*/
/*	min-height: 768px;*/
/*}*/

* ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
 }
 
* ::-webkit-scrollbar-thumb {
	background-color: #A0A0A0;
  	border-radius: 100px;
 }
 
* ::-webkit-scrollbar-track {
	background-color: #E6E6E6;
/*   	border-radius: 100px; */
 }

.container {
	padding: 10px;
}

.hc { display: table; left:0; right:0; margin-left:auto; margin-right:auto; } /* 가로 중앙 정렬 */
.vc { display: table-cell; vertical-align: middle; } /* 세로 중앙 정렬 */

.layout-hc { 
/*	display: table; */
	left:0; 
	right:0; 
	margin-left:auto; 
	margin-right:auto; 
/*	padding: 15px; */
	width: 100%;
	height: 100%;
}

.layout-cc { 
	position: absolute; 
	left: 50%; 
	top: 50%; 
	transform: translate(-50%, -50%); 
	padding: 10px; 
	z-index: -999;	
}

.container-hc {
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: pink;
}

.container-vc {
	display: table-cell;
	vertical-align: middle;
	background-color: skyblue;
}

.content-box {
	padding: 15px 30px;
	line-height: 1.6;
}

/* custom checkbox */
.chkbox { 
/*	display: block; */
	position: relative; 
	padding-left: 25px; 
	margin-bottom: 10px; 
	cursor: pointer; 
	font-size: 14px; 
	-webkit-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
	border-radius: 3px;
}

/* 기본 체크박스 숨기기 */
.chkbox input[type="checkbox"] { 
	display: none; 
}

/* 선택되지 않은 체크박스 스타일 꾸미기 */
.checkmark { 
	width: 20px; 
	height: 20px; 
	background: #ddd; 
	position: absolute; 
	top: 0; 
	left: 0; 
	border-radius: 4px;
}

/* 선택된 체크박스 스타일 꾸미기 */
.chkbox input[type="checkbox"]:checked + .checkmark { 
	background: #2196F3; 
}

.checkmark:after { 
	content: ""; 
	position: absolute; 
	display: none; 
}

.chkbox input[type="checkbox"]:checked + .checkmark:after { 
	display: block; 
}

.checkmark:after { 
	width: 5px; 
	height: 10px; 
	border: solid #fff; 
	border-width: 0 2px 2px 0; 
	-webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg); 
	transform: rotate(45deg); 
	position: absolute; 
	left: 8px; 
	top: 4px;
}
/* custom checkbox */

/* Radion button style */
.radio_box { display: inline-block; position: relative; padding-left: 25px; margin-right: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* 기본 라디오 버튼 숨기기 */
.radio_box input[type="radio"] { display: none; }

/* 선택되지 않은 라디오 버튼 스타일 꾸미기 */
.on { width: 20px; height: 20px; background: #ddd; border-radius: 50%; position: absolute; top: 0; left: 0; }

/* 선택된 라디오 버튼 스타일 꾸미기 */
.radio_box input[type="radio"]:checked + .on { background: #2196F3; }
.on:after { content: ""; position: absolute; display: none; }
.radio_box input[type="radio"]:checked + .on:after { display: block; }
.on:after { width: 10px; height: 10px; background: #fff; border-radius: 50%; position: absolute; left: 5px; top: 5px; }
/* Radion button style */

/* SweetAlert2 */
.swal2-title {
/*  margin: 0px;*/
/*  font-size: 16px;*/
/*  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.21);*/
/*  margin-bottom: 28px;*/
}

.swal2-popup {
    font-size: 14px !important;
}

.swal2-styled { 
/*      padding: 10px 15px !important;  */
/*      margin: 20px 10px 0px 10px !important;  */
/*     width: 60px;*/
/*     height: 30px; */
/*     font-size: 13px !important;*/
}
/* SweetAlert2 */

/* AdminLTE */
.card {
	width: 1024px;
	margin: 0 auto; 
    float: none;
    margin-bottom: 10px;
}

.card-header {
	height: 60px;
	color: #FFF;
	background-color: #373F50;
}

.card-title {
	font-size: 21px; 
 	font-weight: 600;
	line-height: 40px;
	padding-left: 15px;
}

.card-tools {
	line-height: 40px;
	color: #FFF;
}

.card-body {
/*	font-size: 16px;*/
/*	height: calc(100% - 125px);*/
	overflow: auto;
}

.card-footer {
	height: 60px;
	padding: 12px 10px;
	text-align: right;
}
/* AdminLTE */