/* START Login */
body {
	font-family: /*'NanumBarunGothic',*/ 'NanumGothic', 'Lato', sans-serif;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
img {
	margin: 0;
	padding: 0;
}

ul,
ol,
li {
	list-style: none;
}

a:link,
a:active,
a:visited,
a:hover {
	text-decoration: none;
}

select {
	width: 100px;
	line-height: 1.42857143;
	vertical-align: middle;
	background-image: url(../../images/boffice/select@2x.gif) !important;
	background-position: center right !important;
	background-repeat: no-repeat !important;
	background-size: 30px !important;
	border:1px solid #c8c8c7;
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
		 -o-appearance: none;
			appearance: none;
}

select::-ms-expand {
	display: none;
}

input[type="text"].disabled {
	background-color: #f7f7f7;
}

input[type="file"] {
	height: 25px;
}

.page-login .panel-login {
	background: none;
	border-top: 1px solid #bdc5c9;
}
.panel-login .form-group {
	margin-bottom: 10px;
}
.panel-login .form-control {
	padding-top: 14px;
	padding-bottom: 14px;
	height: 48px;
}
.page-login .btn {
	margin-top: 30px;
	padding-top: 14px;
	padding-bottom: 14px;
	background-color: #3f4454;
}
.page-login .btn:hover {
	background-color: #363b4a;
}
.page-login form a {
	display: inline-block;
}
.panel-login .checkbox {
	margin-top: 25px;
	line-height: 1.8;
}
/*  */
.page-forgot .tab-content {
	padding: 15px 0 0;
	background: none;
}
.page-forgot .tab-content p {
	font-size: 12px;
}
.page-forgot .tab-content .btn {
	float: left;
	margin: 0;
	width: 49%;
}
/* //END Login */



/* START Nav */
.top-menu .lnb-menu {
	float: left;
}
.top-menu .navbar-nav>li>a {
	position:relative;
	display:block;
	float: left;
	padding:20px 15px;
	height:60px;
	line-height:20px;
	color:#5f5f5f;
	text-decoration:none;
	border:none;
}
.top-menu .navbar-nav>li>a>img {
/* 	float:left; */
/* 	margin-top:3px; */
}
.top-menu .nav .open>a,
.top-menu .nav .open>a:focus,
.top-menu .nav .open>a:hover,
.top-menu .nav>li>a:active,
.top-menu .nav>li>a:focus,
.top-menu .nav>li>a:hover {
	background:0 0;
}
.top-menu .nav .open>a,
.top-menu .nav .open>a:focus,
.top-menu .nav .open>a:hover {
	background:0 0;
	border-color:none;
}
.top-menu .navbar-nav>li>a>i {
	font-size:14px;
}
.top-menu .navbar-nav>li>a>.badge {
	position:absolute;
	top:12px;
	right:7px;
	padding:3px 6px;
	font-family:"Open Sans",sans-serif;
	font-size:11px;
	text-shadow:0 1px 0 rgba(0,0,0,.3);
}
.top-menu .navbar-nav>li>a>.user-name {
	padding:0 0px 0 0;
	line-height:20px;
}
.top-menu .navbar-nav>li>a>.user-name>i {
	margin-left:5px;
}



/* Lnb Menu */
@media (max-width: 980px) {
	.lnb-menu a {
		padding-right: 9px !important;
		padding-left: 9px !important;
	}
}
@media (max-width: 890px) {
	.lnb-menu {
/* 		position: fixed !important; */
/* 		left: 222px; */
	}
	.lnb-menu a {
		padding-right: 6px !important;
		padding-left: 6px !important;
	}
}
@media (max-width: 800px) {
	.lnb-menu a {
		padding-right: 4px !important;
		padding-left: 4px !important;
	}
}
.navbar-side li a {
	width: 160px;
}
.mobile-show {
	display: none !important;
}
@media (min-width: 768px) {
	.navbar-side {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.mobile-hide {
		display: none !important;
	}
	.mobile-show {
		display: block !important;
	}
}



/* Logout Button */
.logout-button {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
	z-index: 9999;
	display: none;
	right: 0;
}

.logout-button a {
	display: inline-block !important;
	padding: 20px 18px;
	color: #5F5F5F;
	border: none;
	position: relative;
	line-height: 20px;
	float: right;
	font-size: 17px;
	text-decoration: none;
}

@media (max-width: 1260px) {
	.navbar-right {
		display: none;
	}
	.logout-button {
		display: block;
	}
}
/* //END Nav */



/* START DASHBOARD */
.speech-duck i {
	color: #b0b0b0;
}
@media (min-width: 992px) {
	.speech-duck .panel-white {
		height: 255px;
	}
	.speech-duck .inbox-widget {
		height: 180px !important;
	}
	.col-md-5s {
		float: left;
		width: 48.55555556%;
	}
	.col-md-5s-right {
		float: right !important;
	}
}
@media (min-width: 1200px) {
	.col-lg-12 {
		width: 100%;
	}
	.speech-duck .panel-white {
		height: 693px;
	}
	.speech-duck .inbox-widget {
		height: 618px !important;
	}
	.main-top {
		margin-top: -278px;
	}
}
/* //END DASHBOARD */



/* START TABLE */
.tableSearch {
	margin-top: -42px;
}
.tableSearch > table {
	float: left;
	margin-top: 10px;
}
.topSearch {
	float: left;
	margin-top: 10px;
	padding: 15px 0 10px 15px;
	width: 100%;
	background-color: #f9f9f9;
	border-top: 1px solid #111111;
	border-bottom: 1px solid #111111;
}
.topSearch li {
	float: left;
	width: 100%;
}
.topSearch .search-h {
	float: left;
	margin-bottom: 0;
	width: 28%;
	height: 32px;
	line-height: 2.2em;
}
.topSearch .search-h .form-control {
	margin-top: -4px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 25px;
}
.topSearch .search-c {
	float: left;
	padding-bottom: 6px;
	width: 72%;
}
.topSearch .search-c .form-control {
	padding-top: 3px;
	padding-bottom: 3px;
	width: 91.5%;
	height: 25px;
}
.topSearch .search-c .form-sm {
	width: 40% !important;
}
.topSearch .search-c .form-md {
	width: 45.4%;
}
.topSearch .search-c .search-input {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	width: 91.5%;
	height: 25px;
	font-size: 12px;
	border: 1px solid #dce1e4;
}
.topSearch .search-c .i-calendar {
	margin: 5px 0 0 -21px;
	opacity: .8;
}
.topSearch .search-c .rest {
	display: none;
	margin-top: 2px !important;
	line-height: 1.6;
}
textarea.input-large {
	width: 300px !important;
}
.dataTable select {
	padding: 3px 10px !important;
	width: 61%;
	height: 25px;
	border: 1px solid #dce1e4;
}
.dataTable input[type="text"],
.dataTable input[type="password"] {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	width: 61%;
	min-width: 100px;
	height: 25px;
	font-size: 12px;
	line-height: 1.42857143;
	border: 1px solid #dce1e4;
}
.dataTable input[type="text"] + .i-calendar {margin-left: 3px;}
.topSearch .search-c div.checker,
.dataTable div.checker {
	margin-right: 3px;
	margin-left: -2px;
}
.radio input[type="radio"] {
/* 	position: absolute; */
/* 	top: -5px; */
/* 	left: 20px; */
	margin-left: 0;
}
.checkbox input[type="checkbox"] {margin-left: 0;}
table.dataTable:not(.tableList, .tableCenter) tbody td {
	padding-right: 20px;
	min-width: 100px;
}
table.dataTable tbody td span.imgSize {
	float: left;
	color: #777;
	line-height: 2.4rem;
	letter-spacing: -.7px;
	margin-right: 5px;
}
table.dataTable table thead tr,
table.dataTable table thead tr th,
table.dataTable table thead tr td,
table.dataTable table tbody tr,
table.dataTable table tbody tr td {
	padding: 6px 10px;
	border: 1px solid #dddddd;
}
table.dataTable table thead tr th {
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
table.dataTable:not(.tableList, .tableCenter) tr th {min-width: 130px;}
.select2-container {
	width: 61%;
}
table.tableList {
	margin-bottom: 20px;
	border-top: none;
}
table.tableList tbody tr:nth-of-type(odd) {background-color: #f9f9f9;}
table.tableList thead th {
	white-space: nowrap;
	text-align: center !important;
}
table.tableList th,
table.tableList td {
/* 	text-align: center; */
	background: none;
}
table.tableList th:first-child {
	text-align: center;
}
table.tableList tbody tr:first-child th,
table.tableList tbody tr:first-child td {
	border-top: none !important;
}
table.tableList div.checker {
	margin-right: 0;
}
table.tableList tbody td {
	padding-right: 10px;
	text-align: center;
}
table.tableList tbody td input[type="text"] {float: none;}
.table-tip {
	position: relative;
	display: inline-block;
	font-size: 11px;
}
table.tableList tfoot tr {background: #f1f5f9;}
.table-tip p {
	font-size: 11px;
}
.tip {
	position: absolute;
	top: -3000px;
	left: -3000px;
	z-index: 999;
	padding: 3px 10px;
	background-color: #ffffff;
	border: 1px solid #12AFCB;
	border-radius: 5px;
	opacity: 0;
}
.tip:before {
	position: absolute;
	top: -5px;
	left: 5px;
	right: auto;
	display: inline-block !important;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #12AFCB;
	border-left: 5px solid transparent;
	content: '';
}
.i-calendar {
	float: left;
	margin: 5px 5px 0 0;
	font-size: 14px;
}
.rest {
	float: left;
	margin: 0 5px 0 1px;
	line-height: 1.9;
}

.reset {
	float: left;
	margin: 4px 10px 0 0;
	font-family: 'Open Sans', sans-serif;
/* 	line-height: 53px; */
}
.reset div.checker {margin-top: -2px;}

.fake {
	display: none;
}

.topSearch .search-c .select2-container {font-size: 12px;}

@media (min-width: 992px) {
	.topSearch li {
		width: 50%;
	}
	.topSearch .search-c .search-input,
	.topSearch .search-c .form-control,
	.topSearch .search-c .select2-container {
		width: 73.5%;
	}
	.topSearch .search-c .form-sm {width: 36.27% !important;}
	.topSearch .search-c .form-md {width: 30%;}
	.fake {
		display: block;
		height: 32px;
	}
}
@media (min-width: 1200px) {
	.topSearch li {
		width: 33.33333333%;
	}
	.topSearch .search-c .form-md {
		width: 45.4% !important;
	}
	
	.topSearch li.wid {width: 66.66666667%;}
	.topSearch li.wid .search-h {width: 14%;}
	.topSearch li.wid .search-c {width: 86%;}
	.topSearch li.wid .search-c .form-control,
	.topSearch li.wid .search-c .select2-container {width: 30.767% !important;}
	
	.topSearch li.wid1 {width: 100%;}
	.topSearch li.wid1 .search-h {width: 9.4%;}
	.topSearch li.wid1 .search-c {width: 90.6%;}
	.topSearch li.wid1 .search-c .form-control,
	.topSearch li.wid1 .search-c .select2-container {width: 19.47% !important;}
}

@media (max-width: 767px) {
	.dataTables_wrapper {
/* 		top: 4px; */
		min-width: 618px;
	}
	.table-responsive .btnList {
		float: left;
		left: 200px;
	}
	.table-responsive .btnList a {
		margin-right: 4px;
		margin-left: 0;
	}
	.dataTables_wrapper .dataTables_paginate {
		position: absolute;
		bottom: -7px;
		left: 200px;
		float: left;
	}
	.table-tip:hover .tip {
		top: 25px;
		left: -103px;
		opacity: 1;
	}
}
@media (max-width: 514px) {
	.topSearch .search-h {
		letter-spacing: -0.1em;
	}
	.table-responsive .btnList {
		width: 618px;
	}
	.table-responsive .btnList a:nth-child(5) {
/* 		margin-top: 4px; */
/* 		margin-left: 104px; */
	}
}


.modal .tableSearch {margin-top: -32px;}


/* file */

.dropify-wrapper{
	position: relative;
	display: block;
	min-height: 25px;
	color: #777;
	overflow: hidden;
	background-image: none;
	-webkit-transition: border-color .15s linear;
			transition: border-color .15s linear;
}
.dropify-wrapper .dropify-message {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
}
.dropify-wrapper.hover .dropify-message .btn {
	color: #fff !important;
	background: #484c55;
	border: 1px solid #484c55;
}
.dropify-wrapper .dropify-message p.dropify-error {
	display: none;
	margin: 5px 0 0;
	font-weight: 700;
	color: #F34141;
}
.dropify-wrapper input {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 56px;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.dropify-wrapper .dropify-preview {
	display: none;
	margin-left: 59px;
	width: 100%;
	height: 25px;
}
.dropify-wrapper .dropify-preview span.dropify-render {
	position: relative;
	display: inline-block;
	width: 25px;
	height: 25px;
	overflow: hidden;
	border-radius: 0px;
}
.dropify-wrapper .dropify-preview .dropify-render img {
	width: 25px;
	height: 25px;
	border: 1px solid #dce1e4;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
			border-radius: 6px;
}
.dropify-wrapper .dropify-preview .dropify-render i {
	position: absolute;
	top: 45%;
	left: 50%;
	font-size: 24px;
	color: #999999;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.dropify-wrapper .dropify-preview .dropify-render i.dropify-font-file {font-size: 20px !important;}
.dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
	position: absolute;
/* 	top: 35%; */
	bottom: -2.5px;
	left: 50%;
/* 	margin-top: 8px; */
	margin-left: 0;
	-webkit-margin-start: -1px;
	padding-top: 1px;
	-webkit-padding-before: 0;
	width: 28px;
	height: 12px;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.1;
	letter-spacing: -.06em;
	white-space: nowrap;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #888;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.dropify-font-file:before {
	content: "\f016";
}
[class*=" dropify-font-"]:before,
[class^=dropify-font-]:before {
	display: inline-block;
	margin-right: .2em;
	margin-left: .2em;
	width: 1em;
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1em;
	text-align: center;
	text-transform: none;
	text-decoration: inherit;
	speak: none;
}
.dropify-wrapper .dropify-preview .dropify-infos {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 87px;
	z-index: 3;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
			transform: translate(0, -50%);
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
	-webkit-transition: all .2s ease;
			transition: all .2s ease;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 1.286rem;
	line-height: 27px;
	white-space: nowrap;
	color: #111111;
	text-overflow: ellipsis;
	overflow: hidden;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner .dropify-filename-inner a {
	text-decoration: none;
}
.dropify-filename-inner .btn {margin-top: 1px; height: 24.5px;}



#productAdd .dropify-wrapper {
	clear: both;
}
#productAdd tr th {
/* 	text-align: center; */
}
#productAdd input[type="text"] {
/* 	width: 100%; */
}

.dropzone .dz-preview.dz-image-preview {
	background: none !important;
}
.dropzone .dz-preview .dz-image {
	background-color: #fff;
}

.tableCenter {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}
.tableCenter th {
	text-align: center;
}
.tableCenter thead tr th {
	white-space: nowrap;
	background: #fff;
	border-bottom: 1px solid #111;
}
.tableCenter tbody td {
	padding-right: 10px !important;
	text-align: center;
}
.tableCenter tbody tr:nth-of-type(odd) {background-color: #f9f9f9;}
.tableCenter tbody tr:last-child th,
.tableCenter tbody tr:last-child td {/* border-bottom: 1px solid #111; */}
.tableCenter td input[type="text"] {
	float: none;
/* 	text-align: right; */
}
.tableCenter tfoot td {
	background-color: #f9f9f9;
}

.modal-body h5 {
	float: left;
	margin: 20px 0 15px;
}
.modal-body .table-responsive {overflow-x: auto;}
.modal-body .tableCenter select {
	width: 100%;
	min-width: 150px;
}
.modal-body .tableCenter textarea.form-control {
	width: 100%;
	resize: vertical;
}
@media (min-width: 820px) and (max-width: 991px) {
	.modal-lg {
		width: 800px;
	}
}
@media (min-width: 768px) and (max-width: 820px) {
	.modal-lg {
		width: 700px;
	}
}
@media (max-width: 820px) {
	.modal-body .tableCenter select,
	.modal-body .tableCenter input[type='text'] {
		min-width: 80px;
	}
}

/* //END TABLE */



/* START TABLE SEARCH */

.editable-address span {
/* 	float: left; */
/* 	width: 100px; */
}
.editable-address input[type="text"] {
/* 	height: 32px; */
}

/* //END TABLE SEARCH */



/* START BUTTON */

.btn-primary:link,
.btn-primary:visited,
.btn-github:link,
.btn-github:visited {
	color: #ffffff;
}
.topSearch .btn-default {
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 2px 5px 3px;
}
.table .btn-default {
	padding: 2px 5px 3px;
}
.table .btn-default:hover {
	background-color: #e5e5e5;
}
.table .btn-default i {
	float: none;
	margin-right: 5px;
	margin-left: -5px;
	width: 25px;
	height: 23px;
	line-height: 24px;
	background-color: rgba(0,0,0, 0.1);
	border-radius: 0;
}
.table .dropify-filename-inner .btn-default {
	margin-top: 0;
	border: none;
}
.table .dropify-filename-inner .btn-default i {
	margin-right: 0;
	background: none;
}
.btnList {
	position: relative;
	z-index: 1;
	float: right;
	height: 32px;
	text-align: right;
}
.btnList .dropify-wrapper {
	position: relative;
	float: left;
	margin-left: 2px;
	width: 60px;
	height: 32px;
	overflow: inherit;
}
.btnList .dropify-wrapper.has-preview {
	width: 182px;
}
.btnList .dropify-wrapper .dropify-message {width: 60px;}
.btnList .dropify-wrapper.hover .dropify-message .btn {
	color: #0b79d7 !important;
	background: #f1f3f9;
	border: 1px solid #aab8e3;
}
.btnList .dropify-wrapper .dropify-message .btn {
	padding: 6px 7px;
	width: 60px;
}
.btnList .dropify-wrapper input {
	width: 60px;
}
.btnList .dropify-wrapper .dropify-preview {
	margin-left: 63px;
	width: 100px;
	height: 32px;
}
.btnList .dropify-wrapper .dropify-preview span.dropify-render {
	float: left;
	width: 32px;
	height: 32px;
}
.btnList .dropify-wrapper .dropify-preview span.dropify-render img {
	margin-top: 0;
	width: 32px;
	height: 32px;
}
.btnList .dropify-wrapper .dropify-preview .dropify-infos {
	left: 98px;
	float: left;
	width: 85px;
	height: 34px;
}
.btnList .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	font-size: 11px;
	line-height: 35px;
	text-align: left;
}
.btnList .dropify-wrapper + i {height: 34px;}
.btnList a {
	float: left;
	margin-left: 4px;
}

.btnData {
	float: right;
	margin-top: 20px;
	width: 100%;
	text-align: right;
}
.btnData a {
	min-width: 100px;
}

/* //END BUTTON */



/* START PAGE ERROR */

.page-error .form-control {
	height: 34px;
}

/* //END PAGE ERROR */



/* START CATEGOFY */

.categoryList .ui-corner-all {
	padding-right: 20px;
	width: 100% !important;
	border: 0;
}
.ui-widget-content {
	background: none !important;
}
.ui-corner-all .ui-jqgrid-view {
	width: 100% !important;
}
.ui-corner-all .ui-jqgrid-view .ui-jqgrid-bdiv {
	width: 100% !important;
}
.ui-corner-all .ui-state-default {
	border: 0 !important;
}
.ui-jqgrid tr.ui-state-hover {
	background: #f3f3f3 !important;
}
.ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {
	display: none;
}
.ui-jqgrid .ui-jqgrid-btable {
	width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-btable tr:first-child {
	display: none;
}
.ui-jqgrid .ui-jqgrid-btable .ui-widget-content .cell-wrapper {
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 200px;
	background: url(../../images/boffice/icon_folder.png) left 2px no-repeat;
}
.ui-jqgrid tr.jqgrow {
	border: 0;
}
.ui-jqgrid tr.jqgrow td {
	padding-top: 5px;
}
.ui-jqgrid tr.ui-row-ltr th {
	border: 0;
}
.ui-jqgrid tr.ui-row-ltr td {
	height: 30px !important;
	border: none !important;
	cursor: pointer;
}
.ui-widget-content .tree-wrap .ui-icon-document-b {
	display: none;
}
.ui-widget-content .cell-wrapperleaf {
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 20px;
	width: 200px;
	background: url(../../images/boffice/icon_document.png) no-repeat;
}
.ui-datepicker-month, .ui-datepicker-year {
	min-width: 50px;
}
.category-right tbody tr:nth-of-type(odd) {background-color: #f9f9f9;}
.category-right th,
.category-right td {
	text-align: center;
}
.category-right th {
	padding-top: 12px !important;
	border-top: none !important;
	border-bottom: none !important;
}
.category-right tbody tr:first-child td {
	border-top: 1px solid #111111;
}
.category-right tbody tr:last-child td {
	border-bottom: 1px solid #111111;
}

/* //END CATEGOFY */



/* START CALENDAR */

.datepicker-dropdown.datepicker-orient-bottom:before,
.datepicker-dropdown.datepicker-orient-bottom:after {
	top: auto;
}

/* //END CALENDAR */



/* START MODAL */

.modal .dataTables_wrapper {
	top: 0;
}
.modal .panel-body {
	padding-bottom: 0;
}
.detail p img {
	width: 100px !important;
	height: auto !important;
}

@media (min-width: 1200px) {
	.modal .topSearch li {width: 50%;}
	.modal .topSearch li.wid1 {width: 100%;}
	.modal .topSearch li.wid1 .search-h {width: 14%;}
	.modal .topSearch li.wid1 .search-c {width: 86%;}
	.topSearch li.wid1 .search-c .form-control {width: 19% !important;}
}

/* //END MODAL */



/* START TABS */

.tabs-heading {
	position: relative;
	z-index: 1;
	margin-bottom: 21px;
	padding: 0 20px;
}
.tabs {
	width: 100%;
	border-bottom: 1px solid #dddddd;
}
.tabs:before{
	display: table;
	content: "";
}
.tabs:after {
	display: table;
	clear: both;
	content: "";
}
.tabs li {
	float: left;
	margin-bottom: -1px;
}
.tabs li a {
	display: block;
	margin-right: 2px;
	padding: 7px 15px;
	font-weight: 600;
	color: #cccccc;
	text-align: center;
	background-color: #f9f9f9;
	border-top: 1px solid #ffffff;
}
.tabs li a:hover {
	color: #999999;
	background-color: #f1f1f1;
}
.tabs li .active {
	color: #555555;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-top-width: 2px;
	border-bottom: none;
}
.tabs li .active:hover,
.tabs li .active:focus {
	background-color: #ffffff;
	cursor: default;
}
@media (min-width: 992px) {
	.tabs li {
		width: 30%;
	}
	.tabs li a {
		padding-top: 12px;
		padding-bottom: 8px;
	}
}
/* //END TABS */


/* ajax loading bar 화면 전체를 어둡게 합니다.*/
#ajax_indicator {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.255); /* not in ie */
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}

/* START TENDER */
#listTableId g text {
	font-family: 'NanumGothic';
	font-weight: normal;
	font-size: 12px;
}
/* END TENDER */

.navbar-side .active p {
	font-weight: 600;
}

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




/**** JQ Grid ****/

.table-responsive {
	float: left;
/* 	margin-bottom: 10px; */
	width: 100%;
	overflow: visible;
}
.table-responsive .btnList {margin-bottom: -32px;}
.table-responsive .btnList + .table {margin-top: 32px;}
.table-responsive .btnList + .table.tableCenter {margin-top: 42px;}
.dataTables_wrapper {
	top: 0;
	overflow-x: auto;
}
.dataTables_wrapper .dataTables_length {
	position: sticky;
	top: 0;
	left: 0;
	margin-bottom: 0;
/* 	padding-left: 1.1em; */
}
.dataTables_wrapper .dataTables_length label {margin-bottom: 0;}
.dataTables_wrapper .dataTables_length label select {height: 32px;}
.dataTables_wrapper .dataTables_info {
	clear: none;
	position: sticky;
	top: 0;
	left: 110px;
	margin-bottom: 0;
	padding-top: 0.41em;
	height: 32px;
	font-size: 14px;
}
.dataTables_wrapper .dataTables_info b {}
.dataTables_wrapper .dataTables_paginate {
	position: sticky;
	bottom: 0;
	left: 0;
	float: left;
	margin-top: -10px;
	margin-bottom: 0;
	padding-top: 0;
}
.dataTables_wrapper .dataTables_paginate .first {margin-left: 0;}
.table-responsive tr .btn-addon.btn-info {/* padding-left: 7px; */}
.modal .dataTables_wrapper .dataTables_paginate {margin-bottom: 0;}


@media (max-width: 991px) {
	.dataTables_wrapper {
		top: 5px;
	}
}
@media (max-width: 767px) {
	.dataTables_wrapper {
/* 		top: 4px; */
		min-width: 618px;
	}
	.table-responsive .btnList {
		position: sticky;
		top: 0;
		left: 0;
		float: left;
		height: auto;
	}
	.table-responsive .btnList a {
		margin-right: 4px;
		margin-left: 0;
	}
	.dataTables_wrapper .dataTables_paginate {
		position: absolute;
		bottom: -7px;
		left: 200px;
		float: left;
	}
}
@media (max-width: 514px) {
	.topSearch .search-h {
		letter-spacing: -0.1em;
	}
	.table-responsive .btnList {
		width: 618px;
	}
	.table-responsive .btnList a:nth-child(5) {
/* 		margin-top: 4px; */
/* 		margin-left: 104px; */
	}
}