@charset "utf-8";

@font-face {
	font-family: 'NanumGothic';
	src: url('fonts/NanumGothic.eot');
	src: url('fonts/NanumGothic.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NanumGothic.woff') format('woff'),
		 url('fonts/NanumGothic.ttf') format('truetype');
	src: local(※), url('fonts/NanumGothic.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansL';
	src: url('fonts/NotoSansKR-Light.eot');
	src: url('fonts/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansKR-Light.woff') format('woff'),
		 url('fonts/NotoSansKR-Light.woff2') format('woff'),
		 url('fonts/NotoSansKR-Light.otf') format('opentype');
	src: local(※), url('fonts/NotoSansKR-Light.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansR';
	src: url('fonts/NotoSansKR-Regular.eot');
	src: url('fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansKR-Regular.woff') format('woff'),
		 url('fonts/NotoSansKR-Regular.woff2') format('woff'),
		 url('fonts/NotoSansKR-Regular.otf') format('opentype');
	src: local(※), url('fonts/NotoSansKR-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansM';
	src: url('fonts/NotoSansKR-Medium.eot');
	src: url('fonts/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansKR-Medium.woff') format('woff'),
		 url('fonts/NotoSansKR-Medium.woff2') format('woff'),
		 url('fonts/NotoSansKR-Medium.otf') format('opentype');
	src: local(※), url('fonts/NotoSansKR-Medium.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NotoSansB';
	src: url('fonts/NotoSansKR-Bold.eot');
	src: url('fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/NotoSansKR-Bold.woff') format('woff'),
		 url('fonts/NotoSansKR-Bold.woff2') format('woff'),
		 url('fonts/NotoSansKR-Bold.otf') format('opentype');
	src: local(※), url('fonts/NotoSansKR-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* START Login */
body {
	font-family: 'NotosansR', NanumGothic, Dotum, sans-serif;
	font-size: 13px;
}

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;
}
a:hover {
	color: #409beb;
}

select {
	padding: 3px 10px;
	min-width: 40px;
	height: 25px;
	line-height: 1.42857143;
	vertical-align: middle;
	color: #363636;
	background-image: url(../images/user/select@2x.png) !important;
	background-position: center right -3px !important;
	background-repeat: no-repeat !important;
	background-size: 30px !important;
	background-color: #fff;
	border:1px solid #dce1e4;
	-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;
}
select[disabled],
select[readonly],
select[readonly]:focus {
	background-image: url(../images/user/select@2x_readonly.gif) !important;
}

.page-login form a {
	display: inline-block;
}
.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:23px 20px 23px 15px;
	height:65px;
	font-size: 12px;
	line-height:20px;
	color:#606060;
	text-decoration:none;
	border:none;
}
.top-menu .navbar-nav>li>a:hover { color: #919191; }
.top-menu .navbar-nav>li>a>img {
/* 	float:left; */
    image-rendering: -webkit-optimize-contrast;
}
.top-menu .navbar-nav>li.dropdown>a>img {
	margin: -7px 0px 0 10px;
}
.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.fa-shopping-cart {
	font-size:18px;
}
.top-menu .navbar-nav>li>a>i {
	font-size:15px;
}
.top-menu .navbar-nav>li>a>.badge {
	position:absolute;
	top:14px;
	right:9px;
	padding:3px 0;
	min-width: 18px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	text-shadow:0 1px 0 rgba(0,0,0,.3);
}
.top-menu .navbar-nav>li>a>.user-name {
	float: left;
	padding:0 7px 0 0;
	line-height:19px;
}
.top-menu .navbar-nav>li>a>.user-name>i {
	float: right;
	margin-top: 4px;
	margin-left:5px;
}
.top-menu .navbar-nav>li>a.log-out {
	line-height: 18px;
}
.top-menu .navbar-nav>li>a.log-out i {
	float: left;
	margin-top: 0px;
}
.top-menu .navbar-nav>li>a.log-out ins {text-decoration: none;}



/* Lnb Menu */

@media (max-width: 900px) {
	.lnb-menu a {
		padding-right: 9px !important;
		padding-left: 9px !important;
	}
}
@media (max-width: 800px) {
	.lnb-menu {
		position: fixed !important;
		left: 222px;
	}
	.lnb-menu a {
		padding-right: 6px !important;
		padding-left: 6px !important;
	}
}
.navbar-side li a {
	width: 160px;
}
@media (min-width: 768px) {
	.navbar-side {
		display: none !important;
	}
}
@media (max-width: 767px) {
	.mobile-small {
		display: none !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: 1145px) {
	.log-out ins {display: none;} 
	.top-menu .navbar-nav > li.pro {margin-left: 0 !important;}
}
@media (max-width: 767px) {
	.logout-button {
		display: block;
	}
	.mo {display: block !important;}
}
.mo {display: none;}
/* //END Nav */



/* START DASHBOARD */

@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 */



.dataTables_length {display: none;}




.tableHidden {
	display: none;
	margin-top: -1px !important;
}



.tip-box {
	position: relative;
}
.basic-tip {
	display: inline-block;
	display: none;
	position: absolute;
	top: 22px;
	left: -11px;
	z-index: 9999;
	padding: 10px;
	min-width: 250px;
	font-family: 'Dotum';
	font-weight: normal;
	font-size: 11px;
	line-height: 1.5;
	color: #898989;
	text-align: left;
	background-color: #fff;
	border: 1px solid #516edf;
	border-radius: 3px;
}
.basic-tip:before {
	content: '';
	position: absolute;
	top: -7px;
	left: 10px;
	width: 9px;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #516edf;
	border-left: 7px solid transparent;
}
.basic-tip:after {
	content: '';
	position: absolute;
	top: -6px;
	left: 11px;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	border-left: 6px solid transparent;
}
.basic-tip strong {
	display: block;
	margin: 5px 0;
	font-size: 12px;
	color: #333;
}
.basic-tip span {
	float: left;
	color: #333;
}
.basic-tip em {
	float: left;
	margin-left: 4px;
	width: 75%;
	font-style: normal;
}

.table-tip {
	position: relative;
	display: inline-block;
	font-size: 11px;
}
.table-tip p {
	font-size: 11px;
}

@media all and (max-width: 991px) {
	.table-left.min .basic-tip {
		right: -17px;
		left: auto;
	}
	.table-left.min .basic-tip:before {
		right: 15px;
		left: auto;
	}
	.table-left.min .basic-tip:after {
		right: 16px;
		left: auto;
	}
}

.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;
}
.i-calendar:last-child {margin-right: 0;}

.i-clock {
	float: left;
	margin: 5px -2px 0 0;
	font-size: 14px;
}
.i-search {
	float: left;
	margin: 5px 3px 0 0;
	font-size: 14px;
	color: #363636;
	cursor: pointer;
}
.i-question {
	margin-top: -2px;
	margin-left: 0;
	font-size: 15px;
	vertical-align: top;
}
.i-question:hover { color: #516edf; }
.rest {
	float: left;
	margin: 0 4px 0 0;
	line-height: 2;
}
.rest.pull-none {
	margin-left: 3px;
}
.fake {
	display: none;
}

@media (min-width: 992px) {
	.fake {
		display: block;
		height: 32px;
	}
}

@media (max-width: 499px) {
	.rest {
		letter-spacing: -0.02em;
	}
}


/* Table Search */

.tableSearch {
	margin-bottom: 20px;
}
.tableSearch > table {
	float: left;
	margin-top: 10px;
}

.topSearch {
/* 	display: none; */
	position: relative;
	float: left;
	margin-top: 0;
/* 	margin-bottom: 15px; */
	padding: 13px 20px 4px 20px;
	width: 100%;
	background-color: #f9f9f9;
/* 	border-top: 1px solid #111111; */
	border-bottom: 1px solid #f1f1f1;
}
.searchHidden .topBtn {
	display: block;
	background: #e9e9e9;
}
.searchHidden .topSearch {
	display: none;
}
.modal .tableSearch {
	margin-bottom: 0;
}
.modal .tableSearch .topSearch {
	z-index: 1;
	margin-bottom: 23px;
	border-bottom: none;
	padding: 18px 20px 9px 20px;
}

@media (max-width: 1199px) {
	.searchHidden .topBtn {
		display: inline-block;
	}
}


.topSearch li {
	float: left;
	width: 100%;
}
.topSearch a {color: #4E5E6A;}
.topSearch .search-h {
	float: left;
	margin-bottom: 0;
	width: 20%;
	height: 32px;
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
	color: #333;
	line-height: 2.0em;
	letter-spacing: -0.06em;
}
.topSearch .search-c {
	float: left;
	margin: 0;
	width: 80%;
	height: auto;
	font-size: 1.286rem;
	line-height: 2.0em;
}
.checkbox label,
.radio label {
	display: inline;
/* 	margin-left: -2px; */
	padding-right: 10px;
}
.topSearch .checkbox {
	float: left;
}
.topSearch .checkbox label,
.topSearch .radio label {
	display: inline-block;
	margin-top: 0;
	padding-right: 9px;
}
.topSearch .checkbox.two label,
.topSearch .radio.two label {
	min-width: 52px;
	padding-right: 6px;
}
.topSearch li.wid .checkbox label,
.topSearch li.wid .radio label {
/* 	min-width: 82px; */
}

.topSearch .search-c .form-control {
	padding: 3px 10px;
	width: 100%;
	height: 25px;
	vertical-align: top;
}
.topSearch .search-c .form-sm {
	width: 30.2% !important;
	padding: 3px 7px !important;
}
.topSearch .search-c .form-sm-d {
	width: 44.08% !important;
}
.topSearch .search-c .form-md {
	margin-top: 3px;
}
.topSearch .search-c .form-md:nth-of-type(1),
.topSearch .search-c .form-md:nth-of-type(2) {
	margin-top: 0;
}
.topSearch .search-c input[type="text"] {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	height: 25px;
	font-size: 1.286rem;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #dce1e4;
}
.topSearch .search-c .search-input {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	width: 100%;
	height: 25px;
	font-size: 12px;
	border: 1px solid #dce1e4;
}
.topSearch .search-c .search-input.wid585 {
	width: 55.5%;
	margin-right: 5px;
}
.topSearch .search-c .checkbox div.checker {
	margin-top: -1px;
}

.topSearch .search-c .select2-container {vertical-align: top;}
.select2-container.w-81 {width: 80.5% !important;}

@media (min-width: 768px) {
	.topSearch .search-c .form-sm {
		width: 32.81% !important;
	}
	.topSearch .search-c .form-md {
		width: 49.61%;
	}
}

.topSearch .search-c.calendar .search-input:nth-of-type(2) {
	margin-right: 0;
}
.topSearch .search-c.search .search-input {
	padding: 2px 20px 4px 8px !important;
}

@media (min-width: 992px) {
	.topSearch li {
		width: 50%;
	}
	.topSearch .search-c .search-input,
	.topSearch .search-c .form-control,
	.topSearch .search-c .select2-container {
		width: 95%;
	}
	.topSearch .search-c .form-sm {
		width: 31.2% !important;
	}
	.topSearch .search-c .form-sm-d {
		width: 26.8% !important;
	}
	.topSearch .search-c.calendar .search-input {
		width: 45.5%;
	}
	.topSearch .search-c .form-md {
		width: 47.15%;
	}
	.topSearch .search-c .search-input.wid585 {
		width: 76%;
	}
}
@media (min-width: 1014px) {
	.topSearch .search-c.calendar .search-input {
		width: 45.6%;
	}
}
@media (min-width: 1176px) {
	.topSearch .search-c .form-md {
		width: 47.2%;
	}
	.topSearch .search-c.calendar .search-input {
		width: 47.2%;
	}
}
@media (min-width: 1200px) {
	.topSearch li {
		width: 33.33333333%;
	}
	.topSearch li.wid {
		width: 66.666%;
	}
	.topSearch li.wid .search-h {width: 10%;}
	.topSearch li.wid .search-c {width: 90%;}
	.topSearch li.wid .search-c.calendar .search-input {
		width: 17.059% !important;
	}
	.topSearch li.wid2 {
		width: 100%;
	}
	.topSearch li.wid2 .search-h {width: 6.66666667%;}
	.topSearch li.wid2 .search-c {width: 93.33333333%;}
	
	.topSearch .search-c .search-input,
	.topSearch .search-c .form-control,
	.topSearch .search-c .select2-container {
		width: 76%;
	}
	.topSearch .search-c .form-md {
		width: 45.6%;
	}
	.topSearch .search-c .form-lg {
		width: 91.85%;
	}
	.topSearch .search-c .form-lg-d {
		width: 57.5%;
	}
	.topSearch .search-c.calendar .search-input {
		width: 35.62%;
	}
	.topSearch .search-c .search-input.wid585 {
		width: 60%;
	}
}
@media (min-width: 1200px) and (max-width: 1554px) {
	.topSearch .search-h {width: 23%; letter-spacing: -.08em;}
	.topSearch .search-c {width: 77%;}
	.topSearch .search-c.calendar .search-input {
		width: 36.2%;
	}
	.topSearch li.wid {/* margin-top: -7px; */}
	.topSearch li.wid .search-h {width: 11.5%;}
	.topSearch li.wid .search-c {width: 88.5%;}
	.topSearch li.wid2 .search-h {width: 7.666%;}
	.topSearch li.wid2 .search-c {width: 92.334%;}
}
@media (min-width: 1440px) {
	.topSearch .search-c .search-input,
	.topSearch .search-c .form-control,
	.topSearch .search-c .select2-container {
		width: 75%;
	}
	.topSearch .search-c .form-md {
		width: 37.1%;
	}
	.topSearch .search-c.calendar .search-input {
		width: 35.79%;
	}
}
@media (min-width: 1620px) {
	.topSearch .search-c .search-input.wid585 {
		width: 64%;
		margin-right: 5px !important;
	}
	.topSearch .search-c.calendar .search-input {
		width: 36.23% !important;
	}
}

@media (max-width: 1199px) {
	.topSearch li.blank {display: none;}
	.topSearch .search-c label {margin-bottom: 0 !important;}
}
@media (max-width: 991px) {
	.topSearch .search-c .form-lg-d {
		width: 96%;
	}
	.topSearch .search-c.calendar {
		position: relative;
	}
	.topSearch .search-c.calendar .search-input {
		width: 47%;
	}
	.topSearch .search-c.calendar .search-input:nth-of-type(2) {
		float: right;
		margin-right: 0;
	}
	.topSearch .search-c.calendar .search-input:nth-of-type(2) + i {
		position: absolute;
		right: 4px;
		float: right;
	}
	.topSearch .search-c.calendar .rest {
		margin: 0 2%;
	}
	.topSearch .search-c .form-lg-d + .i-search,
	.topSearch .search-c .form-lg-d + a .i-search {margin-right: -2px;}
	.topSearch .search-c .form-lg-d + .i-calendar,
	.topSearch .search-c .form-lg-d + a .i-calendar {margin-right: -2px;}
	.select2-container {width: 100% !important;}
	.topSearch .search-c .search-input.wid585 {
		width: 87%;
	}
}
@media (max-width: 767px) {
	.topSearch .search-c .form-sm-d {
		width: 43% !important;
	}
	.topSearch .search-c.calendar .search-input {
		width: 47%;
	}
}
@media (max-width: 639px) {
	.topSearch .search-c.calendar .search-input {
		width: 45%;
	}
	.topSearch .search-c .search-input.wid585 {
		width: 84%;
	}
}
@media (max-width: 599px) {
	.topSearch .search-c .form-sm {width: 32.7% !important;}
}
@media (max-width: 499px) {
	.topSearch .search-h {width: 30% !important;}
	.topSearch .search-c {width: 70% !important;}
	.topSearch .search-c .form-sm-d {width: 38.4% !important;}
	.topSearch .search-c .form-sm {width: 49.2% !important;}
	.topSearch .search-c .form-sm:nth-child(3),
	.topSearch .search-c .form-sm:nth-child(4) {margin-top: 3px; margin-bottom: 3px;}
	.topSearch .search-c .form-sm:nth-child(5) {margin-bottom: 3px;}
	.topSearch .search-c .form-md {margin-top: 0 !important; margin-bottom: 3px;}
	.topSearch .search-c .form-md:last-child {margin-bottom: 7px;}
	.topSearch .search-c .form-lg {width: 91.79%;}
	.topSearch .search-c .form-lg-d {width: 92.79%;}
	.topSearch .search-c .search-input.wid585 {
		width: 74%;
	}
	.topSearch .search-c.calendar .rest {
		margin: 0 2.8%;
	}
}
@media (max-width: 375px) {
	.topSearch .search-c .form-sm-d {width: 37.8% !important;}
}
@media (max-width: 320px) {
	.topSearch .search-c .form-sm {width: 49.14% !important;}
	.topSearch .search-c .form-sm-d {width: 37.4% !important;}
}


.topSearch .search-c.calendar input {
	position: relative;
	z-index: 1;
	background-color: rgba(0, 0, 0, .035);
}
.topSearch .search-c select[disabled],
.topSearch .search-c select[readonly] {
	background-color: rgba(0, 0, 0, .03);
	background-image: url(../images/user/select@2x.png) !important;
}
.topSearch .search-c.calendar input[readonly],
.topSearch .search-c select[readonly] {
	background-color: rgba(0, 0, 0, .02);
}
.topSearch .search-c.calendar i {
	margin: 5px 0 0 -20px;
	color: #333;
}
.topSearch .search-c.calendar .i-calendar:nth-of-type(2) {
	margin-left: -17px;
}
.topSearch .search-c.search i {
	margin: 4px 0 0 -21px;
	-webkit-margin-before: 5px;
}

@media (min-width: 1200px) {
	.topSearch .search-c input[type="text"] {
		padding: 3px 5px;
	}
}
@media (min-width: 1440px) {
	.topSearch .search-c input[type="text"] {
		padding: 2px 3px 4px 8px;
	}
}
@media (max-width: 1250px) {
	.topSearch .checkbox label,
	.topSearch .radio label {
		padding-right: 6px;
	}
}


.modal .topSearch .search-h {
	width: 27%;
}
.modal .topSearch .search-c {
	width: 70%;
}
.modal .topSearch .search-c .search-input,
.modal .topSearch .search-c .form-control {width: 95.8%;}
.modal .topSearch .search-c .form-sm {width: 31% !important;}
.modal .topSearch .search-c .form-sm-d {width: 40% !important;}
.modal .topSearch .search-c .form-md {width: 47%;}
.modal .topSearch .search-c .form-lg-d {width: 90%;}
.modal .topSearch .search-c .select2-container {width: 96% !important;}

.modal .topSearch .checkbox label,
.modal .topSearch .radio label {
	min-width: 59px;
}
.modal .i-calendar {
	margin-right: 0;
	margin-left: 3px;
}
.modal .i-calendar.m03 {
	margin-right: 3px;
	margin-left: 3px;
}
.modal .topSearch .search-c .i-calendar {
/* 	margin-right: 5px; */
	margin-left: -20px;
}
.modal .rest {
	margin: 0 5px 0 2px;
	line-height: 2;
}
.modal .select2-container.w-81 {width: 81% !important;}
.modal .topSearch .search-c .form-control.w-45, .modal .topSearch .search-c .search-input.w-45 {width: 45.35% !important;}

.modal table tr td.calendar input {
	position: relative;
	z-index: 1;
	background-color: transparent;
}
.modal table tr td.calendar input[readonly] {
	background-color: rgba(0, 0, 0, .03);
}
.modal table tr td .i-calendar {
	margin-left: -17px;
}
.modal table tr td.calendar .i-calendar {
	margin-left: -20px;
}

@media (min-width: 640px) {
	.modal .topSearch li {
		width: 50%;
	}
}
@media (min-width: 992px) {
	.modal .topSearch .search-c .form-control {width: 80%;}
	.modal .topSearch .search-c .form-sm {width: 31.3% !important;}
	.modal .topSearch .search-c .form-md {width: 47.59%;}
	.modal .topSearch .search-c.calendar .search-input {width: 45.3% !important;}
	.modal .select2-container {/* width: 90% !important; */}
	.modal .topSearch .checkbox label,
	.modal .topSearch .radio label {
		padding-right: 15px;
	}
}
@media (min-width: 1200px) {
	.modal .topSearch li {
		width: 50%;
	}
}

@media (max-width: 1199px) {
	.modal .topSearch .search-c {margin-bottom: 4px;}
}
@media (min-width: 640px) and (max-width: 991px) {
	.modal .topSearch .search-c.calendar .search-input {
		width: 44.5%;
	}
	.modal .topSearch .search-c.calendar .search-input:nth-of-type(2) {
		float: left;
	}
	.modal .topSearch .search-c.calendar .search-input:nth-of-type(2) + i {
		position: relative;
		right: 0;
		float: left;
	}
}
@media (max-width: 767px) {
	.modal .topSearch .search-c .form-sm-d {width: 37.5% !important;}
}
@media (max-width: 639px) {
	.modal .topSearch .search-c .form-control {width: 95.8% !important;}
	.modal .topSearch .search-c .form-sm {width: 32.71% !important;}
	.modal .topSearch .search-c .form-md {width: 49.55% !important;}
}
@media (max-width: 599px) {
	.modal .topSearch .search-c .form-sm {width: 32.55% !important;}
	.modal .topSearch .search-c .form-md {width: 49.35% !important;}
}
@media (max-width: 499px) {
	.modal .tableSearch .topSearch {padding: 19px 10px 10px 10px;}
	.modal .topSearch .search-h {width: 25% !important;}
	.modal .topSearch .search-c .search-input,
	.modal .topSearch .search-c .form-control {width: 99.8% !important;}
	.modal .topSearch .search-c .form-control {padding-right: 5px !important; padding-left: 5px !important;}
	.modal .topSearch .search-c .form-sm {width: 49.1% !important;}
	.modal .topSearch .search-c .form-sm-d {width: 35.15% !important;}
	.modal .topSearch .search-c .form-md {width: 49.1% !important;}
	.modal .topSearch .search-c .form-lg-d {width: 90% !important;}
	.modal .select2-container {width: 99.8% !important;}
}



.tableSearch.top-view {
/* 	margin-top: 20px; */
}
.top-view .topSearch {
	padding: 0;
	background-color: transparent;
	border-top: transparent;
/* 	border-bottom: 1px solid #111; */
}
.top-view .topSearch li {
	border-top: 1px solid #f1f1f1;
}
.top-view .topSearch li:nth-child(1) {
	border-top: 1px solid #111;
}
.top-view .topSearch .search-h {
	padding-top: 5px;
	padding-left: 10px;
	width: 24.1%;
	height: 35px;
	line-height: 2;
	overflow: hidden;
	background-color: #f9f9f9;
}
.top-view .topSearch .search-c {
	padding-top: 5px;
	padding-left: 10px;
	width: 75.9%;
	height: 35px;
	line-height: 2;
}
.top-view .topSearch .search-c.calendar input {
	background-color: transparent;
}
.top-view .topSearch .search-c.calendar input[readonly] {
	background-color: rgba(0, 0, 0, .03);
}
.top-view .topSearch .search-c .form-md-s {
	width: 75% !important;
}
.top-view .tip-box .i-question {
/* 	margin-top: 10px; */
}
.top-view .fa-pencil-square-o {
	margin-top: 5px;
	vertical-align: top;
}
.top-view .dropify-wrapper {
	min-height: 26px;
}
.top-view .dropify-wrapper .dropify-message .btn-default {
	margin: 0;
}
.top-view .dropify-wrapper .dropify-preview,
.top-view .dropify-wrapper .dropify-preview span.dropify-render {
	height: 26px;
}

.topSearch li.blank .search-h,
.topSearch li.blank2 .search-h,
.topSearch li.blank3 .search-h {
	background-color: transparent;
}

@media all and (min-width: 500px) {
	.top-view .topSearch .search-c .form-sm-d {width: 42.43% !important;}
}
@media all and (min-width: 768px) {
	.top-view .topSearch .search-h {
		width: 24.1%;
	}
	.top-view .topSearch .search-c {
		width: 75.9%;
	}
}
@media all and (min-width: 992px) {
	.top-view .topSearch li:nth-child(2) {
		border-top: 1px solid #111;
	}
	.top-view .topSearch li.blank3 {
		display: block;
	}
	.top-view .topSearch .search-h {
		width: 24.1%;
	}
	.top-view .topSearch .search-c {
		width: 75.9%;
	}
	.top-view .topSearch .search-c.calendar .search-input {
		width: 44.85%;
	}
	.top-view .topSearch .search-c .form-sm-d {
		width: 23.4% !important;
	}
	.top-view .radio label, .top-view .checkbox label {padding-right: 0px;}
	.top-view .radio label:last-child, .top-view .checkbox label:last-child {padding-right: 0;}
}
@media (min-width: 1014px) {
	.top-view .topSearch .search-c.calendar .search-input {
		width: 45.3%;
	}
}
@media (min-width: 1176px) {
	.top-view .topSearch .search-c.calendar .search-input {
		width: 45.7%;
	}
}
@media all and (min-width: 1200px) {
	.top-view .topSearch li {
		width: 50%;
	}
	.top-view .topSearch .search-h {
		width: 30%;
	}
	.top-view .topSearch .search-c {
		width: 70%;
	}
	
	.top-view .topSearch .search-c .search-input,
	.top-view .topSearch .search-c .form-control,
	.top-view .topSearch .search-c .select2-container {
		width: 77.5%;
	}
	.top-view .topSearch .search-c.calendar .search-input {
		width: 36.5%;
	}
	.top-view .radio label, .top-view .checkbox label {padding-right: 5px;}
}
@media all and (min-width: 1250px) {
	.top-view .topSearch .search-c.calendar .search-input {
		width: 37.1%;
	}
}
@media all and (min-width: 1440px) {
	.top-view .topSearch li {
		width: 33.33333333%;
	}
	.top-view .topSearch li:nth-child(3) {
		border-top: 1px solid #111;
	}
	.top-view .topSearch li.blank3 {
		display: none;
	}
	.top-view .topSearch .search-h {
		width: 25%;
	}
	.top-view .topSearch .search-c {
		width: 75%;
	}
	.top-view .topSearch .search-c .search-input,
	.top-view .topSearch .search-c .form-control,
	.top-view .topSearch .search-c .select2-container {
		width: 75%;
	}
	.top-view .topSearch .search-c.calendar .search-input {
		width: 34.9% !important;
	}
}
@media all and (min-width: 1620px) {
	.top-view .topSearch .search-h {
		width: 22%;
	}
	.top-view .topSearch .search-c {
		width: 78%;
	}
	.top-view .topSearch .search-c.calendar .search-input {
		width: 35.87% !important;
	}
	.top-view .radio label, .top-view .checkbox label {padding-right: 11px;}
}

@media all and (max-width: 991px) {
	.top-view .topSearch li.blank {
		display: none;
	}
	.top-view .topSearch li.blank2 {
		display: none;
	}
	.top-view .topSearch li.blank3 {
		display: none;
	}
	.top-view .topSearch .search-c.calendar .search-input:nth-of-type(2) + i {
		right: 4px;
	}
}
@media all and (max-width: 569px) {
	.top-view .topSearch .search-c .form-md-s {width: 67% !important;}
}
@media all and (max-width: 499px) {
	.top-view .topSearch {
		position: relative;
		overflow: hidden;
	}
	.top-view .topSearch li {
		position: relative;
	}
	.top-view .topSearch li:before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 30%;
		height: 200%;
		background: #f9f9f9;
	}
	.top-view .topSearch .search-h {
		position: relative;
	}
	.top-view .topSearch .search-c {
		height: auto;
		min-height: 35px;
	}
}
@media all and (max-width: 414px) {
	.top-view .topSearch .search-c {letter-spacing: -0.02em;}
	.top-view .topSearch .search-c .form-md-s {width: 71% !important;}
}
@media all and (max-width: 374px) {
	.top-view .topSearch .search-c .form-md-s {width: 67% !important;}
}
@media all and (max-width: 360px) {
	.top-view .topSearch .search-c .form-md-s {width: 66% !important;}
}
@media all and (max-width: 320px) {
	.top-view .topSearch .search-c .form-md-s {width: 61% !important;}
}



.top-view2 .topSearch {
	padding: 0;
	background-color: transparent;
	border-top: transparent;
	border-bottom: 1px solid #111;
}
.top-view2 .topSearch li {
	border-top: 1px solid #f1f1f1;
}
.top-view2 .topSearch li:nth-child(1),
.top-view2 .topSearch li:nth-child(2) {
	border-top: 1px solid #111;
	width: 100%;
}
.top-view2 .topSearch li:nth-child(2) {
	border-top: 1px solid #f1f1f1;
}
.top-view2 .topSearch li:nth-child(1) .search-h,
.top-view2 .topSearch li:nth-child(2) .search-h {
	width: 12%;
}
.top-view2 .topSearch li:nth-child(1) .search-c,
.top-view2 .topSearch li:nth-child(2) .search-c {
	width: 88%;
}
.top-view2 .topSearch .search-h {
	padding-top: 5px;
	padding-left: 10px;
	width: 24.1%;
	height: 35px;
	line-height: 2;
	overflow: hidden;
	background-color: #f9f9f9;
}
.top-view2 .topSearch .search-c {
	padding-top: 5px;
	padding-left: 10px;
	width: 75.9%;
	height: 35px;
	line-height: 2;
}
.top-view2 .topSearch .search-c.calendar input[readonly] {
	background-color: rgba(0, 0, 0, .03);
}
.top-view2 .fa-pencil-square-o {
	margin-top: 5px;
	vertical-align: top;
}
.top-view2 .dropify-wrapper {
	min-height: 26px;
}
.top-view2 .dropify-wrapper .dropify-message {
	margin-top: -14px;
	-webkit-margin-before: -15.5px;
}
.top-view2 .dropify-wrapper .dropify-message .btn-default {
	margin: 0 0 0 0;
	-webkit-margin-before: 1px;
}
.top-view2 .dropify-wrapper .dropify-preview,
.top-view2 .dropify-wrapper .dropify-preview span.dropify-render {
/* 	height: 26px; */
}
.top-view2 .dropify-wrapper .dropify-preview span.dropify-render .dropify-extension {
	padding-top: 0;
}
.top-view2 .dropify-file {
	margin-top: -1px;
}

@media all and (min-width: 500px) {
	.top-view2 .topSearch .search-c .form-sm-d {width: 42.43% !important;}
}
@media all and (min-width: 768px) {
	.top-view2 .topSearch .search-h {
		width: 24.1%;
	}
	.top-view2 .topSearch .search-c {
		width: 75.9%;
	}
}
@media all and (min-width: 992px) {
	.top-view2 .topSearch li:nth-child(2),
	.top-view2 .topSearch li:nth-child(3),
	.top-view2 .topSearch li:nth-child(4),
	.top-view2 .topSearch li:nth-child(5) {
		border-top: 1px solid #f1f1f1;
	}
	.top-view2 .topSearch .search-h {
		width: 24.1%;
	}
	.top-view2 .topSearch .search-c {
		width: 75.9%;
	}
	.top-view2 .topSearch .search-c .search-input {
		width: 91%;
	}
	.top-view2 .topSearch .search-c .form-sm-d {
		width: 23.4% !important;
	}
	.top-view2 .topSearch li.blank3 {
		display: block;
	}
}
@media all and (min-width: 1200px) {
	.top-view2 .topSearch .search-h {
		width: 36%;
	}
	.top-view2 .topSearch .search-c {
		width: 64%;
	}
	.top-view2 .topSearch .search-c.calendar .search-input {
		width: 91% !important;
	}
	.top-view2 .topSearch li.blank3 {
		display: none;
	}
}

@media all and (max-width: 1199px) {
	.top-view2 .topSearch li.blank {
		display: none;
	}
}
@media all and (max-width: 1024px) {
	.top-view2 .topSearch .search-c .form-md-s {width: 75% !important;}
}
@media all and (max-width: 991px) {
	.top-view2 .topSearch .search-h {
		width: 30% !important;
	}
	.top-view2 .topSearch .search-c {
		width: 70% !important;
	}
	.top-view2 .topSearch li.blank2 {
		display: none;
	}
	.top-view2 .topSearch li.blank3 {
		display: none;
	}
}
@media all and (max-width: 569px) {
	.top-view2 .topSearch .search-c .form-md-s {width: 67% !important;}
}
@media all and (max-width: 414px) {
	.top-view2 .topSearch .search-c {letter-spacing: -0.02em;}
	.top-view2 .topSearch .search-c .form-md-s {width: 71% !important;}
}
@media all and (max-width: 374px) {
	.top-view2 .topSearch .search-c .form-md-s {width: 67% !important;}
}
@media all and (max-width: 360px) {
	.top-view2 .topSearch .search-c .form-md-s {width: 66% !important;}
}
@media all and (max-width: 320px) {
	.top-view2 .topSearch .search-c .form-md-s {width: 61% !important;}
}


.top-view2 table {
	border-bottom: none;
}
.top-view2 table th {
	background-color: #f9f9f9 !important;
}
.top-view2 table td.checkbox {
	height: auto;
}
.top-view2 table td.checkbox label {
	display: inline-block;
	min-width: 180px;
}
.top-view2 table .dropify-wrapper .dropify-message {
	margin-top: -12px;
	-webkit-margin-before: -14px;
}
.top-view2 table .dropify-wrapper .dropify-preview .dropify-render img {
	margin-top: 0 !important;
}



.top-view3 .topSearch {
	padding: 0;
	background-color: transparent;
	border-top: transparent;
	border-bottom: 1px solid #111;
}
.top-view3 .topSearch li {
	border-top: 1px solid #f1f1f1;
}
.top-view3 .topSearch li:nth-child(1) {
	border-top: 1px solid #111;
	width: 100%;
}
.top-view3 .topSearch li:nth-child(1) .search-h {
	width: 12%;
}
.top-view3 .topSearch li:nth-child(1) .search-c {
	width: 88%;
}
.top-view3 .topSearch .search-h {
	padding-top: 5px;
	padding-left: 10px;
	width: 24.1%;
	height: 35px;
	line-height: 2;
	overflow: hidden;
	background-color: #f9f9f9;
}
.top-view3 .topSearch .search-c {
	padding-top: 5px;
	padding-left: 10px;
	width: 75.9%;
	height: 35px;
	line-height: 2;
}
.top-view3 .tip-box .i-question {
/* 	margin-top: 10px; */
}
.top-view3 .fa-pencil-square-o {
	margin-top: 5px;
	vertical-align: top;
}
.top-view3 .dropify-wrapper {
	min-height: 26px;
}
.top-view3 .dropify-wrapper .dropify-message .btn-default {
	margin: 0;
}
.top-view3 .dropify-wrapper .dropify-preview,
.top-view3 .dropify-wrapper .dropify-preview span.dropify-render {
	height: 26px;
}

@media all and (min-width: 500px) {
	.top-view3 .topSearch .search-c .form-sm-d {width: 42.43% !important;}
}
@media all and (min-width: 768px) {
	.top-view3 .topSearch .search-h {
		width: 24.1%;
	}
	.top-view3 .topSearch .search-c {
		width: 75.9%;
	}
}
@media all and (min-width: 992px) {
	.top-view3 .topSearch li:nth-child(2),
	.top-view3 .topSearch li:nth-child(3),
	.top-view3 .topSearch li:nth-child(4),
	.top-view3 .topSearch li:nth-child(5) {
		border-top: 1px solid #f1f1f1;
	}
	.top-view3 .topSearch .search-h {
		width: 24.1%;
	}
	.top-view3 .topSearch .search-c {
		width: 75.9%;
	}
	.top-view3 .topSearch .search-c .search-input {
		width: 91%;
	}
	.top-view3 .topSearch .search-c .form-sm-d {
		width: 23.4% !important;
	}
	.top-view3 .topSearch li.blank3 {
		display: block;
	}
}
@media all and (min-width: 1200px) {
	.top-view3 .topSearch .search-h {
		width: 36%;
	}
	.top-view3 .topSearch .search-c {
		width: 64%;
	}
	.top-view3 .topSearch .search-c.calendar .search-input {
		width: 91% !important;
	}
	.top-view3 .topSearch li.blank3 {
		display: none;
	}
}

@media all and (max-width: 1199px) {
	.top-view3 .topSearch li.blank {
		display: none;
	}
}
@media all and (max-width: 1024px) {
	.top-view3 .topSearch .search-c .form-md-s {width: 75% !important;}
}
@media all and (max-width: 991px) {
	.top-view3 .topSearch .search-h {
		width: 30% !important;
	}
	.top-view3 .topSearch .search-c {
		width: 70% !important;
	}
	.top-view3 .topSearch li.blank2 {
		display: none;
	}
	.top-view3 .topSearch li.blank3 {
		display: none;
	}
}
@media all and (max-width: 569px) {
	.top-view3 .topSearch .search-c .form-md-s {width: 67% !important;}
}
@media all and (max-width: 414px) {
	.top-view3 .topSearch .search-c {letter-spacing: -0.02em;}
	.top-view3 .topSearch .search-c .form-md-s {width: 71% !important;}
}
@media all and (max-width: 374px) {
	.top-view3 .topSearch .search-c .form-md-s {width: 67% !important;}
}
@media all and (max-width: 360px) {
	.top-view3 .topSearch .search-c .form-md-s {width: 66% !important;}
}
@media all and (max-width: 320px) {
	.top-view3 .topSearch .search-c .form-md-s {width: 61% !important;}
}



.noList {
	margin: 0 !important;
/* 	height: 414px; */
	text-align: center;
/* 	border-bottom: 1px solid #111; */
}
.noList tr td {
/* 	border-top: 1px solid #111 !important; */
	border-bottom: 1px solid #ddd;
}
.noneList td {
	height: 175px !important;
	text-align: center;
}


/* Table List */

table.tableList {
	margin-bottom: 0;
	border-top: 1px solid #111;
/* 	border-bottom: 1px solid #111; */
	border-collapse: separate;
}
.ui-jqgrid-bdiv table.tableList {
	border-top: none;
}
table.tableList th,
table.tableList td {
	text-align: center;
	background: none;
	border-left: 1px solid #ddd;
}
table.tableList th:first-child,
table.tableList td:first-child {
	border-left: none;
}
table.tableList th {
	white-space: nowrap;
	background: #f9f9f9 !important;
}
table.tableList td p {
	display: inline-block;
	margin: 0 20px;
	font-size: 12px;
}
table.tableList tbody tr th,
table.tableList tbody tr td {
	border-top: none !important;
	border-bottom: 1px solid #ddd;
}
table.tableList tbody tr:hover td {
	background-color: #f5f5f5;
}
table.tableList tbody tr:first-child th,
table.tableList tbody tr:first-child td {
	border-top: none !important;
}
table.tableList tbody tr:first-child th {
	border-bottom: 1px solid #ddd;
}
table.tableList tbody tr:last-child td {
/* 	border-bottom: none; */
}
table.tableList tbody tr td a:hover {
/* 	color: #333; */
	text-decoration: underline;
}
table.tableList tbody tr td .form-control {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	width: 100%;
	height: 25px;
	font-size: 1.268rem;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #dce1e4;
}
table.tableList tbody tr td select.form-control {
	padding-top: 2px !important;
	-webkit-padding-before: 3px !important;
}
table.tableList tbody td.calendar input[readonly] {
	position: relative;
	z-index: 1;
	background-color: rgba(0, 0, 0, .03);
}
table.tableList tbody td .i-calendar,
table.tableList tbody td a .i-search {
	margin-left: -20px;
}
table.tableList tbody tr td a.dropify-file {
	margin-top: 2px;
	color: #333;
	text-decoration: none;
}
table.tableList tbody td img {
	border: 1px solid #dce1e4;
}
table.tableList tbody td .btn-line {
	min-width: 34px;
	color: #363636;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ccc;
}
table.tableList tbody td .btn-line:hover,
/* table.tableList tbody td .btn-line:focus, */
table.tableList tbody td .btn-line:active {
	background: #484c55;
	border: 1px solid #484c55;
	color: #fff !important;
	text-decoration: none;
}
table.tableList tfoot tr th,
table.tableList tfoot tr td {
	padding-top: 0;
	padding-bottom: 0;
	height: 35px;
	font-family: 'NotoSansB';
	font-weight: normal;
	background-color: #f9f9f9;
	border-bottom: 1px solid #ddd;
}
table.tableList tfoot tr th input[type="text"],
table.tableList tfoot tr td input[type="text"] {
	height: 25px;
}
table.tableList div.checker {margin: -2px 0 0;}

.modal .btnList {
	right: 15px;
	margin-top: -7px;
	height: 32px;
}
.modal.show .btnList {
	right: 0;
}
.modal .btnList a.btn {
	padding: 6px 12px;
	min-width: 50px;
}
.modal .modal-body .btnList {
	right: 0;
	margin-top: -13px;
	margin-bottom: 6px;
}
.modal .form {
	height: 600px;
	overflow-y: auto;
}

.modal .tableList tr th {line-height: 1.42857143; text-align: center;}
.modal .tableList tfoot tr th {border-bottom: 1px solid #ddd;}
.modal .tableList .form-control {height: 25px;}
.modal .tableList .fade {opacity: .25;}

table.tableList.pro tbody tr td {padding: 5px;}

@media (max-width: 1580px) {
	table.tableList.pro {
		width: 1700px;
	}
}
@media (max-width: 1199px) {
	.modal table.tableList {
		width: 100%;
	}
}
@media (max-width: 799px) {
	.modal table.tableList {
		width: 760px;
		overflow-x: auto;
	}
}
@media (max-width: 499px) {
	.modal .btnList {float: right;}
}

.tableList .fade {
	padding: 3px;
	color: #4E5E6A;
	cursor: pointer;
	opacity: .25;
}
.tableList .fade:hover {
	opacity: 1;
}
.tableList .fa-pencil {
	margin-left: 5px;
}
.tableList .fa-search,
.tableList .fa-file-o,
.tableList .fa-pencil-square-o {
	opacity: 1;
}


/* Data Table */

.table.dataTable input[type="text"].wid61 {width: 61%;}

.dataTable select {
	padding: 3px 10px !important;
	width: 61%;
	height: 25px;
	vertical-align: top;
	border: 1px solid #dce1e4;
}
.dataTable select[disabled] {
	background-image: none !important;
}
.dataTable input[type="text"],
.dataTable input[type="password"] {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	width: 100%;
/* 	min-width: 100px; */
	height: 25px;
	font-size: 1.286rem;
	line-height: 1.42857143;
	vertical-align: top;
	border: 1px solid #dce1e4;
}
.dataTable input[type="text"] + a.search {
	color: #4E5E6A;
}
.dataTable input[type="text"] + a.search .i-search {
	margin: 5px 0 0 -20px;
}
.dataTable textarea {
	float: left;
	margin-right: 3px;
	padding: 3px 10px;
	width: 100%;
	height: auto;
	line-height: 1.42857143;
	border: 1px solid #dce1e4;
	resize: inherit;
}
.dataTable textarea.minH {
	min-height: 170px;
}
.radio input[type="radio"] {
	position: absolute;
	top: 0px;
	left: 10px;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td {
	padding: 5px 10px;
	height: 25px;
}
table.dataTable thead th {
	background: #f9f9f9;
}
.table tbody > tr:nth-of-type(1) > td {
	border-top: 0; 
}
table.dataTable tbody th {
	line-height: 15px;
}
table.dataTable tbody th em {
	font-style: normal;
	display: inline-block;
	vertical-align: -webkit-baseline-middle;
/* 	margin-left: 4px; */
}
table.dataTable tbody td {
	/*padding-right: 20px;*/
}
table.dataTable tbody td.profile-img {
	text-align: center;
}
table.dataTable tbody td a {
	color: #4E5E6A;
}
table.dataTable tbody td > a {
	color: #337ab7;
/* 	text-decoration: underline; */
}
table.dataTable tbody td > a:hover {
	text-decoration: underline;
}
table.dataTable tbody td a.dropify-file {
/* 	float: left; */
/* 	margin-top: 4px; */
	color: #333;
	text-decoration: none;
}
table.dataTable tbody td a.dropify-file i {
/* 	margin-top: 2px; */
}
table.dataTable tbody td a.btn {
/* 	color: #fff; */
	text-decoration: none;
}
table.dataTable tbody td.checkbox label {
	margin-top: 3px;
}
table.dataTable tbody td.calendar input[readonly] {
	position: relative;
	z-index: 1;
	background-color: rgba(0, 0, 0, .03);
}
table.dataTable tbody td .i-calendar {
	margin-left: -20px;
}
table.dataTable tbody td a .i-search {
	margin-left: -23px;
}
table.dataTable tbody td .i-clock {
	display: none;
}
table.dataTable tbody td div.plus {
	padding: 3px 0;
	height: 25px;
}
table.dataTable tbody td div.plus:first-child {
	padding-top: 0;
}
table.dataTable tbody td div.plus:last-child {
	padding-bottom: 0;
}
table.dataTable table thead tr,
table.dataTable table thead tr th,
table.dataTable table tbody tr,
table.dataTable table tbody tr td {
	padding: 5px 10px;
/* 	vertical-align: top; */
	text-align: center;
	border: 1px solid #dddddd;
}
table.dataTable table thead tr th {
	padding-top: 0;
	padding-bottom: 0;
	height: 35px;
	text-align: center;
}
table.dataTable tbody + tbody tr th,
table.dataTable tbody + tbody tr td {
/* 	border-top: 1px solid #ddd !important; */
}
table.dataTable tbody td > p > img {
	max-width: 100%;
	height: auto !important;
}
table.dataTable tbody td > p > img.full-height {
	width: 97px !important;
	height: 97px !important;
	image-rendering: -webkit-optimize-contrast;
}

table.dataTable tfoot th,
table.dataTable tfoot td {
	padding-top: 0;
	padding-bottom: 0;
	height: 35px;
	font-family: 'NotoSansB';
	font-weight: normal;
	line-height: 1.2;
	background-color: #f9f9f9;
	border-top: 1px solid #111;
}
table.dataTable tfoot td input[readonly] {
/* 	background-color: #ebebeb; */
}

table.dataTable#tFoot tfoot th,
table.dataTable#tFoot tfoot td {
	padding-top: 0;
	padding-bottom: 0;
	height: 35px;
	font-family: 'NotoSansR';
	font-weight: normal;
	line-height: 1.2;
	border-top: 1px solid #111;
}
table.dataTable#tFoot tfoot td {
	background-color: #fff;
}

textarea.input-large {
	width: 300px !important;
}

@media (min-width: 1250px) and (max-width: 1409px) {
	.dataTable input[type="text"],
	.dataTable input[type="password"] {
		margin-right: 4px;
	}
	table.dataTable tbody td .i-calendar,
	table.dataTable tbody td a .i-search {
		margin-left: -22px;
	}
}

@media (max-width: 1199px) {
	table.dataTable {
		width: 969px;
		width: 100%;
		overflow-x: auto;
	}
	.modal table.dataTable {
		width: 100%;
	}
}
@media (max-width: 1120px) {
	.dataTable .w-sm {width: 30% !important;}
}
@media (max-width: 991px) {
	.dataTable .w-sm {width: 28.6% !important;}
}
@media (max-width: 812px) {
	.dataTable .w-sm {width: 28.1% !important;}
}
@media (max-width: 736px) {
	.dataTable .w-sm {width: 31.4% !important;}
}
@media (max-width: 667px) {
	.dataTable .w-sm {width: 35% !important;}
}


.table-responsive.scrAutoX {
	overflow-x: auto;
}


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

.table-responsive {
	overflow: hidden;
}


.ui-widget-content {
/* 	display: table-row; */
	position: relative;
}
.ui-widget-content,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-hdiv,
.ui-jqgrid .ui-jqgrid-bdiv {
	width: 100% !important;
}
.ui-jqgrid .ui-jqgrid-hdiv table,
.ui-jqgrid .ui-jqgrid-bdiv table,
.ui-jqgrid .ui-jqgrid-ftable,
.ui-jqgrid .ui-jqgrid-pager {
	width: 100% !important;
}

.ui-jqgrid .ui-jqgrid-htable {
	border-bottom: 1px solid #ddd;
}
.ui-jqgrid .ui-jqgrid-resize-ltr:after {
/* 	content: ''; */
/* 	position: absolute; */
/* 	top: 3px; */
/* 	right: 0px; */
/* 	width: 1px; */
/* 	height: 15px; */
/* 	background-color: #ddd; */
}
.ui-jqgrid .ui-jqgrid-resize-rtl:after {
/* 	content: ''; */
/* 	position: absolute; */
/* 	top: 3px; */
/* 	left: 0px; */
/* 	width: 1px; */
/* 	height: 15px; */
/* 	background-color: #ddd; */
}

.table-responsive .ui-jqgrid thead > tr > th,
.table-responsive .ui-jqgrid tbody > tr > th,
.table-responsive .ui-jqgrid tfoot > tr > th {
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
	font-weight: normal;
}

.ui-jqgrid-bdiv table.tableList tbody tr:first-child td {
	border-bottom: none;
}
.ui-jqgrid tr.jqgrow td {
	line-height: inherit;
	white-space: nowrap;
}
.ui-widget-content span:hover {
/* 	text-decoration: underline; */
}
.ui-jqgrid .ui-jqgrid-view input {
	width: 100%;
}
.ui-jqgrid .ui-jqgrid-view button {
	margin: 0 2px;
	padding: 2px 5px 2px;
	font-size: 1.286rem;
	line-height: 1.5;
	vertical-align: top;
	color: #333;
	background-color: #fff;
	border: 1px solid #dce1e4;
}

.ui-jqgrid tr.ui-jqgrid-labels th em,
.ui-jqgrid tr.ui-row-ltr td > em {font-style: normal;}
.ui-jqgrid tr.ui-row-ltr td > a,
.ui-jqgrid tr.ui-row-ltr td > span,
.ui-jqgrid tr.ui-row-ltr td > span > a {
	text-decoration: none;
	color: #337ab7;
}
.ui-jqgrid tr.ui-row-ltr td > a:hover,
.ui-jqgrid tr.ui-row-ltr td > span:hover,
.ui-jqgrid tr.ui-row-ltr td > span > a:hover {
	text-decoration: underline;
	color: #337ab7;
}
.ui-jqgrid tr.ui-row-ltr td a > span,
.ui-jqgrid tr.ui-row-ltr td input,
.ui-jqgrid tr.ui-row-ltr td input + i,
.ui-jqgrid tr.ui-row-ltr td span.cell-wrapper,
.ui-jqgrid tr.ui-row-ltr td span.cell-wrapperleaf,
.table-left .ui-jqgrid tr.ui-row-ltr td span.cell-wrapper,
.table-left .ui-jqgrid tr.ui-row-ltr td span.cell-wrapperleaf,
.table-right .ui-jqgrid tr.ui-row-ltr td span.cell-wrapper,
.table-right .ui-jqgrid tr.ui-row-ltr td span.cell-wrapperleaf {
	color: #363636;
	cursor: default;
}
.table-left .ui-jqgrid tr.ui-row-ltr td span.cell-wrapper:hover,
.table-left .ui-jqgrid tr.ui-row-ltr td span.cell-wrapperleaf:hover,
.table-right .ui-jqgrid tr.ui-row-ltr td span.cell-wrapper:hover,
.table-right .ui-jqgrid tr.ui-row-ltr td span.cell-wrapperleaf:hover {
	text-decoration: none;
	color: #363636;
}

.ui-jqgrid tr.ui-row-ltr td > a.btn {
	text-decoration: none;
	color: #333;
}
.ui-jqgrid tr.ui-row-ltr td > a:hover.btn {
	text-decoration: none;
}

@media (max-width: 1199px) {
	.table-responsive .ui-jqgrid {width: auto !important;}
}
@media (max-width: 767px) {
	.table-responsive {margin-bottom: 10px; overflow-x: auto;}
	.table-responsive .ui-jqgrid {width: 1200px !important;}
}
@media (max-width: 690px) {
	.ui-jqgrid tr.ui-row-ltr td > a {margin-left: 0px;}
}
@media (max-width: 499px) {
	.ui-jqgrid tr.ui-row-ltr td > a {text-decoration: underline;}
}


.table-responsive .ui-jqgrid-pager {
	top: -1px;
	border-top: 1px solid #eaeaea;
	z-index: 999;
}
.table-responsive .ui-jqgrid-pager:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	height: 1px;
	background-color: #f9f9f9;
}


.ui-jqgrid tr:hover td {background: #f5f5f5;}
.ui-jqgrid #pager tr:hover td {background: transparent;}
.ui-jqgrid #pager tr td {font-size: 11px !important;}
.ui-jqgrid #pager tr td input,
.ui-jqgrid #pager tr td select,
.ui-jqgrid #pager tr td span {font-size: 10px !important; color: #333;}



.table-responsive.in.tableW {min-width: 1630px;}
.table-responsive.in.tableW .tableList {margin-bottom: 20px;}
.table-responsive.in.tableW .ui-jqgrid .ui-jqgrid-bdiv {
/* 	margin-bottom: 20px; */
	height: auto !important;
	min-height: auto !important;
}

@media (min-width: 1536px) {
	.table-responsive.in.tableW {min-width: 1920px;}
}


.table-responsive .tableH {
	overflow-x: hidden;
	overflow-y: auto;
	border-bottom: 1px solid #ddd;
}
.table-responsive .tableH table {
	margin-top: 1px;
	border-top: none;
}
.table-responsive .tableH table.tableList tbody tr:last-child td {
	border-bottom: none;
}

.table-responsive.wide {
	height: 423px;
	overflow: auto;
	border-top: 1px solid #111;
}
.table-responsive.wide .table {
	min-width: 1200px !important;
	border-top: none;
}


.table-responsive .table.nowrap tr th,
.table-responsive .table.nowrap tr td {
	white-space: nowrap;
}

.table-responsive .table.nowrap tr td {
	line-height: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
}


.modal .table-responsive {float: left;}
.modal .table-responsive:after {display: none;}
.modal .table-responsive.min {min-height: 150px;}
.modal .table-responsive.min .ui-jqgrid .ui-jqgrid-bdiv {
	height: 350px !important;
	min-height: 350px;
	overflow-x: scroll;
	overflow-y: auto;
}

.gridFix .ui-widget-content,
.gridFix .ui-jqgrid .ui-jqgrid-view,
.gridFix .ui-jqgrid .ui-jqgrid-hdiv,
.gridFix .ui-jqgrid .ui-jqgrid-bdiv {width: inherit !important;}
.gridFix .ui-jqgrid .ui-jqgrid-hdiv {overflow: hidden;}
.gridFix .ui-jqgrid .ui-jqgrid-bdiv {height: auto !important;}
.gridFix .ui-jqgrid .ui-jqgrid-hdiv table,
.gridFix .ui-jqgrid .ui-jqgrid-bdiv table {width: 1px !important;}
.gridFix .ui-jqgrid .ui-jqgrid-hdiv table tr th,
.gridFix .ui-jqgrid .ui-jqgrid-bdiv table tr td {
/* 	padding-right: 5px; */
/* 	padding-left: 5px; */
}
.gridFix .frozen-div > table.ui-jqgrid-htable,
.gridFix .frozen-bdiv > table.ui-jqgrid-btable {
	border-right: 1px solid #ddd;
	-webkit-box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.2);
}


@media (max-width: 1280px) {
	.table-responsive.broad > .ui-jqgrid {
		width: 1690px !important;
	}
}
@media (max-width: 768px) {
	.table-responsive.in .ui-jqgrid .ui-jqgrid-bdiv {
		min-height: 110px !important;
	}
}

@media (max-width: 599px) {
	.table-responsive .btnList a {
		margin-right: 4px;
		margin-left: 0;
	}
	
	.modal .dataTables_wrapper,
	.modal .table-responsive > .table {
		top: 4px;
		width: 800px !important;
	}
}
@media (max-width: 499px) {
	.topSearch .search-c.radio label,
	.topSearch .search-c.checkbox label {
		margin-bottom: 3px !important;
		padding-right: 0;
		width: 49.25%;
		letter-spacing: -.04em;
	}
	.topSearch .search-c.radio label.min,
	.topSearch .search-c.checkbox label.min {
		width: 32.33333333%;
	}
	.table-responsive .btnList a:nth-child(5) {
		margin-top: 4px;
		margin-left: 104px;
	}
}


#biddingInfoH {
	position: relative;
	z-index: 1;
	margin-bottom: -1px;
}
#infoFileTr tr th {
	color: transparent;
}
#infoFileTr tr:first-child th {
	color: #4E5E6A;
}


#paperTableDiv thead th,
#paperTableDiv thead td {
	font-weight: normal;
	text-align: left;
	border-bottom: 1px solid #ddd;
}
#paperTableDiv .thead th,
#paperTableDiv .thead td {
	border-top: 1px solid #111;
	border-bottom: 1px solid transparent;
}
#paperTableDiv thead + thead th,
#paperTableDiv thead + thead td {
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #111;
	border-bottom: 1px solid #ddd;
}
#paperTableDiv tbody + tbody tr:first-child th,
#paperTableDiv tbody + tbody tr:first-child td {
	border-top: 1px solid #ddd !important;
}
#paperTableDiv .table {
	border-top: none;
}
#paperTableDiv .table#tFoot {
	margin-top: -1px;
}



#gridList_cb {
	position: relative;
}
#gridList_cb:after {
	/* content: '';
	position: absolute;
	top: 10px;
	right: 0px;
	width: 1px;
	height: 15px;
	background-color: #ddd; */
}
#gridList_cb:before {
	/* content: '';
	position: absolute;
	top: 10px;
	left: 0px;
	width: 1px;
	height: 15px;
	background-color: #ddd; */
}

.ui-jqgrid tr.ui-row-ltr td[aria-describedby="gridList_cb"] { }




/**** Table Left ****/

.table-left {
	display: block;
	position: relative;
	z-index: 999;
	margin: 0;
	padding: 0px;
	width: 100%;
	min-height: 387px;
	list-style: none;
	font-size: 1.286rem;
	line-height: 20px;
	border: 0px solid #d5d5d5;
	border-radius: 3px;
}
.table-left.min {
	min-height: auto;
	background: #fff;
}
.table-left.min table {
	width: 100%;
	border: 1px solid #e5e5e5;
	border-top: 1px solid #111;
	border-bottom: none;
	border-collapse: separate;
}
.table-left.min tr {
/* 	border-bottom: 1px solid #ddd; */
}
.table-left.min tr th {
	padding: 7px 10px 8px;
	text-align: center;
	background: #fff;
	color: #333;
	font-family: 'NotosansB';
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.table-left.min tr th:first-child {
	border-left: none;
}
.table-left.min tr:last-child th {
	padding: 7px 10px 8px;
}
.table-left.min tr td {
	height: 35px;
	padding: 7px 10px 8px;
	font-weight: normal;
	text-align: center;
	background: #fff;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
}
.table-left.min tr td:first-child {
	border-left: none;
}
.table-left.min .ui-jqgrid {height: auto !important;}
.table-left .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr:nth-child(2) .ui-jqgrid-resize-ltr {width: 0;}

.table-left .table-responsive .ui-jqgrid-pager {
	z-index: 9999;
}
.table-left .table-responsive .ui-jqgrid-pager:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 1px;
	background-color: #f9f9f9;
}

.table-left .ui-jqgrid {
	overflow-x: auto;
}
.table-left .ui-jqgrid {width: 100%; /* min-height: 452px; */ background-color: #f9f9f9;}
.table-left .ui-widget-content,
.table-left .ui-jqgrid .ui-jqgrid-view,
.table-left .ui-jqgrid .ui-jqgrid-hdiv,
.table-left .ui-jqgrid .ui-jqgrid-bdiv,
.table-left .ui-jqgrid .ui-jqgrid-hdiv table,
.table-left .ui-jqgrid .ui-jqgrid-bdiv table {
/* 	width: 100% !important; */
/* 	max-width: 100% !important; */
}
.table-left .ui-widget-content {
	width: 100%;
	border: 1px solid #ddd;
	border-top-color: #111;
}
.table-left .ui-jqgrid .ui-jqgrid-hdiv {
/* 	border-right: 1px solid #e5e5e5 !important; */
/* 	border-left: 1px solid #e5e5e5 !important; */
}
.table-left .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-hbox table {width: 100% !important; border-top: none;}

.table-left .ui-jqgrid .ui-jqgrid-bdiv {
	width: 100%;
	min-height: auto;
	overflow-x: hidden;
}
.table-left .table-responsive .ui-jqgrid .ui-jqgrid-bdiv {
	width: 100%;
	height: 490px;
/* 	border-right: 1px solid #e5e5e5 !important; */
/* 	border-left: 1px solid #e5e5e5 !important; */
/* 	border-bottom: 1px solid #ddd !important; */
}
.table-left.no-title .table-responsive.in .ui-jqgrid .ui-jqgrid-bdiv {
	height: 479px;
}
.table-left .ui-jqgrid .ui-jqgrid-btable {width: 100% !important; border-top: none;}
.table-left .ui-jqgrid tr.jqgrow td {
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: -0.02em;
	border-bottom-width: 1px;
}
.table-left .ui-jqgrid tr.jqgrow th:nth-child(1),
.table-left .ui-jqgrid tr.jqgrow td:nth-child(1) {
	padding-right: 10px;
	padding-left: 10px;
	letter-spacing: -.5px;
}
.table-left .ui-jqgrid .tree-wrap {
	width: 18px !important;
}
.table-left .ui-jqgrid .tree-minus,
.table-left .ui-jqgrid .tree-plus,
.table-left .ui-jqgrid .tree-leaf {
	left: 0 !important;
}
.table-left .ui-jqgrid .tree-leaf {
/* 	display: none; */
}
.table-left input {
	width: 90% !important;
}

@media (max-width: 1250px) {
	.table-left input {
		width: 85% !important;
	}
}
@media (min-width: 1560px) {
	.table-left .ui-jqgrid {
/* 		height: 702px; */
		box-sizing: border-box;
/* 		overflow: hidden; */
		overflow-y: auto;
	}
}

@media (max-width: 1919px) {
	.table-left .ui-jqgrid {
/* 		overflow-x: auto; */
	}
	.table-left .ui-jqgrid .ui-jqgrid-view,
	.table-left .ui-jqgrid .ui-jqgrid-hdiv,
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 420px !important; */
	}
}
@media (max-width: 1559px) {
	.table-left .ui-jqgrid {
		box-sizing: border-box;
		overflow-y: auto;
	}
	.table-left .ui-jqgrid .ui-jqgrid-view,
	.table-left .ui-jqgrid .ui-jqgrid-hdiv,
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 383px !important; */
	}
}
@media (max-width: 1200px) {
	.table-left .table-responsive.min .ui-jqgrid {
/* 		height: 387px; */
	}
}
@media (max-width: 1199px) {
	.table-left .ui-jqgrid .ui-jqgrid-view,
	.table-left .ui-jqgrid .ui-jqgrid-hdiv,
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 420px !important; */
	}
	.table-left .ui-jqgrid .ui-jqgrid-bdiv table {/* width: 100% !important; */}
	.table-left .ui-jqgrid .ui-jqgrid-btable {width: 100% !important;}
}
@media (max-width: 1176px) {
	.table-left .ui-jqgrid .ui-jqgrid-view,
	.table-left .ui-jqgrid .ui-jqgrid-hdiv,
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 448px !important; */
	}
}
@media (max-width: 991px) {
	.table-left {min-height: 384px;}
	.table-left.min {min-height: auto; margin-top: 20px;}
	.table-left .ui-jqgrid {height: 350px;}
	.table-left .ui-jqgrid .ui-jqgrid-view,
	.table-left .ui-jqgrid .ui-jqgrid-hdiv,
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {
		width: 100% !important;
	}
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {/* height: 315px !important; */}
	.table-left.no-title .ui-jqgrid .ui-jqgrid-bdiv {/* height: 350px !important; */}
}
@media (max-width: 767px) {
	.table-left .ui-jqgrid {
		margin-bottom: -1px;
	}
}
@media (max-width: 499px) {
	.table-left {min-height: 250px;}
	.table-left .table-responsive {margin-bottom: 0;}
	.table-left .ui-jqgrid {width: 100% !important; height: 217px;}
	.table-left .ui-jqgrid .ui-jqgrid-bdiv {height: 181px !important;}
	.table-left.no-title .ui-jqgrid .ui-jqgrid-bdiv {height: 217px !important;}
	.table-left .ui-jqgrid tr.jqgrow td {
		padding-right: 10px;
		padding-left: 10px;
	}
}



/**** Table Right ****/

.table-responsive.table-right:after {
	background-color: transparent;
}
.table-responsive.table-right.narrow {min-height: auto;}

.table-responsive.table-right  .ui-jqgrid .ui-jqgrid-hdiv {
	overflow-x: hidden;
}
.table-responsive.table-right  .ui-jqgrid .ui-jqgrid-bdiv {
	overflow: auto;
/* 	overflow-x: scroll; */
}

.table-right .ui-jqgrid {
/* 	height: 450px; */
/* 	overflow-y: auto; */
}
.table-right.min .ui-jqgrid {
	height: auto;
}
.table-right .ui-widget-content,
.table-right .ui-jqgrid .ui-jqgrid-view,
.table-right .ui-jqgrid .ui-jqgrid-hdiv,
.table-right .ui-jqgrid .ui-jqgrid-bdiv,
.table-right .ui-jqgrid .ui-jqgrid-hdiv table,
.table-right .ui-jqgrid .ui-jqgrid-bdiv table {
/* 	width: 100% !important; */
/* 	max-width: 100% !important; */
}
.table-right .ui-jqgrid .ui-jqgrid-bdiv {
	height: auto;
/* 	min-height: 350px; */
	overflow: auto;
	border-bottom: none !important;
}
.table-right .ui-jqgrid tr.jqgrow td:last-child {
	padding-right: 20px;
}
.table-right.no-title .ui-jqgrid tr.jqgrow td {
/* 	border-bottom-width: 0px; */
}

.table-right.no-title .ui-jqgrid .ui-jqgrid-bdiv {
/* 	height: 450px !important; */
	border-bottom: 1px solid #e5e5e5 !important;
/* 	overflow-y: auto; */
}
.table-right.no-title .ui-jqgrid .ui-jqgrid-bdiv tr:last-child td {
	border-bottom: none;
}

@media (min-width: 1680px) {
	.table-responsive.in.table-right .ui-jqgrid .ui-jqgrid-bdiv {
		overflow-x: hidden;
	}
}

@media (max-width: 1919px) {
	.table-right .ui-jqgrid {
/* 		overflow-x: auto; */
	}
	.table-right .ui-jqgrid .ui-jqgrid-view,
	.table-right .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 1260px !important; */
	}
}
@media (max-width: 1559px) {
	.table-right .ui-jqgrid .ui-jqgrid-view,
	.table-right .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 910px !important; */
	}
}
@media (max-width: 1409px) {
	.table-right .ui-jqgrid .ui-jqgrid-view,
	.table-right .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 825px !important; */
	}
}
@media (max-width: 1250px) {
	.table-right .ui-jqgrid .ui-jqgrid-view,
	.table-right .ui-jqgrid .ui-jqgrid-bdiv {
/* 		width: 800px !important; */
	}
}
@media (max-width: 499px) {
/* 	.table-right .ui-jqgrid .ui-jqgrid-bdiv {height: 249px !important;} */
	.table-right .table-responsive .ui-jqgrid {width: 700px;}
}



.table-responsive.position-relative .table {
	border-bottom: none;
}
.table-responsive.minTable {
	position: relative;
	max-height: 151px;
	overflow-x: hidden;
	overflow-y: auto;
	border-top: 1px solid #111;
	border-bottom: 1px solid #e9e9e9;
}
.table-responsive.minTable table {
	border-top: none;
	border-bottom: none;
}
.table-responsive.minTable table > thead > tr > th {
	border-bottom: 1px solid #cfcfcf;
}
.table-responsive.minTable table.tableList tbody tr:last-child th,
.table-responsive.minTable table.tableList tbody tr:last-child td,
.table-responsive.minTable table.dataTable tbody tr:last-child th,
.table-responsive.minTable table.dataTable tbody tr:last-child td {
	border-bottom: none !important;
}

.table-responsive.maxTable {
	position: relative;
	max-height: 410px;
	overflow-x: hidden;
	overflow-y: auto;
	border-top: 1px solid #111;
	border-bottom: 1px solid #e9e9e9;
}
.table-responsive.maxTable table {
	border-top: none;
	border-bottom: none;
}
.table-responsive.maxTable table.tableList tbody tr:last-child th,
.table-responsive.maxTable table.tableList tbody tr:last-child td,
.table-responsive.maxTable table.dataTable tbody tr:last-child th,
.table-responsive.maxTable table.dataTable tbody tr:last-child td {
	border-bottom: none !important;
}


.table-responsive.etc {margin-bottom: 10px; overflow-y: hidden;}
.table-responsive.narrow {margin-bottom: 10px; min-height: 73px;}

@media (max-width: 599px) {
	.table-responsive.narrow > .table {width: 650px;}
}
@media (max-width: 499px) {
	.table-responsive.narrow .ui-jqgrid {width: 520px;}
}


.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-hdiv {
	overflow-x: hidden;
}
.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-bdiv {
	max-height: 175px;
	min-height: 175px;
	overflow-x: auto;
	overflow-y: auto;
	border-bottom: 1px solid #ddd !important;
}
.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-bdiv table tbody tr:last-child td {
	border-bottom: none;
}
.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-bdiv table tbody tr:nth-of-type(2) td,
.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-bdiv table tbody tr:nth-of-type(3) td,
.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-bdiv table tbody tr:nth-of-type(4) td,
.table-responsive.minGrid .ui-jqgrid .ui-jqgrid-bdiv table tbody tr:nth-of-type(5) td {
	border-bottom: 1px solid #ddd !important;
}
.table-responsive.minGrid.img {
	margin-bottom: 20px;
}
.table-responsive.minGrid.img .ui-jqgrid .ui-jqgrid-bdiv {
	max-height: 175px;
/* 	min-height: 105px; */
}


.table-responsive.maxGrid .ui-jqgrid .ui-jqgrid-hdiv {
	overflow-x: hidden;
}
.table-responsive.maxGrid .ui-jqgrid .ui-jqgrid-bdiv {
	height: 350px !important;
/* 	min-height: 350px; */
	overflow: auto;
/* 	overflow-x: scroll; */
}
.table-responsive.maxGrid .ui-jqgrid .ui-jqgrid-bdiv > div {
/* 	float: left; */
/* 	width: 100%; */
}

.ui-jqgrid-view.scrollbar:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999999;
	width: 17px !important;
	height: 36px;
	background: #f9f9f9;
	border-bottom: 1px solid #ddd;
}
.ui-jqgrid-view.scrollbarBr:before {
	height: 40px;
}
.ui-jqgrid-view.fscrollbar:after {
	content: '';
	position: absolute;
	bottom: 1px;
	right: 0;
	z-index: 999999;
	width: 17px !important;
	height: 35px;
	background: #f9f9f9;
	border-top: 1px solid #111;
	border-bottom: 1px solid #ddd;
}

.table-responsive.maxGrid.no-page {
	border-bottom: none;
}
.table-responsive.maxGrid.no-page .scrollbar {
	border-bottom: 1px solid #ddd;
}
.table-responsive.maxGrid.no-page .scrollbar .ui-jqgrid-btable tr:last-child td {
	border-bottom: none;
}

.table-responsive.grid-sm .ui-jqgrid .ui-jqgrid-hdiv > div,
.table-responsive.grid-sm .ui-jqgrid .ui-jqgrid-bdiv > div {
	width: 110% !important;
}
.table-responsive.grid-md .ui-jqgrid .ui-jqgrid-hdiv > div,
.table-responsive.grid-md .ui-jqgrid .ui-jqgrid-bdiv > div {
/* 	width: 120% !important; */
}
.table-responsive.grid-lg .ui-jqgrid .ui-jqgrid-hdiv > div,
.table-responsive.grid-lg .ui-jqgrid .ui-jqgrid-bdiv > div {
	width: 130% !important;
}
.table-responsive.grid-xl .ui-jqgrid .ui-jqgrid-hdiv > div,
.table-responsive.grid-xl .ui-jqgrid .ui-jqgrid-bdiv > div {
	width: 180% !important;
}
@media (min-width: 1376px) {
	.table-responsive.grid-md .ui-jqgrid .ui-jqgrid-hdiv > div,
	.table-responsive.grid-md .ui-jqgrid .ui-jqgrid-bdiv > div {
		width: 130% !important;
	}
}


.table-responsive.max tr td:hover {
	background-color: transparent;
}
.table-responsive.max tr td div {
	float: left;
	width: 100%;
	max-height: 359px;
	overflow-y: auto;
}
.table-responsive.max tr td div dl {
	float: left;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.table-responsive.max tr td div dl:last-child {
	border-bottom: none;
}
.table-responsive.max tr td div dl dd {
	display: inline-block;
	float: left;
	padding: 9px 10px;
	width: 25%;
	text-align: left;
	border-left: 1px solid #ddd;
}
.table-responsive.max tr td div dl dd:first-child {
/* 	width: 6%; */
	border-left: none;
}
.table-responsive.max tr td div dl:nth-child(odd):hover {
	background-color: #f5f5f5;
}
.table-responsive.max tr td div dl dd:last-child {
	width: 50%;
}


.no-page .ui-jqgrid {/* height: 412px; */}
.table-responsive.no-page {
	border-bottom: 1px solid #f1f1f1;
}
.table-responsive.no-page .ui-jqgrid .ui-jqgrid-hdiv {
	overflow-x: hidden;
}
.table-responsive.no-page .ui-jqgrid .ui-jqgrid-bdiv {
	overflow: auto;
/* 	overflow-x: scroll; */
	border-bottom: 1px solid #ddd !important;
}



/* 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;
}
.flo .dropify-wrapper {float: left; width: 70px;}
.dropify-wrapper .dropify-message {
	position: absolute;
	top: 50%;
	margin-top: -12.5px;
}
.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: 27px;
	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: 86px;
	z-index: 3;
}
.dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
	position: absolute;
	top: 40%;
	width: 100%;
	-webkit-transform: translate(0, -40%);
			transform: translate(0, -40%);
	-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;}

.tableList td.dropify-view {line-height: 1.5;}
.dropify-view .dropify-message {display: none;}
.dropify-view .dropify {z-index: 0;}
.dropify-view .dropify-preview {margin-left: 0;}
.dropify-view .dropify-preview .dropify-infos {left: 30px;}

.dropify-view .dropify-file {vertical-align: middle;}
.top-view2 .dropify-view .dropify-file {vertical-align: inherit;}

.dropify-file .dropify-wrapper .dropify-message,
.dropify-file .dropify-wrapper input {display: none;}
.dropify-file .dropify-wrapper .dropify-preview {margin-left: 0;}
.dropify-file .dropify-wrapper .dropify-preview .dropify-infos {left: 30px;}

.modal .profile-img .dropify-wrapper input {
	width: 48%;
}
.modal .profile-img .dropify-wrapper .dropify-preview {
	height: auto;
}
.modal .profile-img .dropify-wrapper .dropify-preview span.dropify-render,
.modal .profile-img .dropify-wrapper .dropify-preview .dropify-render img {
	top: 3px;
	width: 60px;
	height: 60px;
}
.modal .profile-img .dropify-wrapper .dropify-preview .dropify-infos {
	display: none;
}


a.dropify-file {
	margin: 0px 0 -2px;
	text-decoration: none;
}
.dropify-file > img {
	margin-top: -2px;
	margin-right: 3px;
	width: 25px;
	height: 25px;
	border: 1px solid #ddd;
	border-radius: 6px;
}

/* //END TABLE */



/* file */

.profile-img2 em {
	color: #999;
	font-style: normal;
	line-height: 22px;
	font-size: 11px;
}
.profile-img2 .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;
	height: 90%;
}
.profile-img2 .dropify-wrapper .dropify-message {
	position: absolute;
	top: auto;
	margin-top: 0;
	bottom: 10px;
	right: 0;
	height: 25px;
}
.profile-img2 .dropify-wrapper .dropify-message p.dropify-error {
	display: none;
	margin: 5px 0 0;
	font-weight: 700;
	color: #F34141;
}
.profile-img2 .dropify-wrapper input {
	position: absolute;
	top: unset;
	right: 0;
	bottom: 13px;
	left: unset;
	z-index: 5;
	width: 58px;
	height: 25px;
	opacity: 0;
	cursor: pointer;
}
.profile-img2 .dropify-wrapper .dropify-preview {
	display: none;
	position: relative;
	margin-left: 0px;
	width: 100%;
	height: 100%;
}
.profile-img2 .dropify-wrapper .dropify-preview span.dropify-render {
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 74%;
	overflow: hidden;
	border-radius: 5px;
	z-index: 1;
	/* right: 0; */
	border: 1px solid #eee;
	text-align: center;
	padding: 6px;
}
.profile-img2 .dropify-wrapper .dropify-preview .dropify-render img {
	width: auto;
	height: 100px;
	max-width: 100%;
	border: 0px solid #dce1e4;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	/* text-align: center; */
	/* margin: 0 auto; */
}
.profile-img2 .dropify-wrapper .dropify-preview .dropify-render i {
	position: absolute;
	top: 50%;
	left: 55%;
	font-size: 24px;
	color: #999999;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.profile-img2 .dropify-wrapper .dropify-preview .dropify-render .dropify-extension {
	position: absolute;
	top: 35%;
	left: 55%;
	margin-top: 10px;
	width: 42px;
	font-weight: 600;
	font-size: 0.7em;
	letter-spacing: -.1em;
	white-space: nowrap;
	text-align: center;
	text-transform: uppercase;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.profile-img2 .dropify-font-file:before {
	content: "\f016";
}

.profile-img2 .dropify-wrapper .dropify-preview .dropify-infos {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0px;
	z-index: 3;
	height: 25px;
}
.profile-img2 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner {
	position: absolute;
	top: 0;
	width: 100%;
	-webkit-transform: translate(0, -40%);
	transform: translate(0, -40%);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.profile-img2 .dropify-wrapper .dropify-preview .dropify-infos .dropify-infos-inner p {
	position: relative;
	width: 65%;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 25px;
	white-space: nowrap;
	color: #111111;
	text-overflow: ellipsis;
	overflow: hidden;
}

.profile-img2 .dropify-file .dropify-wrapper .dropify-message,
.profile-img2 .dropify-file .dropify-wrapper input {display: none;}
.profile-img2 .dropify-file .dropify-wrapper .dropify-preview {margin-left: 0;}
.profile-img2 .dropify-file .dropify-wrapper .dropify-preview .dropify-infos {left: 30px;}



.panel .panel-body.clearfix {
	margin-top: 10px;
}
.panel .panel-body .table-title {
	position: relative;
	margin-top: 27px;
	margin-bottom: 8px;
	height: 14px;
	font-family: 'NotosansM', NanumGothic, Dotum, sans-serif;
 	font-weight: normal;
	font-size: 14px;
	letter-spacing: -.04em;
	line-height: 0.75;
	color: #121212;
}
.panel .panel-body .table-title:after {
/* 	content: ''; */
/* 	position: absolute; */
/* 	bottom: -9px; */
/* 	left: 0; */
/* 	z-index: 9; */
/* 	width: 100%; */
/* 	height: 1px; */
/* 	background-color: #111; */
}
.panel .panel-body .table-title:first-child {
/* 	margin-top: 0; */
/* 	margin-bottom: 8px; */
}
.panel .panel-body + .panel-body .table-title,
.panel .panel-body div:nth-of-type(3) .table-title:first-child,
.panel .panel-body .table-title.listT {
/* 	margin-top: 30px; */
/* 	margin-bottom: 5px; */
/* 	line-height: 10px; */
}
.panel .panel-body .table-title.listT {
	font-size: 13px;
	letter-spacing: 0;
}
.panel .panel-body .table-title a.btn.btn-github {
	float: left;
	margin: -15px 5px 0 0;
	padding: 4px 12px 5px;
	font-size: 13px;
	cursor: default;
	border-radius: 8px;
	border-bottom-left-radius: 0;
}
.panel .panel-body .table-title .btn.btn-github:hover,
.panel .panel-body .table-title .btn.btn-github:active,
.panel .panel-body .table-title .btn.btn-github:focus {
	background: #848484;
	box-shadow: none;
}

@media all and (max-width: 499px) {
	.panel .panel-body .table-title {
/* 		display: inline-grid; */
/* 		display: -ms-inline-grid; */
		margin-bottom: 10px !important;
	}
	.panel .panel-body .table-title:after {
		bottom: -11px;
	}
}


.modal-open {
	background: transparent !important;
}
.modal .modal-body .table-title.listT {
	position: relative;
	z-index: 1;
	font-size: 13px;
	letter-spacing: 0;
}



/* 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 {
	margin: 0;
	padding: 2px 5px 3px;
	-webkit-padding-before: 3px;
/* 	-webkit-padding-after: 2px; */
	min-width: 25px;
	height: 25px;
/* 	line-height: 1.45; */
	text-decoration: none;
}
.modal-body .table .btn-default {
	-webkit-padding-before: 2px;
 	line-height: 1.55em;
}
.table .btn-default:hover {
	background-color: #e5e5e5;
}
.table .btn-default.btn-xs:focus {
	background: #fff;
}
.table .btn-default.btn-xs:hover,
.table .btn-default.btn-xs:active {
	color: #fff !important;
	background: #484c55;
	border: 1px solid #484c55;
}
.table .btn-default i {
	float: none;
	margin-right: 5px;
	margin-left: -5px;
	width: 25px;
	height: 25px;
	line-height: 26px;
	background-color: rgba(0,0,0, 0.1);
	border-radius: 0;
}
.table .btn-default i.fa-arrow-up,
.table .btn-default i.fa-arrow-down {
	margin-top: -2px;
	width: 20px;
	height: 23px;
	line-height: 24px;
}

.btnList {
	position: relative;
	z-index: 999;
	float: right;
	margin-top: -39px;
	margin-bottom: 0px;
	height: 32px;
	text-align: right;
}
.btnList select {
	height: 32px;
}
.btnList a {
	float: left;
/* 	margin-left: 4px; */
	padding: 5px 7px;
	letter-spacing: -.5px;
}
.btnList a.btn,
.btnList button.btn {
	float: left;
	min-width: 50px;
	margin-left: 2px;
	padding: 6px 12px 6px;
}
.btnList button.btn.selectBtn {
	float: left;
	min-width: 25px;
	margin-left: 2px;
	margin-top: 7px;
	padding: 5px;
	line-height: .6em;
	-webkit-padding-before: 5px;
	-webkit-padding-after: 6px;
}
.btnList button.btn-line {
	margin-left: 4px;
	padding: 5px 10px 7px;
	-webkit-padding-before: 6px;
	-webkit-padding-after: 6px;
	min-width: 32px;
}
.btnList button.btn-line:hover {
	background: #f5f5f5;
}
.btnList button.btn-line:nth-of-type(1) {
	margin-left: 4px;
}
.btnList a.btn.wid {
	min-width: 80px;
	margin-left: 2px;
}
.btnList a.btn i {
    padding-right: 0;
}
.btnList a.btn:first-child {
	margin-left: 0;
}
.btnList a i {
	padding-right: 7px;
}

.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 {
	top: 0;
	margin-top: 0;
	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-s {
	position: relative;
	z-index: 1;
 	margin-bottom: 0px;
	text-align: center;
}
.btnList-s a {
	padding: 4px 10px 3px;
	font-size: 11px;
}
.btnList-s a.btn {
	min-width: 50px;
}
.btnList-s a i {
	padding-right: 7px;
}
.btnList input[type="text"].form-control {
	float: left;
	width: 60px;
	height: 25px;
	margin-top: 7px;
	text-align: center;
    padding-top: 0 !important;
}
.btnList .form-control {
	float: left;
	width: 80px;
	height: 32px;
}
.btnList select {float: left; width: 110px !important; margin: 0 5px;}
.panel .panel-heading .panel-title + .btnList {
	margin-top: -30px;
	margin-bottom: -4px;
}
.panel .panel-heading .panel-title.no-title + .btnList {
	margin-top: -16px;
	margin-bottom: -1px;
}
.page-title .btnList {
	height: 34px;
}

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

.btnList div .dropdown-menu {
	min-width: 130px;
}
.btnList div .dropdown-menu:before {
	right: 16px;
	left: auto;
}
.btnList div .dropdown-menu:after {
	right: 17px;
	left: auto;
}
.btnList div .dropdown-menu li a {
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100%;
}
.btnList div .dropdown-menu li a p {
	padding: 0;
	font-size: 12px;
}
.btnList div.pull-left .dropdown-menu {
	right: 0;
	left: auto;
}

.btnList .pop-search {
	float: left;
	width: 82%;
}
.btnList .pop-search input[type="text"].form-control {
	margin-top: 0;
	padding-top: 3px !important;
	width: 100%;
	height: 32px;
	text-align: left;
}
.btnList .pop-search .search {
	float: right;
	margin: 3px 0 0 -20px;
	padding: 0;
	color: #4E5E6A;
}
.btnList .pop-search .search i {
	padding-right: 2px;
}

@media (max-width: 1059px) {
	.btnList a.btn {padding-right: 5px; padding-left: 5px; min-width: 65px;}
	.btnList .dropify-wrapper .dropify-message .btn {padding-right: 5px; padding-left: 5px;}
}
@media all and (max-width: 767px) {
	.page-inner.sidebar-visible .btnList {
		display: flex;
	}
}
@media all and (max-width: 569px) {
	.btnList .dropify-wrapper.has-preview {width: 142px;}
	.btnList .dropify-wrapper,
	.btnList .dropify-wrapper .dropify-message,
	.btnList .dropify-wrapper input {width: 57px;}
	.btnList .dropify-wrapper .dropify-preview {margin-left: 60px; width: 82px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {left: 87px; width: 57px;}
}
@media (max-width: 499px) {
	.btnList.more {float: left;}
	.btnList a.btn {min-width: 50px !important;}
	.panel-body .btnList.more {margin: -5px 0 10px; height: auto !important;}
	
	.table-title.no-title {/* display: none; */ margin-top: 0 !important;}
	.table-title.no-title + .btnList {margin-top: 10px; margin-bottom: 10px;}
	.table-title.no-title + .btnList + .table-left {float: left;}
	.table-title.no-title + .table-left {margin-top: 20px;}
}
@media all and (max-width: 413px) {
	.btnList .dropify-wrapper.has-preview {margin-bottom: 2px; width: 333px;}
	.btnList .dropify-wrapper .dropify-preview {width: 273px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {left: 90px; width: 243px;}
	.btnList .dropify-wrapper.has-preview + a.btn {margin-bottom: 2px;}
}
@media (max-width: 360px) {
	.btnList {height: 30px !important;}
	.btnList a.btn {padding: 5px 4px;}
	.btnList .form-control {height: 30px;}
	.panel .panel-heading .panel-title + .btnList {/* margin-top: -7px; */}
	
	.btnList .dropify-wrapper {height: 30px;}
	.btnList .dropify-wrapper.has-preview {width: 318px;}
	.btnList .dropify-wrapper .dropify-preview {width: 258px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {width: 228px;}
	.btnList .dropify-wrapper .dropify-message .btn {padding: 5px;}
	.btnList .dropify-wrapper + i {height: 30px;}
}
@media (max-width: 325px) {
	.btnList a.btn {padding: 5px 4px; min-width: 36px !important; letter-spacing: -0.1em;}
	
	.btnList .dropify-wrapper.has-preview {width: 278px;}
	.btnList .dropify-wrapper .dropify-preview {width: 218px;}
	.btnList .dropify-wrapper .dropify-preview .dropify-infos {width: 188px;}
}
/* //END BUTTON */



/* New productList */

.product-list dl dd {
	position: relative;
	float: left;
	width: 100%;
	height: 146px;
	border: 1px solid #ddd;
	background-color: #fff;
	margin-bottom: 10px;
}
.product-list dl dd:hover {
	border: 1px solid #6a5fac;
	background-color: #fff;
	width: 100%;
	height: 146px;
}
.cd-item-info b,
.cd-item-info .cd-price,
.cd-item-info .cd-new-price {
	font-weight: bold;
	font-size: 22px;
	letter-spacing: -.5px;
}
.cd-item-info b {
	display: contents;
	float: left;
	width: 100%;
	margin-bottom: 5px;
}
.cd-item-info b span {
	float: left;
	margin: 0 0 7px 0;
	width: 100%;
	min-height: 30px;
	max-height: 30px;
	line-height: 1.2em;
	font-weight: normal;
	font-size: 12px;
	color: #555;
	overflow: hidden;
}
.cd-item-info b a {
	float: left;
    width: 100%;
    font-weight: normal;
    font-size: 15px;
    line-height: 22px;
    white-space: nowrap;
    color: #121212;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'NotoSansR';
}
.cd-item-info b a:hover {text-decoration: underline;}

.product-list dl dd p {
	position: relative;
	float: left;
	margin: 12px 20px 12px 12px;
}
.product-list dl dd p span {
	padding-right: 10px;
	font-weight: 500;
}
.product-list dl dd p img {
	width: 120px;
	height: 120px;
	border: 1px solid #e5e5e5;
}
.product-list .pro-name {
	float: left;
	width: 49%;
	padding: 14px 0 0;
}
.product-list .pro-name em {
	float: left;
	width: 100%;
	height: 51px;
	font-size: 14px;
	font-style: normal;
}
.product-list .pro-name em a {
	float: left;
	width: 95%;
	font-weight: 500;
	white-space: nowrap;
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
}
.product-list .pro-name em a:hover {text-decoration: underline;}
.product-list .pro-name em span {
	float: none;
	margin: 0;
	line-height: 1.6em;
	font-weight: normal;
	font-size: 13px;
	color: #555;
}

.product-list .pro-name .price {
	float: left;
	width: 100%;
	height: 46px;
	line-height: 2.1em;
	font-weight: normal;
	font-size: 15px;
}
.product-list .pro-name strong {
	float: left;
	font-weight: 500;
	font-size: 22px !important;
	color: #333;
	letter-spacing: -1px;
	margin-right: 3px;
}
.product-list .pro-name p {
	margin-top: -4px !important;
	margin-left: 0;
	font-family: Dotum;
	font-size:12px;
	color: #999;
}

.product-list .level1 {
	position: relative;
	float: left;
	margin: 14px 0;
	padding: 20px 40px;
	width: 21%;
	height: 122px;
	border-left: 1px solid #ddd;
}
.product-list .level1 em {
	font-style: normal;
	font-weight: 500;
}
.product-list .level1 em span {
	font-weight: normal;
}
.product-list .level1 .btn-cart {
	display: none;
}
.product-list .level2 {
	position: relative;
	float: right;
	margin: 14px 0;
	padding: 20px 0;
	width: 13%;
	height: 122px;
	border-left: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
}
.product-list .level2 input,
.product-list .level2 button {
	width: 70%;
}
.product-list .level2 input {
	margin-bottom: 5px;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #dce1e4;
}
.product-list .level2 button:first-child {
	margin-bottom: 5px;
}



.cd-gallery {
	margin: 0 auto;
	padding: 0;
}
.cd-gallery::after {
	clear: both;
	content: "";
	display: table;
}
.cd-gallery > li {
	float: left;
	display: inline-block;
	width: 47.5%;
	overflow: hidden;
	position: relative;
	margin-bottom: 2em;
	border-radius: .25em;
	-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
   box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1);
   background: #fff;
   border: 1px solid #e9e9e9;
}
.cd-gallery > li:hover {
	-webkit-box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.09);
	box-shadow: 0 15px 30px 1px rgba(0, 0, 0, 0.09);
	border: 1px solid #f1f1f1;
	transform: scale(1.0);
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	 transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
}

.cd-gallery > li > a {
	display: block;
}
.cd-item-wrapper {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.cd-item-wrapper li {
	margin: 0 auto;
	list-style-type: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	/* Force Hardware Acceleration */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: transform, opacity;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}
.cd-item-wrapper li.selected {
	/* selected item */
	position: relative;
	opacity: 1;
}
.cd-item-wrapper li img {
	display: block;
	width: 100%;
	height: 100%;
}
.cd-item-wrapper li img:hover {
	cursor: pointer;
}

.cd-item-info {
	padding: 10px 1em 1em;
	border-bottom: 1px solid #f1f1f1;
	font-size: 15px;
}
.cd-item-info::after {
	clear: both;
	content: "";
	display: table;
}
.gallery-md .cd-item-info a {
	min-height: 42px;
	max-height: 42px;
}
.cd-item-info .cd-price {
	display: block;
	float: left;
	height: 34px;
	color: #121212;
	font-style: normal;
	position: relative;
	font-family: 'Ubuntu', sans-serif;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	transition: color 0.2s;
}
.cd-item-info .cd-price::after {
	/* crossing line - visible if price is on sale */
	content: '';
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	height: 2px;
	width: 0%;
	background-color: #22BAA0;
	opacity: 0;
	-webkit-transition: width 0.2s 0s, opacity 0s 0.2s;
	-moz-transition: width 0.2s 0s, opacity 0s 0.2s;
	transition: width 0.2s 0s, opacity 0s 0.2s;
}
.cd-item-info .cd-price.on-sale::after {
	opacity: 1;
	width: 100%;
	-webkit-transition: width 0.2s 0s, opacity 0s 0s;
	-moz-transition: width 0.2s 0s, opacity 0s 0s;
	transition: width 0.2s 0s, opacity 0s 0s;
}
.cd-item-info .cd-new-price {
	/* new price - visible if price is on sale */
	color: #F25656;
	opacity: 0;
	-webkit-transform: translateX(5px);
	-moz-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s;
	transition: transform 0.2s, opacity 0.2s;
}
.cd-item-info .cd-new-price.is-visible {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
}

.cd-item-con {
	padding: 10px 1em 1em;
	border-bottom: 1px solid #f1f1f1;
}
.cd-item-con em {
	font-style: normal;
}

.cd-item-details {
	height:35px;
	padding: 9px 15px 5px;
}
.cd-item-details .checker {
	margin-top: -4px;
}
.cd-item-details input {
	margin: 0;
	padding: 0;
	width: 33.33333333%;
	text-align: center;
	border: 1px solid #dce1e4;
}
.cd-item-details a {
	height: 25px;
	color: #333;
	margin: 0;
	font-size: 12px;
	text-decoration: none;
	font-family: 'Ubuntu', sans-serif;
}
.cd-item-details a:hover {
	color: #fcb416;
}
.cd-item-details a i {
	margin-right: 5px;
}

@media only screen and (min-width: 1110px) {
	.cd-gallery {
		margin: 0 auto;
	}
	.cd-gallery > li {
		width: 23.5%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2.5em;
	}
	.cd-gallery > li:nth-of-type(4n) {
		margin-right: 0;
	}
}
@media (min-width: 1200px) {
	.cd-item-wrapper li {
		width: 243px;
		height: 243px;
	}
}
@media (min-width: 1300px) {
	.cd-gallery > li {
		width: 18.4%;
	}
	.cd-gallery > li:nth-of-type(4n) {
		margin-right: 2%;
	}
	.cd-gallery > li:nth-of-type(5n) {
		margin-right: 0;
	}
}
@media (min-width: 1840px) {
	.cd-item-wrapper {
		margin: 1.5em 0 !important;
	}
}
@media (min-width: 1600px) {
	.cd-gallery > li {
		width: 15%;
	}
	.cd-gallery > li:nth-of-type(5n) {
		margin-right: 2%;
	}
	.cd-gallery > li:nth-of-type(6n) {
		margin-right: 0;
	}
	.cd-item-wrapper li {
		width: 202px;
		height: 202px;
	}
	.cd-item-wrapper {
		margin: 1em 0;
	}
}
@media (max-width: 1199px) {
	.cd-item-wrapper {
		margin: 0;
	}
	.cd-item-wrapper li {
		width: 219px;
		height: 219px;
	}
}
@media (max-width: 1110px) {
	.cd-gallery {
		margin: 0 auto;
	}
	.cd-gallery > li {
		width: 48%;
		float: left;
		margin-right: 4%;
		margin-bottom: 2.5em;
	}
	.cd-gallery > li:nth-of-type(2n) {
		margin-right: 0;
	}
	.cd-item-wrapper li {
		width: 400px;
		height: 400px;
	}
}
@media (max-width: 991px) {
	.cd-item-wrapper li {
		width: 285px;
		height: 285px;
	}
}
@media (max-width: 767px) {
	.cd-item-wrapper {
		margin: 0 !important;
	}
	.cd-item-wrapper li {
		width: 100% !important;
		height: 100% !important;
	}
	.cd-item-wrapper li img {
		width: 100% !important;
		height: 100% !important;
		min-height: 160px;
		max-height: 160px;
	}
}
@media (max-width: 569px){
	.cd-item-info b a {
		font-size: 13px !important;
		line-height: 17px !important;
		overflow: hidden;
	}
}



.pagination {
	display: inherit;
	text-align: center;
}
.pagination > li {
	display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
	padding: 0.5em 0.7em;
	font-size: 11px;
	color: #5f5f5f;
}
.pagination > li > a:hover,
.pagination > li > span:hover {
	background: #f7f7f7;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	color: #5f5f5f;
	background: #f1f1f1;
	border-color: #ebebeb;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border: 1px solid transparent;
	border-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border: 1px solid transparent;
	border-radius: 0;
}
@media all and (max-width: 1626px) {
	.product-list .level1 {
		padding: 10px 20px;
	}
}
@media all and (max-width: 1199px) {
	.product-list .pro-name {
		width: 39%;
	}
	.product-list .level1 {
		padding: 0px 15px;
		width: 25%;
	}
}
@media all and (max-width: 991px) {
	.product-list .pro-name {
		width: 35%;
	}
	.product-list .level1 {
		width: 27%;
	}
}
@media all and (max-width: 949px) {
	.product-list dl dd,
	.product-list dl dd:hover {
		height: 156px;
	}
	.product-list dl dd p img {
		width: 50px;
		height: 50px;
	}
	.product-list .pro-name {
		width: 43%;
	}
	.product-list .level1 {
		width: 37%;
		height: 132px;
	}
	.product-list .level1 .btn-cart {
		display: block;
		margin-top: 7px;
	}
	.product-list .level1 .btn-cart input {
		padding: 6px 0;
		width: 71px;
		text-align: center;
		border: 1px solid #dce1e4;
	}
	.product-list .level2 {
		display: none;
	}
}
@media all and (max-width: 767px) {
	.product-list dl dd,
	.product-list dl dd:hover {
		height: auto;
	}
	.product-list dl dd p {
		margin-top: 18px;
		margin-right: 15px;
	}
	.product-list dl dd p img {
		width: 55px;
		height: 55px;
	}
	.product-list .pro-name {
		width: 70%;
	}
	.product-list .pro-name .price {
		height: 35px;
	}
	.product-list .level1 {
		margin-top: 0;
		margin-left: 100px;
		padding: 0px;
		width: 70%;
		border-left: none;
	}
	.product-list .level1 .btn-cart input,
	.product-list .level1 .btn-cart button {
		width: 45%;
	}
}
@media all and (max-width: 360px) {
	.product-list .level1 {
		float: right;
	}
}
@media all and (max-width: 360px) {
	.product-list dl dd p img {
		width: 50px;
		height: 50px;
	}
}



/* Checkbox */

.basic-checkbox {
	display: block;
	margin: 0 auto;
}
.basic-checkbox label {
	display: inline-block;
	margin: 5px 15px 2px 2px;
	cursor: pointer;
}
.basic-checkbox input[type="checkbox"] {
	display: none;
}
.basic-checkbox span {
	display: block;
	float: left;
	padding-left: 22px;
	font-size: 12px;
	line-height: 1.3em;
	color: #555;
	background: url('../images/user/checkbox@2x.png') left center no-repeat;
	background-size: 15px;
}
.basic-checkbox input[type="checkbox"]:checked + span {
	background-image: url('../images/user/checkbox@2x_active.png');
	background-size: 15px;
}

.table-checkbox {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 15px;
	height: 15px;
}
.table-checkbox input[type="checkbox"] {
	display: none;
}
.table-checkbox label {
	display: block;
	margin: 0;
	padding: 0;
	height: 15px;
	min-height: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #555;
	text-transform: none;
	background: url('../images/user/checkbox@2x.png') left center no-repeat;
	background-size: 15px;
	cursor: pointer;
}
.table-checkbox input[type="checkbox"]:checked + label {
	background-image: url('../images/user/checkbox@2x_active.png');
	background-size: 15px;
}
.table-checkbox input[type="checkbox"]:checked:disabled + label {
	position: relative;
	z-index: 9;
	background-image: url('../images/user/checkbox@2x_checked_disabled.png');
	background-size: 15px;
/* 	opacity: .8; */
/* 	-ms-filter: alpha(opacity=80); */
/* 		filter: alpha(opacity=80); */
	cursor: not-allowed;
}
.table-checkbox input[type="checkbox"]:disabled + label {
	position: relative;
	z-index: 9;
	background-image: url('../images/user/checkbox@2x_disabled.png');
	background-size: 15px;
	cursor: not-allowed;
}
.table-checkbox label + p {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	margin: 0 !important;
	width: 15px;
	height: 15px;
	background: transparent;
}

th div.checker {margin-right: 1px;}



/* Radio Button */

.table-radio {
	display: block;
	position: relative;
	margin: 0 auto;
	width: 15px;
	height: 15px;
}
.table-radio input[type="radio"] {
	display: none;
}
.table-radio label {
/* 	display: block; */
/* 	float: left; */
/* 	margin: 0 30px 0 0; */
/* 	padding: 0; */
/* 	cursor: pointer; */
}
.table-radio label {
	display: block;
/* 	float: left; */
	margin: 0;
	padding: 0;
	height: 15px;
	font-weight: normal;
	line-height: 1.3em;
	color: #555;
/* 	text-indent: 30px; */
	text-transform: none;
	background: url('../images/user/radio@2x.png') left center no-repeat;
	background-size: 15px;
}
.table-radio input[type="radio"]:checked + label {
	background-image: url('../images/user/radio@2x_active.png');
	background-size: 15px;
}
@media (max-width: 499px) {
	.table-radio label {
/* 		margin-right: 15px; */
/* 		font-size: 16px; */
	}
}



/* Document-file */

input[type="text"].document-file-textbox {
	float: left;
	width: 40%;
	margin-right: 3px;
	background: #f1f1f1;
}
input[type="text"].document-file-textbox[readonly] {
	background-color: #eeeeee;
	opacity: 1;
}
.document-file-div {
	position: relative;
	float: left;
	width: auto;
	height: 25px;
	overflow: hidden;
}
.document-file-hidden {
	width: auto;
	height: 25px;
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: alpha(opacity=0);
	cursor: pointer;
}
.document-file-btn {
	color: #555;
	text-decoration: none !important;
}



/* Info Wrap */

@media (max-width: 768px) {
	.info-wrap {
		margin-top: -10px !important;
	}
}
.info-wrap {
	margin-top: 0px;
	float: left;
	width: 100%;
/* 	padding: 0px 15px 0px; */
/* 	height: 409px; */
	overflow: hidden;
	border: 0px solid #ddd;
}
.info-wrap2 {
	margin-bottom: 10px;
	padding: 0;
	height: 283px;
	overflow: auto;
	border: 1px solid #e1e1e1;
	background: #f0f6fe;
}
.info-wrap2 .info-box {
	float: left;
	padding: 0 20px 0px;
}
.info-wrap2 .table-responsive .table.nowrap tr th,
.info-wrap2 .table-responsive .table.nowrap tr td,
.info-wrap2 .ui-widget-content,
.info-wrap2 .ui-jqgrid .ui-jqgrid-htable th {
	background: transparent !important;
}

.modal .info-wrap {
	margin: 0;
	padding: 0;
	height: 700px;
	border: none;
	overflow-y: auto;
}
.modal .info-wrap .w-16 {width: 15.94% !important;}
.modal .info-wrap .w-32 {width: 32.14% !important;}
.modal .info-wrap .w-43 {width: 43.66% !important;}
.modal .w-75 {width: 75% !important;}


.cke_screen_reader_only {height: auto !important;}
.cke_resizer_ltr {display: none;}
@media (min-width: 1280px) {
	.cke_reset {min-height: 310px;}
}


/* Dropzone */

.dropzone-white {
	padding: 20px 20px;
	min-height: 150px;
	background: white;
	border: 1px solid #f1f1f1;
	border-radius: 0;
}


/* START PAGE ERROR */
.page-error .form-control {
	height: 34px;
}
/* //END PAGE ERROR */


#paginate {
	margin: 10px 0;
	color: #d8d8d8;
	text-align: center;
}
#paginate a {
	display: inline-block;
	padding: 3px 5px;
	width: 18px;
	color: #333;
}
#paginate a.first,
#paginate a.pre,
#paginate a.next,
#paginate a.last {
	padding: 0;
	width: 15.5px;
}
#paginate > strong,
#paginate a.next {
	display: inline-block;
	padding-left: 3px;
	width: 15.5px;
}
#paginate > strong:nth-of-type(2),
#paginate a.pre {
	padding-right: 3px;
	padding-left: 0;
}
#paginate > strong:first-child,
#paginate > strong:last-child {
	padding-left: 0;
}


/* jquery.easyui */

.page-index {
/* 	overflow: hidden; */
}

.easyui-tabs {
	width: 100% !important;
}
.page-main {
	overflow-y: hidden;
}
.page-main > .page-content .page-inner {
	padding: 65px 0 0 !important;
}

.tabs-header,
.tabs-panels {
	width: 100% !important;
	border: 0 !important;
}
.tabs-panels {
/* 	height: 100% !important; */
}
.panel-htop {
	width: 100% !important;
	height: 100%;
}
.panel-htop > .panel-body {
	padding: 0;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden;
	border: 0;
}

.page-header-fixed .page-sidebar {
	padding-top: 115px;
}
.menu.accordion-menu > li:first-child {
	position: fixed;
	top: 65px;
	z-index: 9999;
}

@media (max-width: 767px) {
	.page-header-fixed.page-main .page-sidebar {padding-top: 65px;}
}


.view-pop .page-title {
	display: block;
	margin-top: 15px;
}
.view-pop .page-right {
	margin: -2px 0 0;
}
.view-pop .page-right button.btn {
	margin-bottom: 0;
	padding: 6px 10px;
	font-size: 12px;
}
.view-pop .page-title .btnList {
	margin: -2px 0 0;
}
.view-pop .page-title .btnList .btn {
	
}

.view-pop .topSearch .search-h {
	width: 27%;
}
.view-pop .topSearch .search-c {
	width: 73%;
}
.view-pop .topSearch .search-c .search-input {width: 95.8%;}

@media (min-width: 640px) {
	.view-pop .topSearch li {
		width: 50%;
	}
}


#pageInnerDiv {
	padding-top: 0 !important;
}
#pageInnerDiv #main-wrapper {
	padding-bottom: 30px;
}
#pageInnerDiv .dropify-wrapper .dropify-preview .dropify-render img {
	margin-top: -4px;
}



td[aria-describedby="gridList_CT_SGNA"] {
	white-space: nowrap !important;
}
td[aria-describedby="gridList_CT_SGNA"] span.editable {
	float: left;
	width: 100%;
	height: 18px;
	line-height: 1.0;
}
td .select2-container .select2-choice {
/* 	-webkit-padding-before: 2px; */
}
span.editable label {
	float: left;
	margin-right: 15px;
}


.mappT {
	position: relative;
	margin-bottom: 20px;
	max-height: 183px;
/* 	min-height: 105px; */
	overflow-x: hidden;
	overflow-y: auto;
	border-top: 1px solid #111;
	border-bottom: 1px solid #dce1e4;
}
.mappT table {
	border-top: none;
	border-bottom: none;
}
.mappT table tr:hover {
	background-color: transparent !important;
}
.mappT table tbody tr td {
	line-height: 2;
}
.mappT table tbody tr:last-child th,
.mappT table tbody tr:last-child td {
	border-bottom: none !important;
}
.mapping {
	position: relative;
	float: left;
	width: 100%;
}
.mapping:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
/* 	background-color: #ddd; */
}
.mapping label {
	float: left;
	padding: 4px 10px 5px;
	width: 20%;
	height: 36px;
	border-bottom: 1px solid #ddd;
}
.mapping.ea1 label:nth-last-of-type(1),
.mapping.ea2 label:nth-last-of-type(1),
.mapping.ea2 label:nth-last-of-type(2),
.mapping.ea3 label:nth-last-of-type(1),
.mapping.ea3 label:nth-last-of-type(2),
.mapping.ea3 label:nth-last-of-type(3),
.mapping.ea4 label:nth-last-of-type(1),
.mapping.ea4 label:nth-last-of-type(2),
.mapping.ea4 label:nth-last-of-type(3),
.mapping.ea4 label:nth-last-of-type(4),
.mapping.ea5 label:nth-last-of-type(1),
.mapping.ea5 label:nth-last-of-type(2),
.mapping.ea5 label:nth-last-of-type(3),
.mapping.ea5 label:nth-last-of-type(4),
.mapping.ea5 label:nth-last-of-type(5) {border-bottom: none;}


.inner-wrap {
	position: relative;
	padding-top: 65px;
	background: #fff;
}


.page-supply .page-content {
	background: #323237;
}
.page-supply .Htitle h3 > a.btn.btn-github {
	float: left;
	margin: 10px 5px 0 0;
	padding: 4px 12px 5px;
	font-size: 13px;
	cursor: default;
	border-radius: 8px;
	border-bottom-left-radius: 0;
}
.page-supply .Htitle h3 > .btn.btn-github:hover,
.page-supply .Htitle h3 > .btn.btn-github:active,
.page-supply .Htitle h3 > .btn.btn-github:focus {
	background: #848484;
	box-shadow: none;
}

.page-supply .sidebar {
	min-height: 657px;
}

.page-supply .navbar h3 {
	margin-left: 190px;
	padding: 0 20px;
	line-height: 50px;
	font-family: 'NotoSansM', NanumGothic, Dotum, sans-serif;
	color: #333;
	font-weight: normal;
	background: #f0f0f0;
}
.page-supply.small-sidebar .navbar h3 {
	margin-left: 65px;
}
.page-supply .navbar .page-right {
	margin-top: 8px;
}

.page-supply .page-inner {
	padding-top: 65px !important;
}
.page-supply .page-inner .page-title {
	display: block;
	float: left;
	width: 100%;
	background: #f0f0f0;
}
.page-supply .page-title h3 {
	margin: 0;
	line-height: 50px;
	color: #333;
}
.page-supply .page-title h3 .page-right {
	margin-top: 8px;
}
.page-supply .page-title h3 > a.btn.btn-github {
	margin-top: 11px;
}

.page-supply #main-wrapper {
	margin-top: 50px;
}
.page-supply  #pageInnerDiv #main-wrapper {
	margin-top: 0;
}

@media (max-width: 767px) {
	.page-supply .navbar h3 {margin-left: 0;}
}


.caution {
	color: #fff;
    font-size: .95em;
    font-style: normal;
    background: #888;
    padding: 6px 12px;
    position: absolute;
    right: 0;
    bottom: 0px;
    z-index: 999;
}

.table-responsive.b-b-d table tr:hover {background: transparent !important;}

div.uploader {width: 100%; height: 25px; background: #fff; border: 1px solid #dce1e4;}
div.uploader input.dropify {z-index: 9;}
div.uploader span.filename {margin: 0; width: 75%; font-size: 12px; line-height: 22px; color: #363636; border-right: none;}
div.uploader span.action {position: absolute; right: 0; float: right; padding: 0 5px; width: auto; height: 25px; font-size: 12px; font-weight: normal; color: #363636; line-height: 22px; background: none;}
div.uploader span.action:before {content: ''; position: absolute; top: 0; left: 0; width: 1px; height: 23px; background: #dce1e4;}