a {
	cursor: pointer;
}

/* 본고딕 글꼴 */
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400'); */

/* @import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
 */
body, input, textarea, select {
	font-family: 'Roboto', sans-serif !important; 
	letter-spacing: -0.01em;
}

.hc {
	left:0; right:0; 
	margin-left:auto; 
	margin-right:auto; 
} /* 가로 중앙 정렬 */ 
.vc { 
	top: 0; bottom:0; 
	margin-top: auto; 
	margin-bottom: auto; 
} /* 세로 중앙 정렬 */

/* Checkbox & Button */
input[type="radio"]:checked {
	background: url(img/radio_on.png) no-repeat 0 0 !important;
}
input[type="radio"] {
	background: url(img/radio_off.png) no-repeat 0 0 !important;
}
input[type="checkbox"]:checked {
	background: url(img/checkbox_on.png) no-repeat 0 0 !important;
}
input[type="checkbox"] {
	background: url(img/checkbox_off.png) no-repeat 0 0 !important;
}
input[type="radio"], input[type="checkbox"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 0;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.navbar {
	overflow: hidden;
	background-color: #333; 
}

.navbar a {
	float: left;
	font-size: 14px;
	color: white;
	text-align: center;
	padding: 8px 18px;
	text-decoration: none;
}

.subnav {
	float: left;
	overflow: hidden;
}

.subnav .subnavbtn {
	font-size: 14px;  
	border: none;
	outline: none;
	color: white;
	padding: 8px 18px;
	background-color: inherit;
	font-family: inherit;
	margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
	background-color: #808080;
}

.subnav-content {
	display: none;
	position: absolute;
	left: 0;
	background-color: #808080;
	width: 100%;
	z-index: 1;
}

.subnav-content a {
	float: left;
	color: white;
	text-decoration: none;
}

.subnav-content a:hover {
	background-color: #eee;
	color: black;
}

.subnav:hover .subnav-content, .sidebar-content {
	display: block;
}

/* SIDE BAR */
/* Fixed sidenav, full height */
.sidenav {
	height: 100%;
	width: 150px;
	position: fixed;
	z-index: -100;
	top: 30;
	left: 0;
	background-color: #111;
	overflow-x: hidden;
	padding-top: 40px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
	padding: 6px 8px 6px 16px;
	text-decoration: none;
	font-size: 15px;
	color: #ffffff;
	display: block;
	border: none;
	background: none;
	width:100%;
	text-align: left;
	cursor: pointer;
	outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
	color: #f1f1f1;
}

/* Main content */
.main {
	margin-left: 200px; /* Same as the width of the sidenav */
	font-size: 20px; /* Increased text to enable scrolling */
	padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
.active {
	background-color: green;
	color: white;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
	display: none;
	background-color: #262626;
	padding-left: 8px;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
	.topnav a:not(:first-child) {display: none;}
	.topnav a.icon {
		float: right;
		display: block;
	}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive a.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a {
		float: none;
		display: block;
		text-align: left;
	}
	
}
	#container{
		margin-top: 60px;
    margin-left: 150px;
	}
	.title_here{
		margin: 10px 0 10px 10px;
		width: auto;
		position: relative;
		display: inline-block;
		font-weight: 900;
		font-size: 22px;
		color: #020914;
		text-align: center;
	}
	.content {
		margin-left: 5px;
    margin-right: 10px;
	}

	/* Search - filter style */
	/* .input-group {
		float: left;
		margin-right: 10px;
	}
	 */
	select {
		width: 100px;
		padding: .1em .3em .2em .3em;
		border: 1px solid #999;
		font-family: inherit;
	}

	/* Breadcrumb */
	ul.breadcrumb {
		padding: 3px 8px;
		list-style: none;
		width: 70%;
		background-color: #eee;
	}
	ul.breadcrumb li {
		display: inline;
		font-size: 12px;
	}
	ul.breadcrumb li+li:before {
		padding: 8px;
		color: black;
		content: "/\00a0";
	}
	ul.breadcrumb li a {
		color: #0275d8;
		text-decoration: none;
	}
	ul.breadcrumb li a:hover {
		color: #01447e;
		text-decoration: underline;
	}

	/* Search - table style */
	.search_table tr th{
		font-size: 12px;
		width: 100px;
		border: 1px solid #c0c0c0;
	}
	.search_table tr td{
		padding: 2px 4px;
		border: 1px solid #c0c0c0;
	}
	table {
		width: 50%;
		padding-right: 10px;
		border-collapse: collapse;		
		/* border-top: 3px solid #333;
		border-bottom: 3px solid #333; */
	}
	/* .gridTable {
		margin-top: 30px;
	} */

	/* jqgrid 반응형 */
	#pager_left, #pager2_left, #pager_folder_left, #pager_recent_left, #pager_allprd_left {
		width: auto !important;
	}

	.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { 
		width:99% !important; 
		/* margin: 0 auto !important; */
    margin-left: 10px;
	}
	.ui-jqgrid-view {
		width:100% !important;
	}
	.ui-jqgrid-hdiv {
		width:100% !important;
	}
	.ui-jqgrid .ui-jqgrid-hbox {
		width:100% !important;
		padding:0 !important;
	}
	.ui-jqgrid-htable {
		width:100% !important;
	}
	.ui-jqgrid-bdiv {
		width:100% !important;
		min-height: 150px !important;
	}
	.ui-jqgrid-btable {
		width:100% !important;
	}
	.ui-jqgrid-pager {
		width:100% !important;
	}
	.loading .ui-state-default .ui-state-active {
		background-color: #01447e !important;
	}

	.gridTable{
		margin-bottom: 100px;
    margin-top: 10px;
	}
	.searchTitle{
		background-repeat: no-repeat;
		display: inline-block;
		margin: 0px 0px 10px 10px;
		position: relative;
		width: 550px;
		height: 32px;
	}
	.ui-jqgrid {
		font-size: 12px !important;
	}
	.ui-jqgrid tr.jqgrow td, .ui-jqgrid tr.jqgroup td{
		padding: 2px 4px 2px 4px !important;
	}
	button{
		cursor: pointer;
	}
	.ui-jqgrid .ui-search-table .ui-search-oper{
		display: none;
	}

	
	@media screen and (max-width: 600px) {
		.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all { 
			margin: 0 auto !important;
		}
		.searchTitle{
			background-image: url('img/searchbox_300x32.png') !important;
			margin: 0px 0px 10px 5px !important;
			width: 300px !important;
			height: 32px !important;
		}
		#prdList, #orderList{
			width: 240px !important;
			margin-left: 40px !important;
		}
		.title_here{
			margin: 10px 0 10px 5px !important;
		}
		.gridTable{
			margin-top: 10px !important;
		}
		
	}