/* 기본 */
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700');

/* body,html{height:100%;background:#FFF;font-size:1em; } */
body,html{background:#FFF;font-size:1em; }

/*
body	*{ font-family:'Noto Sans KR','맑은 고딕','AppleGothic','돋움','Dotum', sans-serif; font-weight:300; -webkit-text-size-adjust:none; word-spacing:0; letter-spacing:-0.5px;}
*/
#contentsWrap{max-width:1200px;background:#fff;min-height:100%;border-bottom:1px solid #ffffff;padding-bottom:50px}
.hidden_form{display:none;}
.visible-web-none{display:none !important;}
@media screen and (max-width:820px) {
		.visible-xs {display:none}
		#contentsWrap{min-height:0px;}
		#contents_img img{width:100% !important;height:auto !important;}
		.visible-web-none{display:block !important;}
}
@media screen and (max-width:820px) { .max-input {width:50px;} }
@media screen and (min-width:821px) { .visible-mob-xs {display:none} }



/*이하 추가*/
h1,	h2,	h3,	h4,	h5,	h6	{font-weight:normal}
a			{ text-decoration:none}
a:visited	{text-decoration:none}
a:hover	{text-decoration:none}
a:active	{text-decoration:none}


/* 테이블 */

.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;

}

.table th,
.table td {
  padding: 0.6rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

/*중간 메뉴*/
#menu-wrap {background:#000;overflow:auto;border-top:1px solid #4eb3b5;}

/*
#menu-box {list-style:none;padding:0px;margin:0px;min-width:320px;max-width:414px;overflow:auto;box-sizing:border-box;}
#menu-box li{float:left;padding:3px 0px;min-width:20%;box-sizing:border-box;padding:10px 0px;text-align:center;}
*/

#menu-box {list-style:none;padding:0px;margin:0px;min-width:320px;max-width:414px;overflow:auto;box-sizing:border-box;}
#menu-box li{float:left;padding:3px 0px;min-width:20%;box-sizing:border-box;padding:10px 0px;text-align:center;}

#menu-box .menu-link a{color:#FFFFFF;}
.sel{background:#128799;border-bottom:5px solid #125b66;}
.sel a{font-weight:bold;}
.menu-title{font-size:0.8em;margin-top:-3px;}

/*직원관리*/
.table-mem td input{
max-width:160px;
height:30px;
line-height:30px;
}

.table-mem td button{
height:30px;
line-height:30px;
padding-top:0px;
}

/*스크롤 배너 버튼*/
.banner-btn{position:absolute;width:70px;height:70px;background:#17A2B8;color:#FFF;border-radius:5px;text-align:center;padding-top:10px;cursor:pointer;border:3px solid #138496;right:-80px;font-size:14px;}
.banner-btn .material-icons{}
#scrollStarter{width:100%;max-width:1200px;position:absolute;top:128px;}

/*이미지 미리보기 */
input[type=file] {
	display: none;
}

.imgs_wrap {

	border: 2px solid #EFEFEF;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.imgs_wrap img {
	width: 260px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:10px;
}

.imgs_wrap_org {

	border: 2px solid #EFEFEF;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 10px;
	padding-bottom: 10px;

}
.imgs_wrap_org img {
	width: 260px;
	height:195px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top:10px;
}



/*고객카드 모바일버전*/
.modal-card {font-size:0.8em;}
.modal-card input{font-size:1em;}
.modal-card .input-group-text{font-size:1em;}
.search-result-span{text-decoration:underline;color:blue;margin:10px;cursor:pointer;}

.search-result-span-per{text-decoration:underline;color:blue;margin:10px;cursor:pointer;}


/*재고관리 CSS */
#prd-stock-table td{margin:0px;padding:0px;font-size:0.8em;vertical-align:middle;}
#prd-stock-table .stock_num{width:100%;border:1px dotted #dfdfdf;height:19px;text-align:right;padding-right:2px;}
#prd-stock-table .stock_remain{width:100%;border:1px dotted #dfdfdf;height:36px;text-align:right;padding-right:2px;}
#prd-stock-table .stock_num_wrap{padding:0px 1px;}
#prd-stock-table thead{text-align:center;}
#prd-stock-table tbody{font-size:0.8em;}
#prd-stock-table tbody td{height:38px;vertical-align:middle;font-size:0.9em;}
#prd-stock-table .num_right{text-align:right;padding-right:4px;}
#prd-stock-table button{border-radius:3px;width:30px;height:36px;padding:0px;}
#prd-stock-table .in_prd{color:#777;font-weight:bold;}
#prd-stock-table .out_prd{color:#ff6600;background:#f4f4f4;}

#prd-stock-table .in_prd_y{background-color:#777;color:#fff;}
#prd-stock-table .out_prd_y{background-color:#FFCC00;color:#000;}

#prd-stock-table .zero_prd{color:#dfdfdf;}
#prd-stock-table tfoot td{text-align:center;}

#prd-stock-table tbody tr:hover{background:#DFDFDF;}
.hover-column{border-left:1px dashed red;border-right:1px dashed red;}
.hiderow{display:none;}
.hiderow_viewtype{color:#efefef;}

.marking-td{background:#ff6600;color:#fff}
.marking-area{font-weight:bold;cursor:pointer;}

/*테이블 호환성 보정*/
.table .input-group input {width:40px !important;}