@charset "UTF-8";
/*
Color
Base : #002B49
Point : #218F9B
Light : #D4D4D4
Light2 : #CFCFCF
Mid : #575757
dark : #2A2A2A
Primary : #00A9E0
danger : #F4516C

*/

/* ICONS */
@font-face {
  font-family: 'gstar';
  src:  url('../fonts/gstar.eot?jpfkbm');
  src:  url('../fonts/gstar.eot?jpfkbm#iefix') format('embedded-opentype'),
    url('../fonts/gstar.ttf?jpfkbm') format('truetype'),
    url('../fonts/gstar.woff?jpfkbm') format('woff'),
    url('../fonts/gstar.svg?jpfkbm#gstar') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="gstar-"], [class*=" gstar-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gstar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.gstar-i-add:before {
  content: "\e901";
}
.gstar-i-check:before {
  content: "\e919";
}
.gstar-i-menu-down:before {
  content: "\e917";
}
.gstar-i-menu-up:before {
  content: "\e918";
}
.gstar-i-trash:before {
  content: "\e900";
}
.gstar-i-folder-open:before {
  content: "\e916";
}
.gstar-i-back:before {
  content: "\e902";
}
.gstar-i-calendar:before {
  content: "\e903";
}
.gstar-i-comparechart:before {
  content: "\e904";
}
.gstar-i-copy:before {
  content: "\e905";
}
.gstar-i-data:before {
  content: "\e906";
}
.gstar-i-download:before {
  content: "\e907";
}
.gstar-i-filter:before {
  content: "\e908";
}
.gstar-i-help:before {
  content: "\e909";
}
.gstar-i-map:before {
  content: "\e90a";
}
.gstar-i-master:before {
  content: "\e90b";
}
.gstar-i-message:before {
  content: "\e90c";
}
.gstar-i-refresh:before {
  content: "\e90d";
}
.gstar-i-report:before {
  content: "\e90e";
}
.gstar-i-search:before {
  content: "\e90f";
}
.gstar-i-setting:before {
  content: "\e910";
}
.gstar-i-treemap:before {
  content: "\e911";
}
.gstar-i-upload:before {
  content: "\e912";
}
.gstar-i-upload2:before {
  content: "\e913";
}
.gstar-i-user:before {
  content: "\e914";
}
.gstar-i-widget:before {
  content: "\e915";
}

/* icon */

[class^="gstar-"].big, [class*=" gstar-"].big {
	font-size:1.35em;
	line-height:1;
	vertical-align: -3px
}

/* CSS */

*,
*::before,
*::after {
	outline: none;
  box-sizing: border-box; }

	a, span, div, input, select, form, strong, ul, li, ol, dd, dt, dl {	outline: none;}


html {}
body {margin:0;padding:0;padding-top:50px;overflow-y:auto;overflow-x:hidden;background:#D8D8D8;color:#2A2A2A;}

html,
body {
	font-family: "Malgun Gothic", sans-serif;
	font-size:14px;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

body {overflow-y:scroll;}

@media (max-width:1199px){
	body {overflow-x:auto;}
}

/* Container 너비 설정 */
body {min-width:1200px;}
.header {min-width:1200px;}
.navbar {min-width:1200px;}
.content {min-width:1200px;min-height: calc(100vh - 90px);overflow:hidden;}

/* 레이아웃 */
.wrapper {}
.wrap {width:1200px; margin:0 auto;}
.header-wrapper {}
.header {
	display:block;
	position:absolute;
	top:0;right:0;left:0;
	z-index:1030;
	border-width:0 0 1px;
	height:50px;
	background:#002B49;
	border-bottom:1px solid transparent;}
.header::before,
.header::after {display:block;content:"";clear:both;}
@media (max-width:1199px) {
	/* .header {display:block;position:absolute;} */
}

.navbar-header {
	display:table;
	padding-left:1rem;
	width:110px;
	height:50px;}
.navbar-brand {
	clear:both;
	float:none;
	display: table-cell;
  vertical-align: middle;
  padding:0;
	margin:0;
}
.navbar-brand img {
	width:67px;
	height:22px;
}
.navbar-collapse {min-width:1200px;}
.gnbNav > li > a {color:#fff}
.gnbNav {
	float: left;
	margin: 0;
}
.collapse {display:block!important;}

/* gnb */
.navbar-header {float: left;}
.gnbNav {float: left;margin: 0;}
.gnbNav > li {float: left;}
.gnbNav > li > a {padding-top: 15px;padding-bottom: 15px;}
.gnbNav > li > a:hover {background-color: #F3A808}
.gnbNav > li > a span {background-color: #F3A808}
.gnbNav li i {
	display:inline-block;
	padding-right:7px;
}
.gnbNav .active {background-color: #F3A808}

.logNav {
	float:right;
	margin:0;
	margin-right:-15px;
	padding:0;
}
.logNav li {
	float:left;
}
.logNav li.user > span {
	background-color: #1A415C
}
.logNav li > span {
	display:inline-block;
	padding:0 15px;
	color:#fff;
	min-width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	cursor:pointer}

.logNav li > span:hover {
	background-color: #F3A808
}

/**/

@media (min-width:1200px){
	.navbar-header {float: left;}
	.gnbNav {float: left;margin: 0;}
	.gnbNav > li {float: left;}
	.gnbNav > li > a {padding-top: 15px;padding-bottom: 15px;}
	.gnbNav > li > a:hover {background-color: #F3A808}
	.gnbNav > li > a span {background-color: #F3A808}


	.logNav {}
	.logNav li {}
	.logNav li.user > span {
		background-color: #1A415C
	}
	.logNav li > span {
		display:inline-block;
		padding:0 15px;
		color:#fff;
		min-width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		cursor:pointer}

	.logNav li > span:hover {
		background-color: #F3A808
	}
}
@media (max-width:1199px){

	#header > div > div > button:nth-child(1) > span:nth-child(2) {color:#fff;}
	.navbar-toggle span {color:#fff;}
}

.content-wrapper {}
.content-wrapper::before,
.content-wrapper::after {display:block;content:"";clear:both;}
.content {}
.content-header {background:#575757;color:#fff;}
.content-header .content-title {height:40px;line-height:40px;padding:0 15px;margin:0;font-size:16px;}
.content-header .breadcrumb {display:none;}
.content-body {padding:15px;}

.footer-wrapper {}
.footer {position:relative;padding:1rem;font-size:12px;line-height:1;height:40px;overflow:hidden;border-top:1px solid #cfcfcf;color:#2a2a2a;background:transparent}
.footer::before,
.footer::after {display:block;content:"";clear:both;}
.footer .copyright {float:left;}
.footer .mail {float:right;}
.footer .mail a {color:#2a2a2a}
.footer .link {
	position:absolute;
	top:5px;
	right:210px;
	width:400px;
	height:30px;
	text-align: right;
}

/* using in salesPerformance searchTeam form */
.seachFormTeam {padding:15px;padding-bottom:0;margin-bottom:8px;background:#fff;border-radius:3px;border: 1px solid #CFCFCF;}
.seachFormTeam::after {
	clear:both;
	content:"";
	display:block;
}
/* using in salesPerformance searchMR form */
.seachFormMR {padding:15px;padding-bottom:0;margin-bottom:8px;background:#fff;border-radius:3px;border: 1px solid #CFCFCF;}
.seachFormMR::after {
	clear:both;
	content:"";
	display:block;
}
/* using in salesPerformance searchBrick form */
.seachFormBrick {padding:15px;padding-bottom:0;margin-bottom:8px;background:#fff;border-radius:3px;border: 1px solid #CFCFCF;}
.seachFormBrick::after {
	clear:both;
	content:"";
	display:block;
}
/* using in salesPerformance searchBrick form */
.seachFormInvoice {padding:15px;padding-bottom:0;margin-bottom:8px;background:#fff;border-radius:3px;border: 1px solid #CFCFCF;}
.seachFormInvoice::after {
	clear:both;
	content:"";
	display:block;
}
/* using in salesPerformance search form */
.seachForm {padding:15px;padding-bottom:0;margin-bottom:8px;background:#fff;border-radius:3px;border: 1px solid #CFCFCF;}
.seachForm::after {
	clear:both;
	content:"";
	display:block;
}
/* .seachForm form {max-width:1200px;} */
.seachForm .r-btn-search {width:80px;height:100%;float:right;}

.tseachForm {	display:inline-block;	vertical-align: middle;	padding:0 0;}

/* 도매IMD Overall search form */
.seachFormOverall {
	padding: 15px;
	padding-bottom: 0;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #CFCFCF;
}

.seachFormOverall::after {
	clear: both;
	content: "";
	display: block;
}

/* 도매IMD ByWholesales search form */
.seachFormByWholesales {
	padding: 15px;
	padding-bottom: 0;
	margin-bottom: 8px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #CFCFCF;
}

.seachFormByWholesales::after {
	clear: both;
	content: "";
	display: block;
}

/* input-group */
.input-group .form-control {
	/* border-top-right-radius:0;
	border-bottom-right-radius:0; */
	padding-right: 40px;
}
.input-group .input-group-addon {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-color:#cfcfcf;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	height: 30px;
	padding: 6px 12px;
}
.input-group .input-group-addon:hover i {
	color:#00A9E0;
}


.input-group.calendar {
	width:100%;
	cursor:pointer;
}
.input-group.calendar .form-control {
	padding-right: 40px;
}
.input-group.calendar input {
	cursor:pointer;
}
.input-group.calendar .input-group-addon {
	border-top-left-radius:0;
	border-bottom-left-radius:0;
	border-color:#cfcfcf;
	position: absolute;
	top: 0;
	right: 1;
	z-index: 2;
	height: 30px;
	padding: 7px 12px;
}

.form-group label {
	margin-bottom:8px!important;
}

/* panel */
.panel {}
.panel > .panel-heading {
	display: table;
	width: 100%;
	height:60px;
	padding-bottom:0;}
.panel .panel-heading, .panel .panel-heading-title,
.panel .panel-heading, .panel .panel-title {
	font-weight:bold;
	font-size:15px;}
.panel .panel-heading-title,
.panel .panel-title {
	display: table-cell;
	vertical-align: middle;
	text-align: left;}
.panel .panel-heading-tool,
.panel .panel-actions-input {
	text-align: right;
	display: table-cell;
	vertical-align: middle;}
/* .panel .panel-heading-tool > .tseachForm {
	display:inline-block;
	vertical-align: middle;
	padding:0 .5rem;
} */
.panel-body {}
.panel-footer {
	text-align:right;
}
.panel-footer:before,
.panel-footer:after {
	content: " ";
	display: table;
}

/* panel-default */
.panel.panel-default {
	background-color: white;
	border: 1px solid #CFCFCF;
	border-radius: 3px;}
.panel.panel-default > .panel-heading {
	display: table;
	width: 100%;
	height:60px;
	padding-bottom:0;}
.panel.panel-default .panel-heading, .panel.panel-default .panel-heading-title,
.panel.panel-default .panel-heading, .panel.panel-default .panel-title {
	font-weight:bold;
	font-size:15px;}
.panel.panel-default .panel-heading-title,
.panel.panel-default .panel-title {
	display: table-cell;
	vertical-align: middle;
	text-align: left;}
.panel.panel-default .panel-heading-tool,
.panel.panel-default .panel-actions-input {
	text-align: right;
	display: table-cell;
	vertical-align: middle;}

.panel-heading-form {
	display: table-cell;
	vertical-align: middle;
}

/* panel-table */
.panel.panel-table {
	margin-bottom:0;
	background-color: white;
	border: 1px solid #CFCFCF;
	border-radius: 3px;}
.panel.panel-table > .panel-heading {
	display: table;
	width: 100%;
	height:60px;
	padding-bottom:0;
	padding-top:8px;}
.panel.panel-table .panel-heading, .panel.panel-table .panel-heading-title {
	font-weight:bold;
	font-size:15px;}
.panel.panel-table .panel-heading-title {
	display: table-cell;
	vertical-align: middle;
	text-align: left;}
.panel.panel-table .panel-heading-tool {
	text-align: right;
	display: table-cell;
	vertical-align: middle;}
.panel.panel-table .panel-body {
	padding-top:0!important;}

.panel-body-scroll {
	height:calc(100vh - 185px);
	overflow-y:auto;}

.baseSearchForm .panel-body {
	min-height:120px;
}

/* createModal */
.createModal {
	margin:-15px;
	background-color:#fff;
	border-radius:4px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.createModal .modal-body {
	background-color:#E4E4E4;
}
.createModal .modal-body::after {
	clear:both;
	content:"";
	display:block;
}
.createModal .modal-body-default {
	background-color:#fff;
}
.createModal .modal-footer {
	border-top:1px solid #CFCFCF;
	border-radius:4px;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
/* .createModal div > .panel.panel-default:first-child {margin-bottom:0} */

/* Alert-modal */
/* type-default */
.bootstrap-dialog.type-default .modal-dialog {
	width:400px;}
.bootstrap-dialog.type-default .modal-content {
	border-radius:0;}
.bootstrap-dialog.type-default .modal-header {
	padding:26px 15px 20px;
	text-align:center;
	background:#fff;
	border-color:#fff;
	border-radius:0;}
.bootstrap-dialog.type-default .modal-header .bootstrap-dialog-title {
	font-size:18px;}
.bootstrap-dialog.type-default .modal-body {
	min-height:60px;
	color:#2A2A2A;
	background:#fff;
	border-color:#fff;
	border-radius:0;}
.bootstrap-dialog.type-default .bootstrap-dialog-message {
	text-align:center;}
.bootstrap-dialog.type-default .modal-footer {
	padding:15px 15px 26px;
	background:#fff;
	border-color:#fff;
	border-radius:0;}
.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons {
	text-align:center;}
	
	/* type-default : btn */
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn {
		border-color:#CFCFCF;
		border-radius: 18px;
		width:120px;
		height:36px;
		line-height:34px;
		padding:0;}
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn:focus, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.disabled, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn:disabled {
		color: #fff;
		opacity:.5;
		filter: alpha(opacity=50);
	}
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active,
	.show > .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.dropdown-toggle {
		background-color: #fff;}
		.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active:focus, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active:focus,
		.show > .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

	/* type-default : btn-belpet */
	.btn.btn-belpet {}
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet {
		background:#00A9E0;
		border-color:#fff;
		border-radius: 18px;
		color:#fff;
		width:120px;
		height:36px;
		line-height:34px;
		padding:0;}

	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet:focus, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet.focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet.disabled, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet:disabled {
		color: #fff;
		background-color: #00A9E0;}
	.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet:not(:disabled):not(.disabled):active, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet:not(:disabled):not(.disabled).active,
	.show > .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet.dropdown-toggle {
		color: #00A9E0;
		background-color: #fff;}
		.bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet:not(:disabled):not(.disabled):active:focus, .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet:not(:disabled):not(.disabled).active:focus,
		.show > .bootstrap-dialog.type-default .bootstrap-dialog-footer-buttons .btn.btn-belpet.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }


/* alertModal */
/* type-primary */
.bootstrap-dialog.type-primary .modal-dialog {
	width:400px;}
.bootstrap-dialog.type-primary .modal-content {
	border-radius:0;}
.bootstrap-dialog.type-primary .modal-header {
	padding:26px 15px 20px;
	text-align:center;
	background:#00A9E0;
	border-color:#00A9E0;
	border-radius:0;}
.bootstrap-dialog.type-primary .modal-header .bootstrap-dialog-title {
	font-size:18px;}
.bootstrap-dialog.type-primary .modal-body {
	min-height:60px;
	color:#fff;
	background:#00A9E0;
	border-color:#00A9E0;
	border-radius:0;}
.bootstrap-dialog.type-primary .bootstrap-dialog-message {
	text-align:center;}
.bootstrap-dialog.type-primary .modal-footer {
	padding:15px 15px 26px;
	background:#00A9E0;
	border-color:#00A9E0;
	border-radius:0;}
.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons {
	text-align:center;}
.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn {
	background:#00A9E0;
	border-color:#fff;
	border-radius: 18px;
	color:#fff;
	width:120px;
	height:36px;
	line-height:34px;
	padding:0;}
.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:hover {
	color: #00A9E0;
	background-color: #fff;
	border-color:#fff;}
.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:focus, .bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn.disabled, .bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:disabled {
	color: #fff;
	background-color: #00A9E0;}
.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active, .bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active,
.show > .bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn.dropdown-toggle {
	color: #00A9E0;
	background-color: #fff;}
	.bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active:focus, .bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active:focus,
	.show > .bootstrap-dialog.type-primary .bootstrap-dialog-footer-buttons .btn.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

/* type-danger */
.bootstrap-dialog.type-danger .modal-dialog {
	width:400px;}
.bootstrap-dialog.type-danger .modal-content {
	border-radius:0;}
.bootstrap-dialog.type-danger .modal-header {
	padding:26px 15px 20px;
	text-align:center;
	background:#EA3355;
	border-color:#EA3355;
	border-radius:0;}
.bootstrap-dialog.type-danger .modal-header .bootstrap-dialog-title {
	font-size:18px;}
.bootstrap-dialog.type-danger .modal-body {
	min-height:60px;
	color:#fff;
	background:#EA3355;
	border-color:#EA3355;
	border-radius:0;}
.bootstrap-dialog.type-danger .bootstrap-dialog-message {
	text-align:center;}
.bootstrap-dialog.type-danger .modal-footer {
	padding:15px 15px 26px;
	background:#EA3355;
	border-color:#EA3355;
	border-radius:0;}
.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons {
	text-align:center;}
.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn {
	background:#EA3355;
	border-color:#fff;
	border-radius: 18px;
	color:#fff;
	width:120px;
	height:36px;
	line-height:34px;
	padding:0;}
.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:hover {
	color: #EA3355;
	background-color: #fff;
	border-color:#fff;}
.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:focus, .bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn.disabled, .bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:disabled {
	color: #fff;
	background-color: #EA3355;}
.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active, .bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active,
.show > .bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn.dropdown-toggle {
	color: #EA3355;
	background-color: #fff;}
	.bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active:focus, .bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active:focus,
	.show > .bootstrap-dialog.type-danger .bootstrap-dialog-footer-buttons .btn.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

/* type-warning */
.bootstrap-dialog.type-warning .modal-dialog {
	width:400px;}
.bootstrap-dialog.type-warning .modal-content {
	border-radius:0;}
.bootstrap-dialog.type-warning .modal-header {
	padding:26px 15px 20px;
	text-align:center;
	background:#EA3355;
	border-color:#EA3355;
	border-radius:0;}
.bootstrap-dialog.type-warning .modal-header .bootstrap-dialog-title {
	font-size:18px;}
.bootstrap-dialog.type-warning .modal-body {
	min-height:60px;
	color:#fff;
	background:#EA3355;
	border-color:#EA3355;
	border-radius:0;}
.bootstrap-dialog.type-warning .bootstrap-dialog-message {
	text-align:center;}
.bootstrap-dialog.type-warning .modal-footer {
	padding:15px 15px 26px;
	background:#EA3355;
	border-color:#EA3355;
	border-radius:0;}
.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons {
	text-align:center;}
.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn {
	background:#EA3355;
	border-color:#fff;
	border-radius: 18px;
	color:#fff;
	width:120px;
	height:36px;
	line-height:34px;
	padding:0;}
.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:hover {
	color: #EA3355;
	background-color: #fff;
	border-color:#fff;}
.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:focus, .bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }
.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn.disabled, .bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:disabled {
	color: #fff;
	background-color: #EA3355;}
.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active, .bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active,
.show > .bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn.dropdown-toggle {
	color: #EA3355;
	background-color: #fff;}
	.bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled):active:focus, .bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn:not(:disabled):not(.disabled).active:focus,
	.show > .bootstrap-dialog.type-warning .bootstrap-dialog-footer-buttons .btn.dropdown-toggle:focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5); }

/* list */
em {
	font-size:90%;
	font-weight:normal;
	font-style:normal;}
em:before {
	content:"(";
	display:inline-block;}
em:after {
	content:")";
	display:inline-block;}

table.list {width:100%;}
table.list tbody th {
	padding:0.5rem 1rem 0.5rem 0.2rem;
	vertical-align: middle}
table.list td {
	padding:0.5rem 0;
	vertical-align: middle}
table.list em {
	font-size:90%;
	font-weight:normal;
	font-style:normal;}
table.list em:before {
	content:"(";
	display:inline-block;}
table.list em:after {
	content:")";
	display:inline-block;}


	.list-align-top th, .list-align-top td {
	vertical-align: top}



/* list border */
table.list.list-border {}
table.list.list-border tr {
	;	
}
table.list.list-border tr:nth-child(even) {
	background:#f7f7f7;
}
table.list.list-border tbody th {
	padding:0.5rem 1rem 0.5rem 0.2rem;
	vertical-align: top}
table.list.list-border td {padding:0.5rem 0;vertical-align: top}


/* tree */
ul.fancytree-container {border:0;}
.fancytree-treefocus {outline:0;}

/* bootstrap table */
/* 3979 */
.table {}
	.table th {
		background:#F6F6F6;
		color:#2A2A2A;
	}
	.table tbody {color:#575757;}

.table-bordered {
	border: 1px solid #D4D4D4;
	border-left: 0;
	border-right: 0;
	margin-bottom:0;
}
.table-wrap {border:2px solid #d4d4d4;margin-bottom:0;}
.table-wrap > table {border:0;}

.table-wrap.table-wrap-radius {
	border-radius: 6px;
	margin-bottom:15px;
}
/* .table-border-radius {
	  border-radius: 6px;
	  overflow: hidden;
} */
.table-titlearea {
	margin-bottom:15px;
}
.table-titlearea .table-title {
	font-size:12px;
	font-weight:bold;
}
.table-titlearea .filter-date, .filter-date {
	font-size:14px;
	font-weight:normal;
}

/* TABLE COLOR */
/* table-info */
.table-info {
	border-color:#1A415C;border-color:#1A415C;
	border-width:1px;
	border-top-width:2px;
}
.table-info tbody tr:first-child td {
	border-top:1px solid #1A415C;
}
.table-info  thead > tr > th,
.table-info  thead > tr > td {
	border-bottom: 1px solid #fff ;
}
.table-info thead > tr > th {
	background-color:#1A415C;
	color:#fff;
	border-right: 1px solid #fff;
}
.table-info tbody > tr > td {
	border-right: 1px solid #D4d4d4;
}
.table-info tbody tr:hover td {
	/* background-color:#1A415C; */
	/* color:#fff; */
}
.table-info th {}
.table-info td {}


/* table-sm */
.table-sm {
	font-size:12px;
}

/* table-lg */
.table-lg th, .table-lg td {
	padding-top:1rem!important;
	padding-right:1rem!important;
	padding-bottom:1rem!important;
	padding-left:1rem!important;
}

/* table_ratio */
.table_ratio th {text-align:center}

/* .table-scroll {border-collapse:collapse; width:100%; } 
.table-scroll thead{float:left; width:calc(100% - 16px);}
.table-scroll thead tr {display:table;width:100%;}
.table-scroll thead th {width:100px;}
.table-scroll thead tr th:last-child{}
.table-scroll tbody{overflow-y:scroll; overflow-x:hidden; float:left; width:100%;}
.table-scroll tbody tr {display:table; width:100%;}
.table-scroll td{width:100px;}
.table-scroll tbody tr td:last-child{} */

/* scrolly style */ /* 삭제해도 될지도;; */
.table-scroll tbody::-webkit-scrollbar {
	width: 16px;}
	.table-scroll tbody::-webkit-scrollbar-track {
	background: #eee; }
	.table-scroll tbody::-webkit-scrollbar-thumb {
	background: #d0d0d0;}
	.table-scroll tbody::scrollbar {
		width: 16px;}
		.table-scroll tbody::scrollbar-track {
		background: #eee;}
		.table-scroll tbody::scrollbar-thumb {
		background: #d0d0d0;}

/* sScrollHeadInner */
.dataTables_scrollHeadInner {
	background-color:#F6F6F6;
}

/* --------------------------------------------------------- Components */

/* Buttons */
.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 4px 12px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width:42px;
}

.btn {
  color: #212529;
	background-color: #fff;
	border:1px;
	border-style:solid;
  border-color:rgba(0,0,0,0.15);}
  .btn:hover {
    box-shadow: 0 0 0 0.1rem rgba(0, 169, 224, 0.5)}
  .btn:focus, .btn.focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1)}
  .btn.disabled, .btn:disabled {
    color: #212529;
    background-color: #ebedf2;
    border-color:rgba(0,0,0,0.15);}
  .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active,
  .show > .btn.dropdown-toggle {
		border-color:rgba(0,0,0,0.15);
	}
    .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus,
    .show > .btn.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.1); }

.btn-default {}
	.btn-default:hover {
		color: #fff;
		background-color: #00A9E0;}
	.btn-default:focus, .btn-default.focus {}
	.btn-default.disabled, .btn-default:disabled {
		color: #fff;
		background-color: #00A9E0;}
	.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active,
	.show > .btn-default.dropdown-toggle {
		color: #fff;
		background-color: #36D6F7;}
		.btn-default:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled).active:focus,
		.show > .btn-default.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5);}

.btn-primary {
  color: #fff;
  background-color: #00A9E0;}
  .btn-primary:hover {
    color: #fff;
    background-color: #36D6F7;}
  .btn-primary:focus, .btn-primary.focus {}
  .btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #00A9E0;}
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
  .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #36D6F7;}
    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5);}

.btn-secondary {
	color: #2A2A2A;
	background-color: #fff;
	border-color:#cfcfcf;}
	.btn-secondary:hover {
		color: #2a2a2a;
		background-color: #eee;}
	.btn-secondary:focus, .btn-secondary.focus {
		box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5); }
	.btn-secondary.disabled, .btn-secondary:disabled {
		color: #eee;
		background-color: #cfcfcf;}
	.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
	.show > .btn-secondary.dropdown-toggle {
		color: #000;
		background-color: #cfcfcf;}
		.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
		.show > .btn-secondary.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5);}
			
.btn-info {
	color: #fff;
	background-color: #0072CE;}
	.btn-info:hover {
		color: #fff;
		background-color: #384ad7;
		border-color: #2e40d4; }
	.btn-info:focus, .btn-info.focus {
		box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5);}
	.btn-info.disabled, .btn-info:disabled {
		color: #fff;
		background-color: #0072CE;}
	.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
	.show > .btn-info.dropdown-toggle {
		color: #fff;
		background-color: #2e40d4;
		border-color: #293ccc; }
		.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
		.show > .btn-info.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.5);}

.btn-danger {
	color: #fff;
	background-color: #EA3355;}
	.btn-danger:hover {
		color: #fff;
		background-color: #FF0068;}
	.btn-danger:focus, .btn-danger.focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.5); }
	.btn-danger.disabled, .btn-danger:disabled {
		color: #fff;
		background-color: #EA3355;}
	.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
	.show > .btn-danger.dropdown-toggle {
		color: #fff;
		background-color: #FF0068;}
		.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
		.show > .btn-danger.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.5);}

.btn-lg, .btn-group-lg > .btn {
	padding: 1rem 1.5rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
	padding: 2px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 4px;}


.modal-footer > .btn {
	min-width:90px;
	padding: 8px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 4px;}

.btn-block {
	display: block;
	width: 100%;
	/* height:100%; */
}
	.btn-block + .btn-block {
		margin-top: 0.5rem; }

/* btn-group */

.btn {
	margin-left:1px;
	margin-right:1px;
}
.btn-group {
	margin-left:1px;
	margin-right:1px;
}
.btn-group .btn {
	margin-left:0;
	margin-right:0;
}

/* 
r-btn-icon-group
*/
.r-btn-icon-group {
	padding:0!important;
	height:28px;
	font-size:14px;
	}
	.r-btn-icon-group i:not([class^="glyphicon"]):not([class*="glyphicon-"]) {
		height:26px;
		line-height:26px;
	}

	.r-btn-icon-group i,
	.r-btn-icon-group [class^="gstar-"],
	.r-btn-icon-group [class*=" gstar-"],
	.r-btn-icon-group [class^="i-"],
	.r-btn-icon-group [class*=" i-"],
	.r-btn-icon-group [class^="fa"],
	.r-btn-icon-group [class*=" fa-"] {
		display:table-cell;
		vertical-align: middle;
		width:28px;
		border:0;
		border-right:1px;
		border-style:solid;
		border-color:rgba(0,0,0,0.08);
		background:rgba(0,0,0,0.08);
		border-radius: 3px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.r-btn-icon-group [class^="glyphicon"],
	.r-btn-icon-group [class*=" glyphicon-"] {
		top:0;
		display:table-cell;
		vertical-align: middle;
		width:30px;
		border:0;
		border-right:1px;
		border-style:solid;
		border-color:rgba(0,0,0,0.08);
		background:rgba(0,0,0,0.08);
		border-radius: 3px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.r-btn-icon-group span:not([class^="gstar-i-"]):not([class*="gstar-"]):not([class^="i-"]):not([class*="i-"]):not([class^="glyphicon"]):not([class*="glyphicon-"]):not([class^="fa"]):not([class*="fa-"]) {
		display:table-cell;
		vertical-align: middle;
		min-width: 60px;
		height:26px;
		line-height:26px;
		padding:0 7px;
		font-size:12px;
	}

/* r-btn-icon-group.btn-sm */
.r-btn-icon-group.btn-sm {
	height:24px;
	font-size:12px;
	}
	.r-btn-icon-group.btn-sm i:not([class^="glyphicon"]):not([class*="glyphicon-"]) {
		height:22px;
		line-height:22px;
	}

	.r-btn-icon-group.btn-sm i,
	.r-btn-icon-group.btn-sm [class^="gstar-"],
	.r-btn-icon-group.btn-sm [class*=" gstar-"],
	.r-btn-icon-group.btn-sm [class^="i-"],
	.r-btn-icon-group.btn-sm [class*=" i-"],
	.r-btn-icon-group.btn-sm [class^="fa"],
	.r-btn-icon-group.btn-sm [class*=" fa-"] {
		display:table-cell;
		vertical-align: middle;
		width:24px;
		border:0;
		border-right:1px;
		border-style:solid;
		border-color:rgba(0,0,0,0.08);
		background:rgba(0,0,0,0.08);
		border-radius: 3px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.r-btn-icon-group.btn-sm [class^="glyphicon"],
	.r-btn-icon-group.btn-sm [class*=" glyphicon-"] {
		top:0;
		display:table-cell;
		vertical-align: middle;
		width:24px;
		border:0;
		border-right:1px;
		border-style:solid;
		border-color:rgba(0,0,0,0.08);
		background:rgba(0,0,0,0.08);
		border-radius: 3px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.r-btn-icon-group.btn-sm span:not([class^="gstar-i-"]):not([class*="gstar-"]):not([class^="i-"]):not([class*="i-"]):not([class^="glyphicon"]):not([class*="glyphicon-"]):not([class^="fa"]):not([class*="fa-"]) {
		display:table-cell;
		vertical-align: middle;
		padding:0 5px;
		height:22px;
		line-height:22px;
	}

/*
r-btn-icon
r-btn-icon-only
*/
.r-btn-icon, .r-btn-icon-only {
	padding-left:8px;
	padding-right:8px;
}
.r-btn-icon.btn-sm, .r-btn-icon-only.btn-sm {
	padding-left:6px;
	padding-right:6px;
	font-size:12px;
}
.r-btn-icon-only {
	min-width:28px;
	min-height:28px;
}
.r-btn-icon-only.btn-sm {
	min-width:24px;
	min-height:24px;
}

.r-btn-icon i,
.r-btn-icon [class^="gstar-"],
.r-btn-icon [class*=" gstar-"],
.r-btn-icon [class^="i-"],
.r-btn-icon [class*=" i-"],
.r-btn-icon [class^="glyphicon"],
.r-btn-icon [class*=" glyphicon-"],
.r-btn-icon [class^="fa"],
.r-btn-icon [class*=" fa-"] {
	padding-right:5px;
	display:table-cell;
	vertical-align: middle;
	font-size:14px;
}
.r-btn-icon.btn-sm i,
.r-btn-icon.btn-sm [class*=" gstar-"],
.r-btn-icon.btn-sm [class^="gstar-"],
.r-btn-icon.btn-sm [class^="i-"],
.r-btn-icon.btn-sm [class*=" i-"],
.r-btn-icon.btn-sm [class^="glyphicon"],
.r-btn-icon.btn-sm [class*=" glyphicon-"],
.r-btn-icon.btn-sm [class^="fa"],
.r-btn-icon.btn-sm [class*=" fa-"] {
	padding-right:5px;
	font-size:12px;
}

.r-btn-icon-only i,
.r-btn-icon-only [class^="gstar-"],
.r-btn-icon-only [class*=" gstar-"],
.r-btn-icon-only [class^="i-"],
.r-btn-icon-only [class*=" i-"],
.r-btn-icon-only [class^="glyphicon"],
.r-btn-icon-only [class*=" glyphicon-"],
.r-btn-icon-only [class^="fa"],
.r-btn-icon-only [class*=" fa-"]  {
	display:table-cell;
	vertical-align: middle;
	font-size:14px;
}
.r-btn-icon-only.btn-sm i,
.r-btn-icon-only.btn-sm [class^="gstar-"],
.r-btn-icon-only.btn-sm [class*=" gstar-"],
.r-btn-icon-only.btn-sm [class*=" i-"],
.r-btn-icon-only.btn-sm [class^="i-"],
.r-btn-icon-only.btn-sm [class^="glyphicon"],
.r-btn-icon-only.btn-sm [class*=" glyphicon-"],
.r-btn-icon-only.btn-sm [class^="fa"],
.r-btn-icon-only.btn-sm [class*=" fa-"]  {
	font-size:12px;
}

.r-btn-icon span:not([class^="gstar-i-"]):not([class*="gstar-"]):not([class^="i-"]):not([class*="i-"]):not([class^="glyphicon"]):not([class*="glyphicon-"]):not([class^="fa"]):not([class*="fa-"]) {
	display:table-cell;
	vertical-align: middle;
}

.r-btn-icon-only span:not([class^="gstar-i-"]):not([class*="gstar-"]):not([class^="i-"]):not([class*="i-"]):not([class^="glyphicon"]):not([class*="glyphicon-"]):not([class^="fa"]):not([class*="fa-"]) {
	display:none;
}

.r-btn-icon.btn-sm i,
.r-btn-icon.btn-sm [class^="gstar-"], .r-btn-icon.btn-sm [class*=" gstar-"], .r-btn-icon.btn-sm [class^="i-"], .r-btn-icon.btn-sm [class*=" i-"], .r-btn-icon.btn-sm [class^="glyphicon"], .r-btn-icon.btn-sm [class*=" glyphicon-"]  {
	padding-right:3px;
}

.r-btn-search {font-size:14px;}
.r-btn-upload {}
.r-btn-download {}
.r-btn-delete {}
.btnSave {}


/* 클래스 교체후 삭제 -- */
.r-btn-delete {
	}
	.r-btn-delete:hover {
		color: #fff;
		background-color: #FF0068;}
	.r-btn-delete:focus, .r-btn-delete.focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.5); }
	.r-btn-delete.disabled, .r-btn-delete:disabled {
		color: #fff;
		background-color: #F4516C;}
	.r-btn-delete:not(:disabled):not(.disabled):active, .r-btn-delete:not(:disabled):not(.disabled).active,
	.show > .r-btn-delete.dropdown-toggle {
		color: #fff;
		background-color: #FF0068;}
		.r-btn-delete:not(:disabled):not(.disabled):active:focus, .r-btn-delete:not(:disabled):not(.disabled).active:focus,
		.show > .r-btn-delete.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.5); }
/* -- 클래스 교체후 삭제 */


.r-btnDelete {
	}
	.r-btnDelete:hover {
		color: #fff;
		background-color: #FF0068;}
	.r-btnDelete:focus, .r-btnDelete.focus {
		box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.5); }
	.r-btnDelete.disabled, .r-btnDelete:disabled {
		color: #fff;
		background-color: #F4516C;}
	.r-btnDelete:not(:disabled):not(.disabled):active, .r-btnDelete:not(:disabled):not(.disabled).active,
	.show > .r-btnDelete.dropdown-toggle {
		color: #fff;
		background-color: #FF0068;}
		.r-btnDelete:not(:disabled):not(.disabled):active:focus, .r-btnDelete:not(:disabled):not(.disabled).active:focus,
		.show > .r-btnDelete.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(255, 0, 104, 0.5); }

.btn-transparent {
	color: #fff;
	background-color: transparent;
	border:1px solid transparent;}
	.btn-transparent:hover {
		color: #fff;
		background-color: transparent;
		border:1px solid #fff;
		border-radius: 0}
	.btn-transparent:focus, .btn-transparent.focus {
		box-shadow: 0 0 0 0.1rem rgba(0, 0, 0, 0.1); }
	.btn-transparent.disabled, .btn-transparent:disabled {
		color: #fff;}
	.btn-transparent:not(:disabled):not(.disabled):active, .btn-transparent:not(:disabled):not(.disabled).active,
	.show > .btn-transparent.dropdown-toggle {
		color: #fff;}
		.btn-transparent:not(:disabled):not(.disabled):active:focus, .btn-transparent:not(:disabled):not(.disabled).active:focus,
		.show > .btn-transparent.dropdown-toggle:focus {
			box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);}

.btn-checkbox {
	padding-left:10px;
	padding-right:10px;
}
.btn-checkbox input[type="checkbox"] {
	margin-top:0;
	margin-right:8px;
	vertical-align: -2px;
}

.sfft-btn .btn {padding:5px 7px;height:30px;}
.r-btn-filter {height:40px!important; margin-top:13px;margin-bottom:8px;font-size:14px}
.r-btn-filter i {margin-right:50px;}

/* form */
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;}
	.form-row > .col,
  .form-row > [class*="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
	}
	
.col-form-label {
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
	margin-bottom: 0;
	font-size: inherit;
	line-height: 1.5;
	text-align:right;
}

.form-number {
	text-align:right;
}

.form-readonly, .form-readonly:hover, .form-readonly:active, .form-readonly:focus {
	border-color:transparent;
	box-shadow: none;
	padding-left:0;
	padding-right:0;
	cursor: text;
	font-size:14px;
}

/* textarea */
textarea.autosize {
	width:100%!important;
	min-height:50px; }

/* well */
.well::before,
.well::after {
content:"";
clear:both;
display:block;
}
.well-head {
	display: table;
	width:100%;
	height:40px;
	padding-top:0;
	padding-bottom:9px;
	border-bottom: 1px solid #e7edf2;
	}
	.well-head .well-title {
		font-weight:bold;
		font-size:15px;
		display: table-cell;
		vertical-align: middle;
		text-align: left;}
	.well-head .well-tool {
		text-align: right;
		display: table-cell;
		vertical-align: middle;}

	/* well-filebox */
	.well-filebox .uploadifive-button {
		display:inline-block;
		margin-right:0;
	}
	.well-filebox .uploadifive-queue-item::before,
	.well-filebox .uploadifive-queue-item::after {
		content:"";
		clear:both;
		display:block;
	}
	.well-filebox .uploadifive-queue-item .progress {
		margin-bottom:0;
	}
	.well-filebox #uploadifive-undefined {
		height:28px;
	}
	.well-filebox .r-btnupload {
		float:right;
		height:30px;
		margin-left:5px;
	}
	.well-filebox .r-btnupload i {
		font-size:14px;
	}

	/* well-plat */
	.well.well-plat,
	.well.well-plat .well-head {
		border:0;
		padding:0;
	}
/* scrolly style */
.panel-body-scroll::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar {
width: 8px;}
.panel-body-scroll::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track {
background: transparent;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px; }
.panel-body-scroll::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb {
background: #d0d0d0;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;}

/* font */
.sm {font-size:70%!important;}

/* --------------------------------------------------------- utilities */
/* utilities : padding */
.p-0 {padding:0!important;}
.pt-0 {padding-top:0!important}
.pr-0 {padding-right:0!important}
.pb-0 {padding-bottom:0!important}
.pl-0 {padding-left:0!important}
.pr-hfrem {padding-right:.5rem !important;}
.pl-hfrem {padding-left:.5rem !important;}

.p-05 {padding:.5rem!important;}
.pt-05 {padding-top:.5rem!important}
.pr-05 {padding-right:.5rem!important}
.pb-05 {padding-bottom:.5rem!important}
.pl-05 {padding-left:.5rem!important}

.p-1 {padding:1!important;}
.pt-1 {padding-top:1!important}
.pr-1 {padding-right:1!important}
.pb-1 {padding-bottom:1!important}
.pl-1 {padding-left:1!important}

/* utilities : margin */
.m-0 {margin:0!important}
.mt-0 {margin-top:0!important}
.mr-0 {margin-right:0!important}
.mb-0 {margin-bottom:0!important}
.ml-0 {margin-left:0!important}

.m-05 {padding:.5rem!important;}
.mt-05 {padding-top:.5rem!important}
.mr-05 {padding-right:.5rem!important}
.mb-05 {padding-bottom:.5rem!important}
.ml-05 {padding-left:.5rem!important}

.m-1 {margin:1rem!important}
.mt-1 {margin-top:1rem!important}
.mr-1 {margin-right:1rem!important}
.mb-1 {margin-bottom:1rem!important}
.ml-1 {margin-left:1rem!important}

.m-2 {margin:2rem!important}
.mt-2 {margin-top:2rem!important}
.mr-2 {margin-right:2rem!important}
.mb-2 {margin-bottom:2rem!important}
.ml-2 {margin-left:2rem!important}

/* utilities : vertical-align */
.align-middle {vertical-align: middle!important}
/* border */
.rounded-circle {
	border-radius: 50%!important;
}
/* Flex */
.d-flex {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
}
.align-items-center {
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center!important;
}
/* hr */
hr.m10 {margin-top:10px;margin-bottom:10px;}

/* float */
.left {float:left;}
.right {float:right;}

/* animate shake */
.m-animate-shake {
  -webkit-animation: icon-shake 0.5s ease-in 0.5s infinite alternate;
  -moz-animation: icon-shake 0.5s ease-in 0.5s infinite alternate;
  -ms-animation: icon-shake 0.5s ease-in 0.5s infinite alternate;
  -o-animation: icon-shake 0.5s ease-in 0.5s infinite alternate;
  animation: icon-shake 0.5s ease-in 0.5s infinite alternate;
	animation-fill-mode: initial;
	}
	@keyframes icon-shake {
		0% { transform: translate(1px, 1px) rotate(0deg); }
		10% { transform: translate(-1px, -2px) rotate(-1deg); }
		20% { transform: translate(-3px, 0px) rotate(1deg); }
		30% { transform: translate(3px, 2px) rotate(0deg); }
		40% { transform: translate(1px, -1px) rotate(1deg); }
		50% { transform: translate(-1px, 2px) rotate(-1deg); }
		60% { transform: translate(-3px, 1px) rotate(0deg); }
		70% { transform: translate(3px, 1px) rotate(-1deg); }
		80% { transform: translate(-1px, -1px) rotate(1deg); }
		90% { transform: translate(1px, 2px) rotate(0deg); }
		100% { transform: translate(1px, -2px) rotate(-1deg); }
	}

/* fromTo */
.fromTo {
	position:relative;
}
.fromTo:before {
	content: "~";
	display: inline-block;
	position: absolute;
	width: 10px;
	text-align: center;
	bottom: 0;
	left: -5px;
	height: 38px;
	line-height: 38px;
}

[data-toggle="collapse"] {
	cursor:pointer;
}

/*login*/
.login-wrap {width:100%; height:100%; min-width: auto; padding:0;}
.login-form:after{content: ''; display: block; top:0; right:0; bottom:0;left:0; position:absolute; background: #002B49; background: linear-gradient(90deg,rgba(0, 43, 73, 1) 0%, rgba(72, 129, 83, 1) 160%);}
.login-form .login {position:relative; z-index: 1; width:450px; margin:23vh auto 0;}
.login-form .logo {text-align:center; margin-bottom:40px}
.login-form .logo img {width:150px; height:auto;display: inline-block;}
.login-form .input-chk-wrap {color:#fff;}
.login-form .input-chk-wrap input {width:20px;height:20px;display:inline-block; margin:0;}
.login-form .input-chk-wrap .input-chk-text {display: inline-block; vertical-align: top; margin: 2px 0 0 3px;}
.login-form .btn-login .btn {width:100%; font-weight:bold; background-color: #20638f;}
.login-form .btn-login .btn:hover, .login-form .btn-login .btn:active, .login-form .btn-login .btn:active:focus {box-shadow: none;background-color: rgba(32, 99, 143, 0.8);}
.login-form .logo-sub {text-align: right;padding-top:5px}
.login-form .logo-sub img{width: 130px;display: inline-block;}

/* 지도 */
.map-content ul { margin: 0}
.content.map-content em:before, .content.map-content em:after {content:none}
.content.map-content {display:flex; flex-direction:column; height:calc(100vh - 90px); min-height:0;}
.content.map-content .content-header {height:40px; flex-shrink:0;}
.content.map-content .content-body {flex:1; min-height:0; display:flex;}
.map-area {display:flex; flex:1; flex-wrap:nowrap; min-height:0; overflow:hidden; width:100%;}
.map-area .seachForm {width:340px; flex:0 0 340px; min-height:0; margin:0; padding:0; position:relative; z-index:2; border-right-width:0;}
.map-area .panel-table {border-left-width: 0;}
.map-area > .panel {flex:1; min-width:0; min-height:0;}
.map-area .search-panel {height: 100%; padding:15px; display: flex; flex-direction: column; position: relative; background:#fff; z-index:3; border-right: 1px solid #cfcfcf;margin-left: -1px;}
.map-area .search-detail-panel {position: absolute; top:0; left:100%; width: 600px;z-index: 2; background-color :#fff;display: flex;flex-direction: column; transform: translateX(-100%) scaleX(0.5); transition: all 0.35s ease;}
.map-area .search-detail-panel.open {transform: translateX(0) scaleX(1);}
.map-area .panel-table {display: flex; flex-direction:column;}
.map-area .panel-table .panel-body {flex:1; min-height:0; position:relative;}

/*지역선택*/
.search-input-location {position: relative;}
.search-input-location .location-result {border: 1px solid #CFCFCF; border-radius: 3px; position: relative; display: block;padding: 5px; cursor: pointer; height: 30px;}
.search-input-location .location-result:after { content:"\f107" ;position: absolute; top:5px; right:7px; font-size: 20px;}
.search-input-location .location-result li:not(:last-child):after{ content: "\f105";display: inline-block; margin: 0 0 0 10px; font-size:17px; color:#cfcfcf;}
.search-input-location .location-list-wrap {margin:0; border:1px solid #cfcfcf; position: absolute; top:calc(100% + 2px); left: 0; right: 0; z-index: 1; border-radius: 3px; background: #fff; display: none; flex-wrap: wrap;}
.search-input-location .location-list {padding:5px 3px 5px 0;}
.search-input-location .location-list ~ .location-list {border-left : 1px solid #cfcfcf;}
.location-list-wrap .location-list-btns {width:100%; text-align:center;border-top: 1px solid #cfcfcf; padding:7px 0;}
.location-list.col {flex:1}
.location-list ul {height: 150px;overflow: auto; font-size: 12px;}
.location-list ul > li:first-child {padding: 5px 8px}
.location-list .btn { border:none; padding:5px 8px; text-align:left;}
.location-list .btn:hover, .location-list .btn:focus, .location-list .btn:active, .location-list .btn:active:focus {border:none; outline:none; box-shadow: none !important;}
.location-list .btn:hover {color:#0072CE}
.location-list .on .btn {font-weight: bold; color:#0072CE;}
.search-input-location.open .location-result:after { transform: rotate(180deg); top: 5px;}
.search-input-location.open .location-list-wrap {display:flex;}

/*search-input*/
/* 검색 구분(병원/약국) 토글 - 요청 2-① */
.search-type-group {display:flex; margin-top:7px;}
.search-type-group .btn {padding:0 14px; height:24px; border-radius:12px; margin-right:0; border:1px solid #d0d5dd; background-color:#fff; color:#475467; font-size:12px;}
.search-type-group .btn:focus, .search-type-group .btn:focus:active {box-shadow:none;}
.search-type-group .btn:hover {background-color:#f7f7f7; box-shadow:none;}
.search-type-group .btn.on, .search-type-group .btn.on:hover {color:#fff; background-color:#0072CE; border-color:#0072CE;}
.search-type-group .btn ~ .btn {margin-left:4px;}

.search-input-text {margin-top: 7px; display: flex;}
.search-input-text .form-group {flex: 1;margin-right:5px;}
.search-input-text .btn-search {background-color: #002B49; width:50px; height: 30px;}
.search-input-text .btn-search:before{content:'\f002'; display: inline-block; vertical-align:top; color: #fff; font-size:17px; margin-top:-2px;}

/*search-result*/
.search-input-result {margin-top:10px; flex:1; min-height:0; display:flex; flex-direction:column; position:relative;}
.search-input-panel > .search-input-location, .search-input-panel > .search-type-group, .search-input-panel > .search-input-text {flex-shrink:0;}
.search-input-panel .search-input-text .form-group {margin-bottom:0;}
.search-input-result .search-result-top, .search-input-result .sc-account-legend {flex-shrink:0;}
.search-input-result .search-result-top {text-align:right;padding:0 10px 0 2px; font-size:12px;}
.search-input-result .search-result-top em{ font-weight: bold; color:#0072CE}
.search-input-result .search-result-list {margin-top:6px; min-height:0; flex:0 1 auto; overflow:auto; padding:2px 10px 2px 2px;}
.search-input-result .search-result-list li ~ li {margin-top:7px;}
.search-result-list .btn {width:100%; padding:7px 10px;margin:0; display: flex;flex-wrap: wrap;}
.search-result-list .btn:hover, .search-result-list .btn:focus, .search-result-list .btn:focus, .search-result-list .btn:focus:active {box-shadow: none !important;}
.search-result-list .on .btn, .search-result-list .btn:hover, .search-result-list .btn:focus:active  {background-color:rgba(0, 43, 73, 0.08);; border-color:rgba(0, 43, 73, 0.3);}
.search-result-list .on .result-name {font-weight: bold;}
.search-result-list .btn span {overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:left;}
.search-result-list .btn .result-type {width: 100%; font-size:11px; color:#888}
.search-result-list .btn .result-name {font-size:14px; margin-top:-1px; color:#333}
.search-result-list .btn .result-loc {width: 100%;}

/*detail-panel*/
.search-detail-panel .detail-back-area{position: absolute; top:7px; right:7px;}
.detail-back-area .btn-panel-back {display:block; width: 40px; height: 40px; background:none; border:none}
.detail-back-area .btn-panel-back:before, .detail-back-area .btn-panel-back:after{position: absolute; top: 3px; left: 20px; content: ' '; height: 25px; width: 2px;background-color: #333;}
.detail-back-area .btn-panel-back:before {transform: rotate(45deg);}
.detail-back-area .btn-panel-back:after {transform: rotate(-45deg);}
.search-detail-top {padding:9px 0;height:35px;}
.search-detail-top .detail-top-left p{ font-size:15px; margin:0;}
.search-detail-top .detail-top-left p em {font-weight:bold; color:#0072CE;font-size:100%;}
.search-detail-top .detail-top-left p .count {font-size:13px}
.search-detail-content {height:calc(100% - 35px); padding-top:13px;}
.detail-list-wrap {display: flex;flex-direction: column;max-height:100%;margin-top:-10px;}

/*slider*/
.detail-list-wrap .search-slider {display:flex; width: 100%; margin-top:3px; justify-content: flex-end;}
.detail-list-wrap .search-slider .btn {padding:0 7px; height: 24px; border-radius:12px; margin-right:0;}
.detail-list-wrap .search-slider .btn:focus, .detail-list-wrap .search-slider .btn:focus:active{box-shadow: none;}
.detail-list-wrap .search-slider .btn:hover {background-color: #f7f7f7;box-shadow: none;}
.detail-list-wrap .search-slider .btn.on, .detail-list-wrap .search-slider .btn.on:hover {color: #fff; background-color: #00A9E0;}
.detail-list-wrap .search-slider .btn ~ .btn {margin-left:4px}
.detail-list-wrap .search-slider-title {width: 80px; font-size:12px}
.detail-list-wrap .ui-slider {width:40%;height: 0.5em; backface-visibility: hidden; transform: translateZ(0);}
.detail-list-wrap .detail-list-top {display: flex; justify-content: space-between;margin-bottom: 6px;}
.detail-list-wrap .detail-list-top .btn-total{border: 0; color:#fff; background-color: #0072CE; height:28px; letter-spacing: -0.5px; padding:0 10px;}
.search-slider .ui-slider .ui-slider-handle {border-radius: 8px; top:-0.4em; width:1em; height:1em;border:0; box-shadow: 1px 1px 3px 1px #888888;}
.search-slider .ui-slider .ui-state-active {background:#ededed;}
.search-slider .ui-widget-header {background :#0072CE;overflow: hidden;}
.search-slider .slider-bubble {position:absolute; top:-27px; left:-50%; margin-left:-87px; min-width: 200px; text-align:center;display: none;}
.search-slider:hover .slider-bubble, .ui-slider-handle.ui-state-active .slider-bubble {display: block;}
.search-slider .bubble-inner {background: #fff;  border-radius:5px;border: 1px solid #cfcfcf; font-size:11px; padding:3px; color:#333; }
.search-slider .bubble-inner:before, .search-slider .bubble-inner:after{content:''; display:block; position:absolute; top:100%;left:50%;width:0;height:0;border-style: solid;margin-top:1px;}
.search-slider .bubble-inner:before { border-width: 8px 7px 0 7px; border-color: #cfcfcf transparent transparent transparent;margin-left:-7px;}
.search-slider .bubble-inner:after { border-width: 6px 6px 0 6px; border-color: #fff transparent transparent transparent;margin-left: -6px;;}
.slider-scale {display: flex; justify-content: space-between; margin:10px -6px 0 -4px; font-size:11px;}
.slider-scale span {min-width:25px; text-align:left;}

/*detail-list*/
.detail-list-wrap .detail-list {clear: both; font-size: 12px; width:100%;}
.detail-list-wrap .detail-list > li {display: flex; width:100%; border-bottom: 1px solid #eee}
.detail-list-wrap .detail-list > li .btn {display: flex; width: 100%; border: none !important; outline: none !important; box-shadow: none !important; margin:0; padding:0;border-radius: 0; text-align:left;}
.detail-list-wrap .detail-list > li.exception .btn{background-color:#f7f7f7;}
.detail-list-wrap .detail-list > li.on .btn, .detail-list-wrap .detail-list > li .btn:hover, .detail-list-wrap .detail-list > li.selected .btn, .detail-list-wrap .detail-list > li.exception .btn:hover {background-color: rgba(0, 114, 206, 0.07);}
.detail-list-wrap .detail-list > li.exception span {color:rgba(33, 37, 41, 0.5);}
.detail-list-wrap .detail-list > li span[class^="detail-"] {padding: 7px;display:block;}
.detail-list-wrap .detail-list > li span[class^="detail-"] ~ span {border-left: 1px solid #eee;}
.detail-list-wrap .detail-list-header {border-top: 2px solid #0072CE; background-color: #f3f3f3;font-weight:bold; text-align:center;height: 30px;}
.detail-list-wrap .detail-list-header span {text-align:center;}
.detail-list-wrap .detail-list-body {overflow: auto;}
.detail-list-wrap .detail-name {width: 140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-list-wrap .detail-addr {flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:left;}
.detail-list-wrap .detail-distance {width: 70px; text-align: right;}
.detail-list-wrap .detail-per {width: 70px; text-align:right;}
.detail-list-wrap .detail-count {width: 70px; text-align: center;}

/*search-detail-content*/
.search-detail-content .table td,.search-detail-content .table th {padding: 3px 8px; font-size:12px;}
.search-detail-content .table tfoot td {background :#fbfbd5; font-weight:bold; border-top-width:2px;}
.search-detail-content .detail-graph {margin-top:25px}
.search-detail-content .detail-graph .highcharts-container {width: 100% !important;}
.search-detail-content .detail-content-inner {max-height:100%; overflow: auto;}

.map-marker-layer {border-radius: 3px; border: 1px solid #666; background :#fff;position: relative; font-size:12px; padding:7px 7px 5px; margin-top:-54px; /**/transform: translateY(-100%); margin-top:-28px;}
.map-marker-layer:before, .map-marker-layer:after {content:''; display: block; position: absolute; bottom:-6px; left: 50%; transform: translateX(-50%) rotate(180deg);width: 0px; height: 0px; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #666 transparent;}
.map-marker-layer:after {border-color: transparent transparent #fff transparent;border-width: 0 5px 6px 5px; bottom: -5px;}

.map-marker-layer.hospital{background :#e9f3ff}
.map-marker-layer.hospital:after {border-color: transparent transparent #e9f3ff}
.map-marker-layer.pharmacy{background :#ffdfda}
.map-marker-layer.pharmacy:after {border-color: transparent transparent #ffdfda}
.map-marker-layer.marker-list {margin-top:1px; padding:0;}
.map-marker-layer.marker-list .marker-list-item {padding: 7px 7px 5px; height:27px;}
.map-marker-layer.marker-list .marker-list-item ~ .marker-list-item {border-top:1px solid #666}
/* 문전약국: 표시품목 선택과 거래처 목록 안내 */
.map-content #pharmacySalesBody tr.pharmacy-product-excluded td {
    background-color: #eeeeee;
    color: #666666;
}
.map-content #pharmacySalesBody label,
.map-content #pharmacySalesHeader label {
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}
.map-content .sc-account-legend {
    margin: 8px 12px;
    color: #595959;
    font-size: 12px;
}