@import url('../../../css2');
@import url("../../../css-1");


@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-o-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-ms-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes zoom-down {
	from {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-moz-keyframes zoom-down {
	from {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-o-keyframes zoom-down {
	from {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-ms-keyframes zoom-down {
	from {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes zoom-down {
	from {
		-webkit-transform-origin: top;
		-moz-transform-origin: top;
		-ms-transform-origin: top;
		transform-origin: top;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-webkit-keyframes zoom-up {
	from {
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-moz-keyframes zoom-up {
	from {
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-o-keyframes zoom-up {
	from {
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-ms-keyframes zoom-up {
	from {
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@keyframes zoom-up {
	from {
		-webkit-transform-origin: bottom;
		-moz-transform-origin: bottom;
		-ms-transform-origin: bottom;
		transform-origin: bottom;
		-webkit-transform: scale(0, 0);
		-ms-transform: scale(0, 0);
		-o-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}
@-webkit-keyframes slide-right {
	from {
		-webkit-transform: translate(-20px, 0);
		-ms-transform: translate(-20px, 0);
		-o-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes slide-right {
	from {
		-webkit-transform: translate(-20px, 0);
		-ms-transform: translate(-20px, 0);
		-o-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes slide-right {
	from {
		-webkit-transform: translate(-20px, 0);
		-ms-transform: translate(-20px, 0);
		-o-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-ms-keyframes slide-right {
	from {
		-webkit-transform: translate(-20px, 0);
		-ms-transform: translate(-20px, 0);
		-o-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes slide-right {
	from {
		-webkit-transform: translate(-20px, 0);
		-ms-transform: translate(-20px, 0);
		-o-transform: translate(-20px, 0);
		transform: translate(-20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-webkit-keyframes slide-left {
	from {
		-webkit-transform: translate(20px, 0);
		-ms-transform: translate(20px, 0);
		-o-transform: translate(20px, 0);
		transform: translate(20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes slide-left {
	from {
		-webkit-transform: translate(20px, 0);
		-ms-transform: translate(20px, 0);
		-o-transform: translate(20px, 0);
		transform: translate(20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes slide-left {
	from {
		-webkit-transform: translate(20px, 0);
		-ms-transform: translate(20px, 0);
		-o-transform: translate(20px, 0);
		transform: translate(20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-ms-keyframes slide-left {
	from {
		-webkit-transform: translate(20px, 0);
		-ms-transform: translate(20px, 0);
		-o-transform: translate(20px, 0);
		transform: translate(20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes slide-left {
	from {
		-webkit-transform: translate(20px, 0);
		-ms-transform: translate(20px, 0);
		-o-transform: translate(20px, 0);
		transform: translate(20px, 0);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-webkit-keyframes slide-down {
	from {
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes slide-down {
	from {
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes slide-down {
	from {
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-ms-keyframes slide-down {
	from {
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes slide-down {
	from {
		-webkit-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		-o-transform: translate(0, -20px);
		transform: translate(0, -20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-webkit-keyframes slide-up {
	from {
		-webkit-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		-o-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-moz-keyframes slide-up {
	from {
		-webkit-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		-o-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-o-keyframes slide-up {
	from {
		-webkit-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		-o-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@-ms-keyframes slide-up {
	from {
		-webkit-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		-o-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
@keyframes slide-up {
	from {
		-webkit-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		-o-transform: translate(0, 20px);
		transform: translate(0, 20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1;
	}
}
html,body,.full-height {
	height: 100%;
}
body {
	font-family: "Helvetica Neue", Helvetica, "Apple SD Gothic Neo", Arial, "Malgun Gothic", "Noto Sans", sans-serif;
	font-size:13px;
	background: #eee;
	background-size: 100% 100%;
	color: #212121;
	-ms-overflow-style: scrollbar;
	-webkit-font-smoothing: antialiased;
}
html:lang(zh-tw) body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Malgun Gothic", "Noto Sans", sans-serif;
}
body.modal-open,body.offcanvas-expanded {
	padding-right: 0!important;

	width: 100%;

}
.container {
	padding: 0;
}
a {
	color: inherit;
	text-decoration: none;
	transition: .3s;
}
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
}
hr {
	border-top-color: rgba(12, 12, 12, 0.12);
}
hr.ruler-lg {
	margin: 8px 0;
}
hr.ruler-xl {
	margin: 24px 0;
}
hr.ruler-xxl {
	margin: 56px 0;
}
.img-backdrop {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.img-backdrop img {
	display: block;
	min-width: 100%;
	min-height: 100%;
	height: auto;
}
.img-rounded {
	border-radius: 4px;
}
.doc-section {
	margin-bottom: 80px;
}
.doc-section.doc-lead {
	margin-bottom: 20px;
}
.doc-section h3 {
	margin-top: 20px;
}
.doc-section h4 {
	margin-top: 17px;
}
.doc-section h5 {
	margin-top: 15px;
}
.fuelphp-dump {
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 0;
}
.hbox-sm,
.hbox-zmdi,
.hbox-lg {
	padding: 0;
}
.hbox-sm .hbox-column,
.hbox-zmdi .hbox-column,
.hbox-lg .hbox-column {
	display: block;
	vertical-align: top;
}
.hbox-sm .hbox-column.v-top,
.hbox-zmdi .hbox-column.v-top,
.hbox-lg .hbox-column.v-top {
	vertical-align: top;
}
.hbox-sm .hbox-column.v-middle,
.hbox-zmdi .hbox-column.v-middle,
.hbox-lg .hbox-column.v-middle {
	vertical-align: middle;
}
.hbox-sm .hbox-column.v-bottom,
.hbox-zmdi .hbox-column.v-bottom,
.hbox-lg .hbox-column.v-bottom {
	vertical-align: bottom;
}
.hbox-xs {
	display: table;
	table-layout: fixed;
	padding: 0;
}
.hbox-xs .hbox-column {
	display: table-cell;
}
.tabled {
	display: table !important;
	width: 100%
}
.table-cell {
	display: table-cell !important;
}
.board_thumb_wrap {
  max-width: 216px ;padding-right: 20px;
  overflow: hidden;
}
.board_thumb_wrap div.board_sub_thumb {
  display: flex;
  flex-wrap: wrap;
}
.board_thumb_wrap div.board_sub_thumb img {
  object-fit: cover;
  object-position: top center;
  width: 49px;
  height: 44px;
}
.dash-board-thumb img {
 object-fit: cover;
  object-position: top center;
}
.cursor-pointer {
	cursor:pointer;
}
@media (min-width: 769px) {
	.hbox-sm {
		display: table;
		table-layout: fixed;
	}
	.hbox-sm .hbox-column {
		float: none;
		display: table-cell;
	}
}
@media (min-width: 992px) {
	.hbox-zmdi {
		float: none;
		display: table;
		table-layout: fixed;
	}
	.hbox-zmdi .hbox-column {
		float: none;
		display: table-cell;
	}
	.modal-xl {
		width: 980px;
	}
}
@media (min-width: 1200px) {
	.hbox-lg {
		display: table;
		table-layout: fixed;
	}
	.hbox-lg .hbox-column {
		float: none;
		display: table-cell;
	}
}

@media (min-width : 1440px) {
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		float : left;
	}

	.col-xl-12 {
		width : 100%;
	}

	.col-xl-11 {
		width : 91.66666667%;
	}

	.col-xl-10 {
		width : 83.33333333%;
	}

	.col-xl-9 {
		width : 75%;
	}

	.col-xl-8 {
		width : 66.66666667%;
	}

	.col-xl-7 {
		width : 58.33333333%;
	}

	.col-xl-6 {
		width : 50%;
	}

	.col-xl-5 {
		width : 41.66666667%;
	}

	.col-xl-4 {
		width : 33.33333333%;
	}

	.col-xl-3 {
		width : 25%;
	}

	.col-xl-2 {
		width : 16.66666667%;
	}

	.col-xl-1 {
		width : 8.33333333%;
	}

	.col-xl-pull-12 {
		right : 100%;
	}

	.col-xl-pull-11 {
		right : 91.66666667%;
	}

	.col-xl-pull-10 {
		right : 83.33333333%;
	}

	.col-xl-pull-9 {
		right : 75%;
	}

	.col-xl-pull-8 {
		right : 66.66666667%;
	}

	.col-xl-pull-7 {
		right : 58.33333333%;
	}

	.col-xl-pull-6 {
		right : 50%;
	}

	.col-xl-pull-5 {
		right : 41.66666667%;
	}

	.col-xl-pull-4 {
		right : 33.33333333%;
	}

	.col-xl-pull-3 {
		right : 25%;
	}

	.col-xl-pull-2 {
		right : 16.66666667%;
	}

	.col-xl-pull-1 {
		right : 8.33333333%;
	}

	.col-xl-pull-0 {
		right : auto;
	}

	.col-xl-push-12 {
		left : 100%;
	}

	.col-xl-push-11 {
		left : 91.66666667%;
	}

	.col-xl-push-10 {
		left : 83.33333333%;
	}

	.col-xl-push-9 {
		left : 75%;
	}

	.col-xl-push-8 {
		left : 66.66666667%;
	}

	.col-xl-push-7 {
		left : 58.33333333%;
	}

	.col-xl-push-6 {
		left : 50%;
	}

	.col-xl-push-5 {
		left : 41.66666667%;
	}

	.col-xl-push-4 {
		left : 33.33333333%;
	}

	.col-xl-push-3 {
		left : 25%;
	}

	.col-xl-push-2 {
		left : 16.66666667%;
	}

	.col-xl-push-1 {
		left : 8.33333333%;
	}

	.col-xl-push-0 {
		left : auto;
	}

	.col-xl-offset-12 {
		margin-left : 100%;
	}

	.col-xl-offset-11 {
		margin-left : 91.66666667%;
	}

	.col-xl-offset-10 {
		margin-left : 83.33333333%;
	}

	.col-xl-offset-9 {
		margin-left : 75%;
	}

	.col-xl-offset-8 {
		margin-left : 66.66666667%;
	}

	.col-xl-offset-7 {
		margin-left : 58.33333333%;
	}

	.col-xl-offset-6 {
		margin-left : 50%;
	}

	.col-xl-offset-5 {
		margin-left : 41.66666667%;
	}

	.col-xl-offset-4 {
		margin-left : 33.33333333%;
	}

	.col-xl-offset-3 {
		margin-left : 25%;
	}

	.col-xl-offset-2 {
		margin-left : 16.66666667%;
	}

	.col-xl-offset-1 {
		margin-left : 8.33333333%;
	}

	.col-xl-offset-0 {
		margin-left : 0;
	}
}

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
	position      : relative;
	min-height    : 1px;
	padding-right : 15px;
	padding-left  : 15px;
}

.v-top,
.v-inline-top {
	float: none!important;
	display: table-cell;
	vertical-align: top;
}
.v-middle,
.v-inline-middle {
	float: none!important;
	display: table-cell;
	vertical-align: middle;
}
.v-bottom,
.v-inline-bottom {
	float: none!important;
	display: table-cell;
	vertical-align: bottom;
}
.v-inline-top,
.v-inline-middle,
.v-inline-bottom {
	display: inline-block;
}
.card-tiles .hbox-column {
	padding: 20px;
}
.text-light {
	font-weight: 300;
}
.text-normal {
	font-weight: 400 !important;
}
.text-medium {
	font-weight: 500;
}
.text-bold,strong {
	font-weight: 700;
}
.text-ultra-bold {
	font-weight: 900;
}
.text-underline,
.text-underline:hover,
.text-underline:focus {
	text-decoration : underline;
}
.text-line-through {
	text-decoration: line-through ;
}
h1 > strong,
h2 > strong,
h3 > strong,
h4 > strong,
h5 > strong,
h6 > strong {
	font-weight: 700;
}
h3,
h4,
h5,
h6 {
	font-weight: 500;
}
.text-display-lines {
	line-height: 1.1;
}
.text-display-lines span,
.text-display-lines p,
.text-display-lines h1,
.text-display-lines h2,
.text-display-lines h3,
.text-display-lines h4,
.text-display-lines h5,
.text-display-lines h6 {
	position: relative;
}
.text-display-lines span:before,
.text-display-lines p:before,
.text-display-lines h1:before,
.text-display-lines h2:before,
.text-display-lines h3:before,
.text-display-lines h4:before,
.text-display-lines h5:before,
.text-display-lines h6:before,
.text-display-lines span:after,
.text-display-lines p:after,
.text-display-lines h1:after,
.text-display-lines h2:after,
.text-display-lines h3:after,
.text-display-lines h4:after,
.text-display-lines h5:after,
.text-display-lines h6:after {
	content: '';
	position: absolute;
	display: block;
	height: 1px;
	width: 100%;
	background: #ff00cc;
}
.text-display-lines span:before,
.text-display-lines p:before,
.text-display-lines h1:before,
.text-display-lines h2:before,
.text-display-lines h3:before,
.text-display-lines h4:before,
.text-display-lines h5:before,
.text-display-lines h6:before {
	top: 0;
}
.text-display-lines span:after,
.text-display-lines p:after,
.text-display-lines h1:after,
.text-display-lines h2:after,
.text-display-lines h3:after,
.text-display-lines h4:after,
.text-display-lines h5:after,
.text-display-lines h6:after {
	bottom: 0;
}
.text-xs {
	font-size: 75% !important;
}
.text-sm {
	font-size: 85% !important;
}
.text-md {
	font-size:14px !important;
}
.text-lg {
	font-size: 125% !important;
}
.text-x {
	font-size: 160% !important;
}
.text-xl {
	font-size: 180% !important;
}
.text-xxl {
	font-size: 225% !important;
}
.text-xxxl {
	font-size: 330% !important;
}
.text-xxxxl {
	font-size: 500% !important;
}
.text-xxxxxl {
	font-size: 900% !important;
}
.text-16{
	font-size: 16px !important;
}
.text-columns-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}
.text-columns-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}
.text-columns-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}
.text-columns-sm {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}
.text-columns {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}
.text-columns-lg {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 24px;
	-moz-column-gap: 24px;
	column-gap: 24px;
}

@media (max-width: 992px) {
	.text-columns-sm {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.text-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.text-columns-lg {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.confirm_adult_wrap .table-cell{
		display: table-row !important;
	}
	.confirm_adult_wrap.tabled{
		border-spacing:0 16px !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.confirm_adult_row > .col-md-12{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.modal_adult_confirm_phone .modal-dialog .pc_mobile_padding, .modal_adult_confirm_card .modal-dialog .pc_mobile_padding{
		padding: 15px 15px 0 !important;
	}
	.modal_adult_confirm_phone .modal-dialog hr.row, .modal_adult_confirm_card .modal-dialog hr.row{
		margin-right: -15px !important;
		margin-left: -15px !important;
	}
	.modal_adult_confirm_card, .modal_adult_confirm_phone{
		padding-left:0;
	}
}
@media (max-width: 769px) {
	.text-columns-sm {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.text-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.text-columns-lg {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
}
@media (max-width: 480px) {
	.text-columns-sm {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.text-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
	.text-columns-lg {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 24px;
		-moz-column-gap: 24px;
		column-gap: 24px;
	}
}
.line-height-normal {
	line-height: 1.846153846;
}
.line-height-lg {
	line-height: 2.146153846;
}
.line-height-xl {
	line-height: 2.396153846;
}
.line-height-xxl {
	line-height: 2.746153846;
}
.line-height-100 {
	line-height: 100px;
}
.text-caption {
	display: block;
	margin-bottom: 29px;
	font-size: 12px;
}
.card ~ .text-caption,
.panel-group ~ .text-caption {
	margin-top: -15px;
}
.no-linebreak {
	white-space: nowrap;
}
.text-shadow {
	text-shadow: 0 1px 2px #000000;
}
.vertical-top {
	vertical-align: top !important;
}
.vertical-middle {
	vertical-align: middle !important;
}
.vertical-bottom {
	vertical-align: bottom !important;
}
.vertical-initial {
	vertical-align: initial !important;
}
blockquote small {
	color: inherit;
	opacity: .7;
}
.style-chat {
	background:#F5F5F5;
	border: none;
	font-size:14px;
	border-radius: 25px;
	border-top-left-radius: 0;
	margin:5px 0 8px;
	color:#212121;
}
.style-chat.reverse {
	background: #CBF0EE;
	border-top-left-radius: 25px;
	border-top-right-radius: 0;
}
.style-article {
	padding:0;
	border:none;
	font-size:14px;
	margin:5px 0 8px;
}
.form-control.input-comment {
	width:100%;
	border:1px solid #E0E0E0;
	padding:4px 5px;
	color:#212121;
	background: #fff;
	min-height: 60px;
	margin-bottom:8px;
}
/* input width 임시 처리 */ 
input {
  border-width: 1px;
}
div.form-control {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../../../images/site/ico_menu-down.png) no-repeat center right;
	background-size: 24px 24px;
	padding-right: 24px;
}
div.form-control.privacy {
	background: #FAFAFA;
	min-height: 125px;
	padding: 20px;
	border :1px solid #ccc;
	overflow-y: auto;
}
.parcel.form-control:focus,.parcel.form-control:active  {
	padding-right: 80px;
}
.input-comment:focus {
	border-color: #1A6DFF;
	box-shadow:none;
}
.input-comment.comment-display {
	min-height: 60px; margin-bottom:8px;
}
.list.list-feedback {
	line-height:1.42857;
}
.list.list-image {
	line-height:1.42857;
}
article img.pull-right,
p img.pull-right {
	margin-left: 10px;
	margin-bottom: 2px;
}
article img.pull-left,
p img.pull-left {
	margin-right: 10px;
	margin-bottom: 2px;
}
ul,
ol {
	padding-left: 16px;
}
.alert > p {
	margin-bottom: 0;
}
.alert > ul {
	margin-bottom: 10px;
}
.alert > p + p {
	margin-top: 10;
}
ul.list-divided li,
ol.list-divided li {
	margin-top: 16px;
}
ul.list-divided li:first-child,
ol.list-divided li:first-child {
	margin-top: 0;
}

.page-header {
	border-bottom-color: rgba(0, 0, 0, 0.3);
}
.page-header.no-border {
	border: none;
	margin-bottom: 10px;
	padding-bottom: 0;
}
.text-divider {
	display: table;
	width: 100%;
	margin: 13px 0 20px 0;
	opacity: 0.5;
}
.text-divider span {
	display: table-cell;
	padding: 0 10px;
	position: relative;
	bottom: -7px;
	white-space: nowrap;
}
.text-divider:before,
.text-divider:after {
	content: '';
	width: 50%;
	display: table-cell;
	border-bottom: 1px solid rgba(12, 12, 12, 0.3);
}
.dl-horizontal.dl-icon dd {
	margin-bottom: 15px;
}
@media (min-width: 769px) {
	.dl-horizontal.dl-icon dt {
		width: 30px;
		text-align: left;
		padding-top: 5px;
	}
	.dl-horizontal.dl-icon dd {
		margin-left: 35px;
	}
}
.dl-horizontal dd.full-width {
	margin-left: 0;
}
.text-default-bright {
	color: #ffffff;
}
a.text-default-bright:hover {
	color: #e6e6e6;
}
.text-default-light {
	color: #BDBDBD;
}
a.text-default-light:hover {
	color: #7c8383;
}
.text-default {
	color: #212121 !important;
}
a.text-default:hover {
	color: #191a1a;
}
.text-default-dark {
	color: #20252b;
}
a.text-default-dark:hover {
	color: #0a0c0e;
}
.text-danger {
	color: #fb4637 !important;
}
.text-primary-bright {
	color: #b3e3ff;
}
a.text-primary-bright:hover {
	color: #a2e5e1;
}
.text-primary-light {
	color: #7dd8d2;
}
a.text-primary-light:hover {
	color: #56cdc5;
}
.text-primary {
	color: #1A6DFF !important;
}
a.text-primary:hover {
	color: #0053D9;
}
.text-primary-dark {
	color: #066265;
}
a.text-primary-dark:hover {
	color: #033334;
}
.text-accent-bright {
	color: #FDDCE4;
}
a.text-accent-bright:hover {
	color: #F6D6DD;
}
.text-accent-light {
	color: #ff7d94;
}
a.text-accent-light:hover {
	color: #F7C1CC;
}
.text-accent {
	color: #fa565a;
}
a.text-accent:hover {
	color: #771e86;
}
.text-accent-dark {
	color: #D8254D;
}
a.text-accent-dark:hover {
	color: #CD2349;
}
.text-info {
	color: #267ddc;
}
a.text-info:hover {
	color: #0c7cd5;
}
.text-alert-light {
	color:#B7E8E8
}
.text-yellow {
	color:#ffd800
}
a.text-yellow:hover {
	color:#E8D544
}
.text-warning {
	color: #FFA700;
}
.text-warning-light {
	color:#FFEEB7;
}
a.text-warning:hover {
	color: #cc7a00;
}
.text-gold{
	color: #d68000;
}
.text-danger {
	color: #fa565a;
}
a.text-danger:hover {
	color: #ea1c0d;
}
.text-success {
	color: #5DC03E;
}
a.text-success:hover {
	color: #3d8b40;
}
.text-success-light {
	color:#CDFABE;
}
.text-green{
	color: #27AE60;
}
.text-gray, a.text-gray {
	color:#535858 !important;
}
.text-gray-light, a.text-gray-light {
	color:#757575;
}
.text-gray-bright, a.text-gray-bright {
	color: #888 !important;
}
.text-label {
	color: #7F7F7F;
}
.text-placeholder {
	color: #b0b5b4;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
	vertical-align: middle;
}
.fr-view table > thead > tr > th,
.fr-view table > thead > tr > td,
.fr-view table > tbody > tr > th,
.fr-view table > tbody > tr > td,
.fr-view table > tfoot > tr > th,
.fr-view table > tfoot > tr > td {
	padding: 8px;
}
.fr-view img {
	max-width: 100%;
}
.fr-view img.fr-rounded {
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
}
img.shadow {
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0,0,0,.2);
}
.header-badge {
	background     : #1A6DFF;
	width          : 28px;
	height         : 18px;
	display        : inline-block;
	text-align     : center;
	border-radius  : 15px;
	font-size      : 12px;
	line-height    : 18px;
	vertical-align : top;
	margin-left    : 2px;
	font-weight    : bold;
}
.header-badge.badge-danger {
	background     : #fc5f64;
}
#base {
	overflow: hidden;
	padding-left: 0;
	width: 100%;
	min-height: 100%;
}
#base > .backdrop {
	position: fixed;
	z-index: 3002;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: block;
	background-color: rgba(12, 12, 12, 0.33);
}

#base.hide-backdrop > .backdrop {
	display: none;
	position: relative;
}
#content {
	position    : relative;
	width       : 100%;
	left        : 0;
	padding-top : 50px;
}
.fixed_db_banner ~ #content {
	padding-top: 100px;
}

@media (min-width: 992px) {
	.menubar-pin #base {
		padding-left: 230px;
	}
}
@media (min-width: 769px) {
	.full-content #base,
	.full-content #content {
		height: 100%;
	}

}
@media (max-width: 768px) {
	#base {
		padding-left: 0;
		padding-right: 0;
	}
	.control_mobile_width{
		padding-left: 20px;
	}

}
.top_header {
	position   : absolute;
	left       : 230px;
	right      : 0;
	min-height : 50px;
	z-index    : 1003;
	background : #fff;
	box-shadow : 0 1px 3px 0 rgba(0,0,0,0.1);
}
.header-fixed .top_header {
	position: fixed;
}
.no-sidebar .top_header {
	right: 12px;
}

.sidebar-mini .top_header,
.sidebar-mini .alert-danger-box {
	left : 63px;
}
.headerbar {
	position: relative;
	min-height: 50px;
}
.headerbar:before,
.headerbar:after {
	content: " ";
	display: table;
}
.headerbar:after {
	clear: both;
}
.headerbar .navbar-devider {
	display: block;
	width: 20px;
	height: 5px;
}
.headerbar-center {
	position: absolute;
	left:50%;
	top:50%;
	text-align: center;
	max-width: 300px;
	margin-left:auto;
	margin-right:auto;
	color:#212121;
	transform: translate(-50%,-50%);
}
.headerbar-center > a > span:after {
	content: "\f2f9";
	font-size:14px;
	margin-left:10px;
	color:#757575;
	font-family: 'Material-Design-Iconic-Font';
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
}
.headerbar-center > a > span {
	display: block;
	font-size:18px;
}
.headerbar-left {
	position: absolute;
}
.headerbar-left .header-nav {
	margin-left: 30px;
	margin-bottom: 0;
}
.headerbar-left .header-nav li > .menubar-toggle {
	line-height: 50px;
	width: 36px;
	height: auto;
}
.headerbar-right {
	float: right;
	padding: 8px 0;
}
.headerbar-right .header-nav {
	display: inline-block;
	float: left;
	margin:0;
}
.headerbar-right .header-text {
	padding-top:8px;
}
.headerbar-right .dropdown-menu,
.top_nav_area .btn_wrap .dropdown-menu {
	left: auto;
	right: 0;
}
.headerbar-right .header-nav-toggle {
	margin-left: 0;
}
.header-nav {
	padding-left: 0;
	list-style: none;
}
.header-nav > li {
	position: relative;
	display: block;
	float: left;
}
.headerbar-right .header-nav > li {
	margin-left:5px;
}

.header-nav > li:first-child {
	padding-left: 0;
}
.header-nav > li > a {
	position: relative;
	display: block;
}
.header-nav .open > a,
.header-nav .open > a:hover,
.header-nav .open > a:focus {
	background-color: #e5e6e6;
	border-color: #1A6DFF;
}
.header-nav > li > a > img {
	max-width: none;
}
.header-nav .divider {
	margin:0 12px;
}
.header-nav .btn-icon-toggle i {
	font-size: 1.2em;
	line-height: 23px;
}
.headerbar-right .header-nav .btn-icon-toggle {
	font-size: 16px;
	color:#4c4c4c;
	width: 52px;
	height: 52px;
	line-height: 52px;
}
.headerbar-right .header-nav .btn-icon-toggle.btn-img {
	width: 52px;
	height: 52px;
	line-height: 46px;
}
.headerbar-right .header-nav .btn-icon-toggle.btn-img > img {
	opacity: 0.7;
	width: 20px;
	height: 20px;
}
.header-nav .btn-icon-toggle:hover {
	background-color: #f5f5f5
}
.header-nav .navbar-search {
	float: right;
}
.header-nav .header-nav-brand {
	display: inline-table;
	padding: 0;
	height: 50px;
}
.header-nav .header-nav-brand .brand-holder {
	display        : table-cell;
	vertical-align : middle;
	padding-left   : 0;
}
.header-nav .header-nav-brand .brand-holder.search-holder {
	width: 240px;
}
.header-nav .header-nav-brand a {
	text-decoration: none;
}
.header-nav .header-nav-brand img {
	max-height: 30px;
	max-width: 80px;
}
.side-nav-profile {
	margin-bottom:0;
	list-style: none;
	padding:0;
}
.profile-mysite {
	border-top:1px solid #e5e5e5;
	border-left:none;
	border-right:none;
}
.profile-mysite a.btn {
	color:#969c9c;
}
.profile-mysite small span {
	margin-left:15px;
	color:#BDBDBD
}
.profile-mysite small span.danger {
	color:#ff4345;
}
.profile-mysite .list {
	max-height: 180px;
	overflow: auto
}
.profile-mysite .list .tile .tile-text {
	font-size: 14px;
}
.profile-mysite .list .tile .tile-content {
	padding-left:25px;
}
.profile-mysite .list .tile .tile-content.addsite {
	padding:20px 0 20px 0;
	font-size:20px;
	width:100%
}
.profile-mysite .list .tile > a:hover {
	color:#222;
}
.profile-footer {
	padding:10px 0;
	overflow: hidden;
	background:#f5f5f5
}
.profile-footer a.btn {
	text-align: left;
	padding-left:22px;
	padding-right:22px;
	color:#1A6DFF;
}
.profile-footer a.btn.right {
	text-align: right
}
.profile-footer a.btn:hover {
	background: none;
	color:#00857F;
}

.dropdown.notify .dropdown-header a {
	display: inline-block;
	padding:0;
}
.dropdown.notify .dropdown-header h4 {
	display: inline-block;
}
.header-nav-profile .dropdown .dropdown-menu {
	min-width: 100%;
}
.header-nav-profile .dropdown.open {
	color: #313534;
}
.header-nav-profile .dropdown.open > a {
	min-height: 82px;
	background-color: #ffffff;
	border-color: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.header-nav-profile .dropdown.open > a:after {

	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.header-nav-profile .dropdown.open .dropdown-menu {
	margin-top: -1px;
	border-top: none;
	width:344px;
}
.header-nav-options .dropdown > a .badge {
	position: absolute;
	font-size: 10px;
	height: 14px;
	padding-top:2px;
	top: 10px;
	left: 30px;
	font-weight: normal;
}
.header-nav-options .dropdown .dropdown-menu {
	top: 14px;
	width:344px;
}
.description-list.li-lg li {
	margin-bottom:12px;
	line-height: 1.5;
}
.circle-list li {
	list-style-type: circle;
}
.modal-body h4 {
	margin: 16px 0;
	font-weight: bold;
}
.modal_trace_manual .modal-body, .modal_site_api_manual .modal-body {
	font-size: 14px;
}
ol.description-list, ul.description-list {
	margin:12px 0;
}
ol.description-list img, ul.description-list img {
	margin-bottom: 20px;
}
.description-list li {
	margin-bottom: 6px;
}
@media (min-width: 970px) {
	.menubar-first.menubar-pin .header-nav .header-nav-brand {
		display: none;
	}
	.menubar-first.menubar-pin .top_header {
		left: 256px;
	}
}
@media (min-width: 769px) {
	.menubar-first .top_header .menubar-toggle {
		display: none;
	}
	.menubar-first .top_header {
		left: 64px;
	}
	.headerbar-left .header-nav {
		margin-left:24px;
	}
	.headerbar-right .header-nav:last-child {
		margin-right:24px;
	}
}
@media (max-width: 768px) {
	.top_header {
		position: relative;
	}

	.right-menu-fixed .dashboard-profile .dropdown-submenu > .dropdown-menu.pull-left {
		left  : 100%;
		right : auto;
	}
	.headerbar-left .header-nav {
		margin-left:8px;
	}
	.headerbar-right .header-nav:last-child {
		margin-right:12px;
	}
	.header-fixed .top_header {
		left:0 !important;
	}
	.header-nav-profile .dropdown > a {
		padding:16px 12px 12px;
		content: '';
	}
	.header-nav-profile .dropdown > a:after {
		content: '';
	}
	.header-nav-profile .dropdown.open > a {
		padding:16px 12px 12px;
		content: '';
	}
	.header-nav-options .dropdown .dropdown-menu {
		position:fixed;
		left:50%;
		margin-left:-172px;
	}
	.headerbar-right .dropdown-menu.check {
		min-width: 170px;
		left: -100px;
	}
	.headerbar-right .dropdown-menu.check > div > li > a {
		padding: 8px 10px 8px 24px;
	}

	.mobile-headerbar-right {
		position : fixed;
		right    : 15px;
		top      : 0;
		z-index  : 1500;
		padding  : 12px 0;
	}
}
@media only screen and (max-width:992px) {
	.top_header {
		left:0;
	}
	.headerbar-center {
		top:30px;
	}
	.header-nav-profile .dropdown > a {
		min-height: 64px;
		padding-top:18px;
	}
	.header-nav-profile .dropdown img {
		width: 28px;
		height:28px;
		border-radius: 28px;
	}
	.headerbar-right .header-nav .btn-icon-toggle {
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size:20px;
	}
	.header-nav-options .dropdown > a .badge {
		top:0;
		left:20px;
	}
	.header-nav-profile .dropdown.open > a {
		min-height: 64px;
	}
	.headerbar-right .header-nav .btn-icon-toggle.btn-img {
		width: 40px;
		height: 40px;
		line-height: 32px;
		margin-right:8px;
	}
	.headerbar-right .header-nav .btn-icon-toggle.btn-img > img {
		width: 20px;
		height: 20px;
	}
	.alert-danger-box {
		left: 0 !important;
	}
}
.top_header.header-inverse {
	background: #242a31;
	color: rgba(255, 255, 255, 0.6);
}
.header-inverse .header-nav .btn-icon-toggle:hover {
	background-color: rgba(255, 255, 255, 0.15);
}
@media (max-width: 768px) {
	.header-inverse .headerbar-left {
		background: #242a31;
		border-bottom-color: rgba(255, 255, 255, 0.15);
	}
	.header-inverse .headerbar-right {
		background: #242a31;
	}
}
#menubar {
	position: fixed;
	z-index: 1004;
	left: 0;
	top: 0;
	bottom: 0;
	width: 256px;
}
.menubar-first #menubar {
	z-index: 1006;
}
#menubar:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	background: #353535;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
#menubar .nano:focus,
#menubar .nano-content:focus {
	outline: none;
}
#menubar .nano-pane {
	z-index: 2;
	width: 5px;
	background: transparent;
}
#menubar .nano-slider {
	background: rgba(12, 12, 12, 0.2);
}
#menubar .menubar-scroll-panel {
	position: relative;
	z-index: 999999;
	min-height: 100%;
}

#menubar .menubar-foot-panel {
	position   : absolute;
	left       : 0;
	bottom     : 50px;
	width      : 100%;
	background : #292929;
	font-size  : 14px;
	color      : #fff;
}
.partner #menubar .menubar-foot-panel {
	bottom     : 0;
}
.sidebar-mini .menubar-foot-panel {
	width: 63px;
}
.sidebar-mini .partner_recode {
	opacity : 0;
}
.sidebar-mini #menubar:hover .partner_recode {
	opacity: 1;
}
.menubar-foot-panel a.block {
	padding  : 15px 0;
	position : relative;
}
.menubar-foot-panel .icons {
	position: absolute;
	left: 30px;
	top: 18px;
}

.menubar-foot-panel .dropdown-menu {
	min-width    : 110px;
	margin-right : 10px;
	top          : auto;
	bottom       : 100%;
}
.menubar-foot-panel .right_icon,
.sidebar-mini .menubar-foot-panel .left_icon {
	opacity: 0;
}
.sidebar-mini .menubar-foot-panel .right_icon,
.menubar-foot-panel .left_icon {
	opacity: 1;
}
.menubar-foot-panel .panel-text {
	margin-left : 55px;
}

.menubar-foot-panel .icon-globe {
	font-size  : 1.2em;
	position   : absolute;
	left       : 23px;
	top        : 50%;
	margin-top : -8px;
}
.menubar-foot-panel.partner-foot-panel {
	padding: 0;
	background: transparent;
}
.menubar-foot-panel.partner-foot-panel > ul.gui-controls {
	margin-bottom: 4px;
}
.menubar-foot-panel.style-default-bright {
	background-color: #ffffff;
	color: #313534;
}
.menubar-foot-panel.style-default-bright a {
	font-size: 14px;
}
.menubar-foot-panel.style-default-bright i {
	font-size: 15px;
	margin-right: 5px;
}
.menubar-visible #menubar {
	width: 230px;
}
body:not(.header-fixed) #menubar,
.menubar-first #menubar {
	top: 0;
}
.global_icon_menu {
	display        : table-cell;
	height         : 100%;
	vertical-align : middle;
	padding-right  : 45px;
}
.logo_icon_menu {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	max-width: 160px;
	text-overflow: ellipsis;
}
.global_icon_menu .title_controls {
	max-width: 120px;
	display: block;
	text-overflow: ellipsis;
}
.sidebar-mini #menubar .global_icon_menu:before {
	width:20px;
}
.sidebar-mini #menubar:hover .global_icon_menu:before {
	width:185px;
}
.logo_icon_menu {
	display: block;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.logo_icon_menu img.logo_admin {
	width: 70px;
}
.logo_icon_menu img {
	max-height: 36px;
	max-width: 75px;
}
.logo_icon_menu span {
	font-size:20px;
}
.menubar-scroll-panel > .tabled {
	height        : 39px;
	color         : #fff;
	position      : relative;
	margin-top: 14px;
}
.fold_area {
	height: 50px;
	color: #fff;
	background: #353535;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1003;
	width: 230px;
	border-bottom :1px solid #49494a;
}
.sidebar-mini.menubar-pin .fold_area {
	width: 63px;
}
.fold_area #toggle_button {
	letter-spacing : -3px;
	position       : absolute;
	right          : 7px;
	top            : 0;
	padding        : 0 18px;
	line-height    : 50px;
	z-index        : 1;
	display        : none;
}
.sidebar-mini .fold_area {
	padding-left: 0 !important;
}
.sidebar-mini #menubar:hover ~ .fold_area {
	padding-left: 24px !important;
}
.fold_area:hover #toggle_button,
.sidebar-mini .fold_area #toggle_button,
.sidebar-mini #menubar:hover ~ .fold_area .logo_icon_menu {
	display : block;
}
.sidebar-mini .fold_area #toggle_button .right,
.sidebar-mini .fold_area:hover #toggle_button .right {
	display: inline;
}
.fold_area:hover #toggle_button .right,
.sidebar-mini .fold_area #toggle_button .left,
.sidebar-mini .fold_area:hover #toggle_button .left,
.sidebar-mini .fold_area .logo_icon_menu {
	display : none;
}
.sidebar-mini .menubar-scroll-panel > .tabled .table-cell {
	padding-right : 0 !important;
}
.sidebar-mini .fold_area #toggle_button {
	right : 7px;
}
.menubar-scroll-panel > .tabled .preview_icon {
	padding     : 0 24px 0 16px;
	position    : absolute;
	right       : 0;
	top         : -1px;
	line-height : 44px;
	font-size   : 11px;
	z-index     : 1;
}
.menubar-fixed-panel {
	position: relative;
	display: inline-table;
	width: 100%;
	height: 64px;
	z-index: 10;
	border-bottom: 1px solid rgba(12, 12, 12, 0.07);
}
.menubar-fixed-panel > div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 12px;
}
.menubar-fixed-panel > div:first-child {
	max-width: 26px;
}
.menubar-fixed-panel a {
	text-decoration: none;
}
.menubar-fixed-panel img {
	max-height: 48px;
}
.menubar-fixed-panel .expanded {
	display: none;
}
.menubar-visible .menubar-fixed-panel .expanded,
.menubar-pin .menubar-fixed-panel .expanded {
	display: table-cell;
}
body:not(.menubar-first) .menubar-fixed-panel {
	display: none;
}
#menubar.menubar-inverse {
	color: rgba(255, 255, 255, 0.55);
}
#menubar.menubar-inverse:before {
	background: #2b323a;
}
#menubar.menubar-inverse .nano-slider {
	background: rgba(255, 255, 255, 0.4);
}
.hidden-folded {
	display: none;
}
.menubar-visible .hidden-folded {
	display: inherit;
}
.sidebar-mini.menubar-pin #base {
	padding-left: 63px;
}
.menubar-pin #menubar .title_controls,
.menubar-foot-panel .panel-text  {
	transition: none;
}
.menubar-foot-panel .panel-text.wide_menu,
.sidebar-mini #menubar:hover ~ .menubar-foot-panel .panel-text.fold_menu {
	display: none;
}
.menubar-foot-panel .panel-text.fold_menu,
.sidebar-mini #menubar:hover ~ .menubar-foot-panel .panel-text.wide_menu {
	display: block;
}
.menubar-pin #menubar span.title_controls,
.menubar-foot-panel .panel-text {
	white-space: nowrap;
	overflow: hidden;
}
.sidebar-mini.menubar-pin #menubar {
	width: 63px;
}
.sidebar-mini.menubar-pin #menubar .gui-folder > a:after,
.sidebar-mini.menubar-pin #menubar .title_controls,
.sidebar-mini.menubar-pin .menubar-foot-panel .panel-text,
.sidebar-mini.menubar-pin #menubar .gui-folder .badge_icon,
.sidebar-mini.menubar-pin #menubar .gui-controls li > a .badge_icon,
.sidebar-mini.menubar-pin .gui-controls li .title.partner_menu_title,
.sidebar-mini.menubar-pin #menubar .gui-controls li.top-menu {
	opacity: 0;
}
.sidebar-mini #menubar:hover,
.sidebar-mini #menubar:hover ~ .menubar-foot-panel,
.sidebar-mini #menubar:hover ~ .fold_area {
	width: 230px;
}
.sidebar-mini #menubar:hover .gui-folder > a:after,
.sidebar-mini #menubar:hover .title_controls,
.sidebar-mini #menubar:hover .menubar-foot-panel .panel-text,
.sidebar-mini.menubar-pin #menubar:hover .gui-folder > a:after,
.sidebar-mini.menubar-pin #menubar:hover .gui-folder .badge_icon,
.sidebar-mini.menubar-pin #menubar:hover .gui-controls li > a .badge_icon,
.sidebar-mini.menubar-pin #menubar:hover .gui-controls li .title.partner_menu_title,
.sidebar-mini.menubar-pin #menubar:hover .gui-controls li.top-menu {
	opacity: 1;
}
.sidebar-mini.menubar-pin #menubar .gui-controls li.top-menu > div {
	display: none;
}
.sidebar-mini.menubar-pin #menubar:hover .gui-controls li.top-menu > div {
	display: block;
}
.menubar-pin .brand-holder {
	padding-left: 61px;
}
.top_nav_area {
	height             : 49px;
	background         : #fff;
	padding            : 0 24px !important;
	position           : fixed;
	top                : 0;
	width              : calc(100% - 230px);
	left               : 230px;
	z-index            : 1004;
	-webkit-box-shadow : 0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow         : 0 1px 3px 0 rgba(0, 0, 0, 0.10);
}
.sidebar-mini .top_nav_area {
	width: calc(100% - 63px);
	left: 63px;
}
.top_nav_area h3 {
	font-weight: normal;
	margin: 0;
	font-size: 16px;
	line-height: 49px;
}
.top_nav_area .btn_wrap {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -17px;
}
.top_nav_area .btn_wrap li {
	margin-left: 5px;
}
.top_nav_area .check_form > * {
	display: inline-block;
}
@media (min-width: 992px) {
	.menubar-pin #menubar {
		width: 230px;
		padding-bottom: 50px;
		margin-top: 50px;
	}
	.menubar-pin .hidden-folded {
		display: inherit;
	}
}
@media (max-width: 992px) {
	#content {
		padding-top: 50px;
	}
	#menubar .menubar-scroll-panel {
		padding-top : 0;
	}
	.fold_area {
		top: 50px;
		z-index: 1014;
		-webkit-transform: translate(-250px, 0);
		-ms-transform: translate(-250px, 0);
		-o-transform: translate(-250px, 0);
		transform: translate(-250px, 0);
		-webkit-transition: -webkit-transform 0.5s ease-in;
		-moz-transition: -moz-transform 0.5s ease-in;
		-o-transition: -o-transform 0.5s ease-in;
		transition: transform 0.5s ease-in;
	}
	.header-fixed .top_header {
		z-index: 1003;
	}
	.top_nav_area {
		padding: 0 15px !important;
		width: 100%;
		left: 0;
		position: relative;
		top: 0;
	}
	.top_nav_area .btn_wrap {
		right: 15px;
	}
	#menubar.animate,
	.fold_area.animate {
		-webkit-transition: width 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		-o-transition: width 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		transition: width 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	}
	#menubar {
		top:0;
		width: 230px;
		z-index: 1301;
		-webkit-transform: translate(-250px, 0);
		-ms-transform: translate(-250px, 0);
		-o-transform: translate(-250px, 0);
		transform: translate(-250px, 0);
		-webkit-transition: -webkit-transform 0.5s ease-in;
		-moz-transition: -moz-transform 0.5s ease-in;
		-o-transition: -o-transform 0.5s ease-in;
		transition: transform 0.5s ease-in;
	}
	.menubar-visible #menubar,
	.menubar-visible .fold_area {
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		-o-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		-moz-transition: -moz-transform 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		-o-transition: -o-transform 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
		transition: transform 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	}
	#menubar .menubar-foot-panel {
		bottom: 0;
	}
}

.right-menu-fixed .use_name:after {
	content                : "\f2f2";
	font-family            : 'Material-Design-Iconic-Font';
	position               : absolute;
	top                    : -4px;
	right                  : -13px;
	display                : inline-block;
	margin-left            : 0;
	color                  : #fff;
	font-size              : 18px;
	font-weight            : normal;
	-webkit-font-smoothing : antialiased;
}
.dashboard-profile {
	min-width : 180px;
	max-width : 280px;
	top       : 80%;
}
.dropdown-submenu {
	position: relative;
}
.dropdown-submenu > .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	border-radius: 0 6px 6px 6px;
	display: none;
	color: #333;
}
.dropdown-submenu > .dropdown-menu.pull-left {
	left: auto;
	right: 100%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.dropdown-submenu:hover > .dropdown-menu {
	display: block;
	min-width: 110px;
}
.text-ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}
.text-ellipsis span {
	margin-left: 15px;
}
.side-sub-nav {
	padding:0;
	margin-bottom:30px;
}
.side-sub-nav li {
	list-style: none;
}
.side-sub-nav li > a {
	color:#999;
	display: block;
	padding:15px 0;
}
.side-sub-nav li > a:hover {
	color:#212121;
}
.gui-controls {
	font-size: 12px;
	padding: 0;
	margin-bottom: 30px;
	margin-top: 0;
}
.gui-controls small {
	display: block;
	margin: 30px 12px 12px 12px;
	font-size: 10px;
	font-weight: 500;
	opacity: 0.7;
}
.menubar-visible .gui-controls small,
.menubar-pin .gui-controls small {
	color: rgba(12, 12, 12, 0.85);
}
.gui-controls li:first-child > small {
	margin-top: 0;
}
.gui-controls .badge {
	position: absolute;
	top: 1px;
	margin-left: 8px;
	border-radius: 2px;
	padding: 2px 4px;
	font-size: 10px;
}
.gui-controls li {
	list-style: none;
}
.gui-controls li.gui-folder > a {
	cursor: pointer;
}
.gui-controls li.gui-folder {
	border-top:1px solid transparent;
	border-bottom:1px solid transparent;
}
.gui-controls > li {
	position: relative;
}
.gui-controls > li.spacer {
	height:14px;
}
.gui-controls > li > a {
	color:#fff;
	position: relative;
	display: block;
	text-decoration: none;
	padding: 11px 0px;
	font-size: 13px;
	line-height: normal;
	border-radius: 0;
	padding-left: 0;
	min-height: 30px;
	min-width: 64px;
	white-space: nowrap;
	overflow: hidden;
}
.gui-controls > li > a.active, .gui-controls > li > a.active:hover {
	background-color:#1A6DFF;
}
.gui-controls > li > a.btn-flat {
	padding: 12px 0px;
}
.gui-controls > li > a:focus {
	outline: none;
}

.gui-controls > li ul > li > a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 6px 17px 6px 55px;
	font-size: 14px;
	line-height: normal;
	border-radius: 0;
	white-space: nowrap;
	overflow: hidden;
}
.gui-controls > li ul > li > a .title{
	color:#ccc;
	font-size:13px;
}
.gui-controls > li ul > li > a.btn-flat {
	padding: 7px 8.5px;
}
.gui-controls > li ul > li > a.active {
	background-color: #292929;
}
.gui-controls > li ul > li > a.active:hover {
	background-color: #292929;
}
.gui-controls > li.animated {
	opacity: 1;
	height: 42px;
	-webkit-transition: height 300ms ease, opacity 300ms ease;
	-o-transition:      height 300ms ease, opacity 300ms ease;
	transition:         height 300ms ease, opacity 300ms ease;
}
.gui-controls > li.animated > a {
	background: #49494a;
	height: 42px;
}
.gui-controls > li.animated.animated-hidden {
	opacity: 0;
	height: 0;
	border: none;
}
.expanded-menu-item-markup .gui-controls > li:not(.gui-folder) > a:hover {
	background-color: rgba(12, 12, 12, 0.07);
}
.expanded-menu-item-markup .gui-controls > li.active:not(.gui-folder) > a {
	background-color: #eee;
	-webkit-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.menubar-visible .gui-controls > li:not(.gui-folder) > a:hover {
	/*background-color: rgba(12, 12, 12, 0.07);*/
}
.menubar-visible .gui-controls > li.active:not(.gui-folder) > a {
	-webkit-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.menubar-visible .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover {
	background-color: #313942;
}
.menubar-visible .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a {
	background-color: #20252b;
}
.gui-controls > li ul > li.global > a > img {
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -7.5px;
}
.gui-controls li ul {
	padding: 0;
	display: none;
}
.gui-controls li.expanded > ul {
	display: block;
}
.gui-controls > li > ul > li > ul li:before {
	left: 51px;
}
.gui-controls > li > ul > li > ul a {
	padding-left: 78px;
}
.gui-controls > li > ul > li > ul a:before {
	left: 51px;
}
.gui-controls > li > ul > li > ul > li > ul li:before {
	left: 72px;
}
.gui-controls > li > ul > li > ul > li > ul a {
	padding-left: 99px;
}
.gui-controls > li > ul > li > ul > li > ul a:before {
	left: 72px;
}
.gui-controls > li > ul > li > ul > li > ul > li > ul li:before {
	left: 93px;
}
.gui-controls > li > ul > li > ul > li > ul > li > ul a {
	padding-left: 120px;
}
.gui-controls > li > ul > li > ul > li > ul > li > ul a:before {
	left: 93px;
}
.gui-controls > li > ul > li > ul > li > ul > li > ul > li > ul li:before {
	left: 114px;
}
.gui-controls > li > ul > li > ul > li > ul > li > ul > li > ul a {
	padding-left: 141px;
}
.gui-controls > li > ul > li > ul > li > ul > li > ul > li > ul a:before {
	left: 114px;
}
.gui-controls > li ul > li {
	position: relative;
}
.gui-controls > li ul > li:before {
	content: "";
	left: 30px;
	top: 15px;
	bottom: -15px;
	position: absolute;
	display: block;
	width: 1px;
	z-index: 1;
}
.gui-controls > li ul > li:first-child:before {
	top: 0;
}
.gui-controls > li ul > li:last-child:before,
.gui-controls > li ul > li.last-child:before {
	display: none;
}
.gui-controls > li ul > li > a:before {
	content: "";
	left: 30px;
	top: 10px;
	position: absolute;
	display: block;
	width: 21px;
	z-index: 1;
}
.sidebar-mini .gui-controls > li.active > a {
	background: #1A6DFF;
}
.sidebar-mini .gui-controls > li.active > a .gui-icon {
	color: #fff !important;
}
.sidebar-mini  #menubar:hover .gui-controls > li.active > a {
	background: #1A6DFF;
}
.sidebar-mini  #menubar:hover .gui-folder.active > a:after {
	color: #fff;
}
.sidebar-mini .gui-controls > li.expanded ul > li > a {
	display: none;
}
.sidebar-mini #menubar:hover .gui-controls > li.expanded ul > li > a {
	display: block;
}
.sidebar-mini .gui-controls > li.expanded ul > li > a:before {
	background: #ccc;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.sidebar-mini .gui-controls > li.expanded ul > li > a.active:before {
	background: #1A6DFF;
}
.sidebar-mini #menubar:hover .gui-controls > li.expanded ul > li > a:before {
	opacity: 0;
}
.gui-controls li .title {
	position           : relative;
	left               : -10px;
	display            : inline;
	padding-left       : 6px;
	white-space        : nowrap;
	overflow           : hidden;
	opacity            : 0;
	text-shadow        : none;
	-webkit-transition : all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	-o-transition      : all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	transition         : all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01);
	font-weight: 500;
}
.gui-controls li > a:hover {
	background: #292929;
}
.gui-controls li > a:hover .title, .gui-controls li > a:hover .gui-icon, .gui-controls li.gui-folder > a:hover .title, .gui-controls li.gui-folder > a:hover .gui-icon, .gui-controls li.gui-folder.active > a:hover .gui-icon {
	color: #eee;
}
.gui-controls li.active > a:hover .gui-icon {
	color:#fff;
}
.gui-controls li.active > a .title {
	color: #fff;
	font-weight: 500;
}
.gui-controls li.gui-folder > a .title {
	color: #fff;
}

.gui-controls li > a .badge_icon {
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	border-radius: 10px;
	margin-left: 7px;
	min-width: 18px;
	min-height: 18px;
	vertical-align: middle;
	line-height: 18px;
	text-align: center;
	font-family: Arial;
	padding: 0 3px;
	margin-top: -1px;
}

/*
.gui-controls li.gui-folder.expanded > a .title,
.gui-controls li.gui-folder.active > a .title {
  color: rgba(12, 12, 12, 0.85);
}
*/
.gui-controls > li > a .title {
	margin-left: 55px;
}
.expanded-menu-title .gui-controls li .title {
	left: 0;
	opacity: 1;
}
.menubar-visible .gui-controls li .title {
	left: 0;
	opacity: 1;
}
.gui-controls > li.top-menu {
	font-size: 12px;
	line-height: 14px;
}
.gui-controls > li.top-menu > div, .gui-controls > li.top-menu > a {
	padding: 13px 0 13px 24px;
	color: #888;
}
.gui-controls > li.top-menu:hover > a {
	color: #fff;
	background: none;
}
.gui-controls > li.top-menu i {
	position: absolute;
	top: 14px;
	right: 24px;
	padding: 4px;
	margin: -4px;
	border: 0;
	width: 21px;
	height: 21px;
	transition: .3s;
	font-size: 13px;
	color: #999;
}
.gui-controls > li.top-menu:hover i {
	color: #fff;
}
.gui-controls > li.divider {
	margin: 9px 24px;
	background: #49494A;
	height: 1px;
}
.gui-folder > a:after {
	content: "\f2f2";
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	top: 7px;
	right:24px;
	display: inline-block;
	margin-left: -12px;
	color: #555;
	font-size: 23px;
	font-weight: normal;
	opacity: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.gui-folder.expanding > a:after,
.gui-folder.expanded > a:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.gui-controls > .gui-folder > a:after {
	margin-left: 2px;
}
.gui-controls > .gui-folder.expanding > a:after,
.gui-controls > .gui-folder.expanded > a:after {
	margin-left: 0;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.expanded-menu-sign .gui-folder > a:after {
	opacity: 1;
}
.menubar-visible .gui-folder > a:after {
	opacity: 1;
}
.gui-icon {
	position: absolute;
	left: 12px;
	top: 0;
	width: 40px;
	height: 38px;
	color: #999;
	font-size: 1.2em;
	overflow: hidden;
	border-radius: 999px;
}
.gui-icon i:first-child {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 39px;
	width: 1em;
}
.gui-icon .btm.bt-mobile {
	left: 8px;
}

.gui-icon:hover img {
	left: -5px;
	top: -5px;
	width: 50px;
	height: 50px;
}
.gui-controls li.active:not(.expanded) .gui-icon {
	color:#777;
}
.gui-controls li.gui-folder.expanded.active .gui-icon{
	color:#777;
}
.gui-controls a.expanded .gui-icon,
.gui-controls li.active .gui-icon,
.gui-controls li.active .gui-icon:hover {
	color: #fff;
}
.gui-icon-active {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #1A6DFF;
}
.expanded-menu-icon .gui-folder:hover:not(.active) .gui-icon {
	color: #1A6DFF;
}
.expanded-menu-icon .gui-controls > li:not(.gui-folder) .gui-icon:hover {
	background: inherit;
}
.expanded-menu-icon .gui-icon:hover {
	background: inherit;
}
.menubar-visible .gui-folder:hover:not(.active) .gui-icon {
	/*
  color: #313534;
  */
}
.menubar-visible .gui-controls > li:not(.gui-folder) .gui-icon:hover {
	background: inherit;
}
.menubar-visible .gui-icon:hover {
	background: inherit;
}
.menubar-visible .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
	background-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}
.menubar-visible .menubar-inverse .gui-controls > li:not(.gui-folder) .gui-icon:hover {
	background: inherit;
}
.menubar-visible .menubar-inverse .gui-icon:hover {
	background: inherit;
}
.gui-controls a.blink .gui-icon {
	-webkit-animation: normal 1.4s 4 blink cubic-bezier(0.9, 0, 0.1, 1) 1s ease-in;
	-moz-animation: normal 1.4s 4 blink cubic-bezier(0.9, 0, 0.1, 1) 1s ease-in;
	-ms-animation: normal 1.4s 4 blink cubic-bezier(0.9, 0, 0.1, 1) 1s ease-in;
	-o-animation: normal 1.4s 4 blink cubic-bezier(0.9, 0, 0.1, 1) 1s ease-in;
	animation: normal 1.4s 4 blink cubic-bezier(0.9, 0, 0.1, 1) 1s ease-in;
}
@-moz-keyframes blink {
	50% {
		background-color: #ffffff;
		border-color: #ffffff;
		color: #1A6DFF;
	}
}
@-webkit-keyframes blink {
	50% {
		background-color: #ffffff;
		border-color: #ffffff;
		color: #1A6DFF;
	}
}
@keyframes blink {
	50% {
		background-color: #ffffff;
		border-color: #ffffff;
		color: #1A6DFF;
	}
}
@media (min-width: 970px) {
	/*
  .menubar-pin .gui-controls > li:not(.gui-folder) > a:hover {
    background-color: rgba(12, 12, 12, 0.07);
  }
  */
	.menubar-pin .gui-controls > li.active:not(.gui-folder) > a {
		background-color: #1A6DFF;
		-webkit-transition: background 0.3s linear;
		-o-transition: background 0.3s linear;
		transition: background 0.3s linear;
	}
	.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover {
		background-color: #313942;
	}
	.menubar-pin .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a {
		background-color: #20252b;
	}
	.menubar-pin .gui-controls li .title {
		left: 0;
		opacity: 1;
	}
	.menubar-pin .gui-folder > a:after {
		opacity: 1;
	}
	.menubar-pin .gui-folder:hover:not(.active) .gui-icon {
		/*
    color: #313534;
*/
	}
	.menubar-pin .gui-controls > li:not(.gui-folder) .gui-icon:hover {
		background: inherit;
	}
	.menubar-pin .gui-icon:hover {
		background: inherit;
	}
	.menubar-pin .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
		background-color: rgba(255, 255, 255, 0.12);
		color: #ffffff;
	}
	.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) .gui-icon:hover {
		background: inherit;
	}
	.menubar-pin .menubar-inverse .gui-icon:hover {
		background: inherit;
	}
}
.menubar-visible .menubar-inverse .gui-controls small,
.menubar-pin .menubar-inverse .gui-controls small {
	color: rgba(255, 255, 255, 0.55);
}
.menubar-inverse .gui-controls > li ul > li > a:active,
.menubar-inverse .gui-controls > li ul > li > a.active {
	background-color: #20252b;
}
.menubar-inverse .gui-controls > li ul > li > a:hover,
.menubar-inverse .gui-controls > li ul > li > a:focus {
	background-color: #313942;
}
.expanded-menu-item-markup .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover {
	background-color: #313942;
}
.expanded-menu-item-markup .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a {
	background-color: #20252b;
}
.menubar-visible .gui-controls > li:not(.gui-folder) > a:hover {
	/*
  background-color: rgba(12, 12, 12, 0.07);
  */
}
.menubar-visible .gui-controls > li.active:not(.gui-folder) > a {
	/*
  background-color: #eee;
  */
	-webkit-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
}
.menubar-visible .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover {
	background-color: #313942;
}
.menubar-visible .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a {
	background-color: #20252b;
}
.menubar-inverse .gui-controls > li ul > li:before {
	border-left: 1px dashed rgba(255, 255, 255, 0.3);
}
.menubar-inverse .gui-controls > li ul > li > a:before {
	border-bottom: 1px dashed rgba(255, 255, 255, 0.3);
}
.menubar-inverse .gui-controls li .title {
	color: rgba(255, 255, 255, 0.55);
	text-shadow: 0 1px 2px #000000;
}
.menubar-inverse .gui-controls li > a:hover .title {
	color: #ffffff;
}
.menubar-inverse .gui-controls li.active > a .title {
	color: #ffffff;
}
.menubar-inverse .gui-controls li.gui-folder > a .title {
	color: rgba(255, 255, 255, 0.5);
}
.menubar-inverse .gui-controls li.gui-folder.expanded > a .title,
.menubar-inverse .gui-controls li.gui-folder.active > a .title {
	color: rgba(255, 255, 255, 0.55);
}
.menubar-inverse .gui-folder > a:after {
	color: rgba(255, 255, 255, 0.5);
}
.menubar-inverse .gui-controls > .gui-folder.expanding > a:after,
.menubar-inverse .gui-controls > .gui-folder.expanded > a:after {
	color: rgba(255, 255, 255, 0.4);
}
.menubar-inverse .gui-icon {
	color: rgba(255, 255, 255, 0.65);
}
.menubar-inverse .gui-icon:hover {
	background-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}
.menubar-inverse .gui-controls a.expanded .gui-icon,
.menubar-inverse .gui-controls li.active .gui-icon,
.menubar-inverse .gui-controls li.active .gui-icon:hover {
	background-color: #eee;
	border-color: #eee;
	color: #1A6DFF;
}
.menubar-inverse .gui-icon-active {
	background-color: #1A6DFF;
	border-color: #ffffff;
	color: #ffffff;
}
.expanded-menu-icon .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
	background-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}
.expanded-menu-icon .menubar-inverse .gui-controls > li:not(.gui-folder) .gui-icon:hover {
	background: inherit;
}
.expanded-menu-icon .menubar-inverse .gui-icon:hover {
	background: inherit;
}
.menubar-visible .gui-folder:hover:not(.active) .gui-icon {
	/*
  color: #313534;
  */
}
.menubar-visible .gui-controls > li:not(.gui-folder) .gui-icon:hover {
	background: inherit;
}
.menubar-visible .gui-icon:hover {
	background: inherit;
}
.menubar-visible .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
	background-color: rgba(255, 255, 255, 0.12);
	color: #ffffff;
}
.menubar-visible .menubar-inverse .gui-controls > li:not(.gui-folder) .gui-icon:hover {
	background: inherit;
}
.menubar-visible .menubar-inverse .gui-icon:hover {
	background: inherit;
}
@media (min-width: 970px) {
	/*
  .menubar-pin .gui-controls > li:not(.gui-folder) > a:hover {
    background-color: rgba(12, 12, 12, 0.07);
  }
  */
	.menubar-pin .gui-controls > li.active:not(.gui-folder) > a {
		-webkit-transition: background 0.3s linear;
		-o-transition: background 0.3s linear;
		transition: background 0.3s linear;
	}
	.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) > a:hover {
		background-color: #313942;
	}
	.menubar-pin .menubar-inverse .gui-controls > li.active:not(.gui-folder) > a {
		background-color: #20252b;
	}
	.menubar-pin .gui-folder:hover:not(.active) .gui-icon {
		/*
    color: #313534;
  */
	}
	.menubar-pin .gui-controls > li:not(.gui-folder) .gui-icon:hover {
		background: inherit;
	}
	.menubar-pin .gui-icon:hover {
		background: inherit;
	}
	.menubar-pin .menubar-inverse .gui-folder:hover:not(.active) .gui-icon {
		background-color: rgba(255, 255, 255, 0.12);
		color: #ffffff;
	}
	.menubar-pin .menubar-inverse .gui-controls > li:not(.gui-folder) .gui-icon:hover {
		background: inherit;
	}
	.menubar-pin .menubar-inverse .gui-icon:hover {
		background: inherit;
	}
}
section {
	position: relative;
	padding: 24px;
}
section:first-child {
	padding-top: 0;
}
.row section {
	margin-bottom: 0;
}
section.full-bleed {
	padding: 0 !important;
}
section.login {
	padding-top:60px;
}
.section-body:first-child {
	margin-top: 24px;
}
.full-bleed .section-body:first-child {
	margin-top: 0;
}
.section-body.full-bleed {
	margin: 0 -24px;
}
.section-header {
	height: 64px;
	padding: 14px 0;
}
.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5,
.section-header h6 {
	text-shadow: none;
	line-height: 1.846153846;
	margin: 0;
}
.section-header h1 {
	margin-top: -9px;
	margin-bottom: -6px;
}
.section-header h2 {
	margin-top: -3px;
	margin-bottom: -6px;
}
.section-header h3 {
	margin-top: 0px;
}
.section-header h4 {
	margin-top: 5px;
}
.section-header h5 {
	margin-top: 9px;
}
.section-header h6 {
	margin-top: 8px;
}
.section-action {
	position: relative;
	height: 64px;
	padding-bottom: 8px;
	padding-top: 8px;
}
.section-action:before,
.section-action:after {
	content: " ";
	display: table;
}
.section-action:after {
	clear: both;
}
.full-content .section-action {
	position: fixed;
	z-index: 1001;
	bottom: 0;
	left: 64px;
	right: 0;
	-webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.33);
}
.section-action-row {
	padding: 6px 16px;
}
.section-floating-action-row {
	position: absolute;
	right: 24px;
	top: 0;
}
.section-floating-action-row .btn {
	top: -20px;
}
.section-floating-action-row .btn-lg {
	top: -28px;
}
.section-floating-action-row .btn-sm {
	top: -18px;
}
.section-floating-action-row .btn-xs {
	top: -15px;
}
section.section-account .img-backdrop {
	background-position: center;
	height: 0;
}
section.section-account .spacer {
	display: block;
	position: relative;
}
section.section-account .img-circle {
	float: left;
	right: 0;
	border: 5px solid #ffffff;
	margin-right: 20px;
	width: 120px;
	height: 120px;
}
@media (min-height: 500px) and (max-height: 700px) {
	section.section-account .img-backdrop,
	section.section-account .spacer {
		height: 150px;
	}
	section.section-account .img-circle {
		position: absolute;
		top: -80px;
		margin-right: 0;
	}
	section.section-account .img-backdrop {
		-webkit-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		-moz-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		-ms-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		-o-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		animation: backdrop-animation 0.8s ease-out 1s ease-in;
	}
	section.section-account .card-body {
		-webkit-animation: box-animation 1s ease-out 1s ease-in;
		-moz-animation: box-animation 1s ease-out 1s ease-in;
		-ms-animation: box-animation 1s ease-out 1s ease-in;
		-o-animation: box-animation 1s ease-out 1s ease-in;
		animation: box-animation 1s ease-out 1s ease-in;
	}
}
@media (min-height: 700px) {
	section.section-account .img-backdrop,
	section.section-account .spacer {
		height: 300px;
	}
	section.section-account .img-circle {
		position: absolute;
		top: -80px;
		margin-right: 0;
	}
	section.section-account .img-backdrop {
		-webkit-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		-moz-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		-ms-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		-o-animation: backdrop-animation 0.8s ease-out 1s ease-in;
		animation: backdrop-animation 0.8s ease-out 1s ease-in;
	}
	section.section-account .card-body {
		-webkit-animation: box-animation 1s ease-out 1s ease-in;
		-moz-animation: box-animation 1s ease-out 1s ease-in;
		-ms-animation: box-animation 1s ease-out 1s ease-in;
		-o-animation: box-animation 1s ease-out 1s ease-in;
		animation: box-animation 1s ease-out 1s ease-in;
	}
}
@-webkit-keyframes backdrop-animation {
	from {
		margin-top: -10px;
	}
	to {
		margin-top: 0;
	}
}
@keyframes backdrop-animation {
	from {
		margin-top: -10px;
	}
	to {
		margin-top: 0;
	}
}
@-webkit-keyframes box-animation {
	from {
		opacity: 0;
		margin-top: -20px;
	}
	to {
		opacity: 1;
		margin-top: 0;
	}
}
@keyframes box-animation {
	from {
		opacity: 0;
		margin-top: -20px;
	}
	to {
		opacity: 1;
		margin-top: 0;
	}
}
@media (min-width: 970px) {
	.menubar-pin.full-content .section-action {
		left: 256px;
	}
}
@media (min-width: 769px) {
	.full-content section {
		position: absolute;
		top: 64px;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: auto;
	}
	.full-content section.has-actions {
		bottom: 64px;
	}
}
@media (max-width: 768px) {
	section {
		padding: 12px;
	}
	.full-content section.has-actions {
		padding-bottom: 64px;
	}
	.full-content .section-action {
		left: 0;
	}
	.section-body:first-child {
		margin-top:16px;
	}
}
#pay_form_option_wrap label ~ .btn {
	margin-top:10px;
}
#pay_form_option .input-group:last-child {
	margin-bottom:0px;
}
.pg-target button {
	position:absolute;
	top:30px;
	right:30px;
}
.pg-target {
	background:#f6f6f8;
	position:absolute;
	top:150px;
	z-index:99;
	max-width:600px;
	width:100%;
	border-radius:3px;
	right:0;
	left:0;
	margin:0 auto;
}
.pg-target .form-group {
	margin-top:10px;
}
.pg-target .form-group img {
	width:53px;
}
.pg-target .form-group img:first-child {
	width:56px;
	margin-right:30px;
}
.table {border-collapse: separate; transform: translate3d(0, 0, 0);}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	vertical-align: middle;
	padding:8px;
	border-top: 1px solid #eee;
}
#shopFormListWrap .table tr:last-child > td, #bookingFormListWrap .table tr:last-child > td {
	border-bottom: 1px solid rgba(193, 193, 193, 0.31);
}
.table.no-thead > tbody > tr > th,
.table.no-thead > tbody > tr > td {
	border-top-width:0;
	border-bottom: 1px solid rgba(193, 193, 193, 0.31);
}
.table.no-thead > tbody > tr:last-child > th,
.table.no-thead > tbody > tr:last-child > td {
	border-bottom:0;
}
.table.table-sm-padding > tbody > tr > td, .table.table-sm-padding > tbody > tr > th {
	padding:6px 8px;
}
.card-body.no-padding .table.table-13px td {
	font-size:13px;
}
.input-form-scrollx {
		overflow-x: auto;
}

.card-body.no-padding .table > tbody > tr > td:first-child,
.card-body.no-padding .table > thead > tr > th:first-child,
.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > td:first-child {
	padding-left : 24px;
}
.card-body.no-padding .table.table-normal > tbody > tr > td:first-child,
.table.table-normal > thead > tr > th:first-child,
.table.table-normal > tbody > tr > td:first-child,
.table.table-normal > tbody > tr > th:first-child {
	padding-left : 0px;
}
.card-body.no-padding .table > tbody > tr > td:last-child,
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child,
.table > tbody > tr > th:last-child,
.shop-table table > tbody > tr:last-child td,
.table > tfoot > tr > td:last-child {
	padding-right:24px;
}
.shop-table table > tbody > tr:last-child td{
	padding-right: 8px;
}
.card-body.no-padding .table.table-normal > tbody > tr > td:last-child,
.table.table-normal > thead > tr > th:last-child,
.table.table-normal > tbody > tr > td:last-child,
.table.table-normal > tbody > tr > th:last-child,
.shop-table table.table-normal > tbody > tr:last-child td {
	padding-right:8px;
}
.card-body.no-padding .table.table-normal2 > tbody > tr > td:first-child,
.table.table-normal2 > thead > tr > th:first-child,
.table.table-normal2 > tbody > tr > td:first-child,
.table.table-normal2 > tbody > tr > th:first-child,
.table.table-normal2 > thead > tr > th
.table.table-normal2 > tbody > tr > th,
.table.table-normal2 > tbody > tr > td {
	padding: 3px 8px;
}
.table.table-width-auto {
	width: auto;
}
.table-price-type {
	border: 1px solid #ddd;
}
.table-price-type th,
.table-price-type td {
	padding: 6px 8px;
}
.table-price-type th {
	font-weight: bold;
}
.table-price-type tbody tr {
	border-top: 1px solid #ddd;
}
.table-price-type th:first-child,
.table-price-type td:first-child {
	text-align: left;
	padding-right: 24px;
}
.table-price-type th:last-child,
.table-price-type td:last-child {
	background: #fafafa;
	text-align: right;
	padding-left: 24px;
}
.shop-table table > tbody > tr:hover {
	background: rgba(0,0,0,0.03);
}
.shop-table table > tbody > tr .tab-icon { font-size: 11px; color: #757575; position: relative; bottom: 1px; }
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	padding: 8px 0;
}
.card-body.no-padding .table > tbody > tr:last-child > td,
.card-body.no-padding .table > tbody > tr:last-child > th,
.table.table-last-border > tbody >  tr:last-child > td {
	border-bottom:1px solid rgba(193, 193, 193, 0.31);
}
.card-body.no-padding .table.no-last-border > tbody > tr:last-child > td {
	border-bottom:none;
}
.admin_memo_wrap {
	position: relative;
}
.card.admin_memo {
	z-index: 10;
}
.table tbody > tr > th {
	font-size:13px;
	font-weight: 500;
}
.table thead > tr > th{
	color: inherit;
	font-weight: 500;
	font-size:13px;
	border:none;
}
.table.table-data > thead > tr > th, .table.table-data > tbody > tr > td {
	text-align: right
}
.table.table-data > tbody > tr:last-child > td, .table.table-data > tbody > tr:last-child > th {border-bottom:0;}
.table.table-data.calendar thead > tr > th {border-top:1px solid rgba(193,193,193,0.31); border-right:1px solid rgba(193,193,193,0.31); text-align: center; padding :5px 0;}
.table.table-data.calendar tbody > tr > td {border-right:1px solid rgba(193,193,193,0.31);}
.table.table-data.calendar thead > tr > th:last-child, .table.table-data.calendar tbody > tr > td:last-child {border-right: 0;}
.table.table-data.calendar tbody > tr > td, .table.table-data.calendar tbody > tr > td:first-child, .table.table-data.calendar tbody > tr > td:last-child {padding:0; vertical-align: top; width: 10%}
.table.table-data.calendar .date {
	text-align: left;
	color:#757575;
	font-size:13px;
	padding:13px 14px;
	min-height:48px;
}
.table.table-data.calendar .date.old {
	color:#bdbdbd;
}
.table.table-data.calendar .value {
	padding:13px 18px;
}
.table.table-data.calendar tbody > tr > td:last-child .date, .table.table-data.calendar tbody > tr > td:last-child .value {padding-right:18px;}
.table-bordered {
	border-color: rgba(193, 193, 193, 0.31);
	border-collapse: collapse;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
	border-color: rgba(193, 193, 193, 0.31);
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
	background-color: rgba(242, 243, 243, 0.35);
}
.table-banded > tbody > tr > td:nth-child(odd),
.table-banded > tbody > tr > th:nth-child(odd) {
	background-color: rgba(242, 243, 243, 0.35);
}
.table-no-border {
	border-color: transparent;
}
.table-no-border > thead > tr > th,
.table-no-border > tbody > tr > th,
.table-no-border > tfoot > tr > th,
.table-no-border > thead > tr > td,
.table-no-border > tbody > tr > td,
.table-no-border > tfoot > tr > td {
	border-color: transparent;
}
.table-condensed > tbody > tr > td {
	vertical-align: middle;
	padding:5px;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
	background-color: rgba(229, 230, 230, 0.2);
}
.table.table-fixed {table-layout: fixed}
.table td.url {
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.table-mail {
	width: 100%;
}
.table-mail td {
	padding: 3px 0;
}
.table-mail td.td-flag {
	padding-left: 15px;
}
.table-mail td .flag {
	width: 15px;
	position: absolute;
	left: 15px;
}
.table-mail tr:last-child .flag {
	display: none;
}
.table-mail tr:first-child .flag {
	display: inline;
}
.shop-table .check {
	max-width: 35px;
}
.shop-table .no {
	max-width: 45px;
}
.shop-table .image {
	max-width: 65px;
}
.shop-table .state {
	width: 80px;
}
.shop-table .r_data {
	width: 100px;
}
.shop-table .more {
	padding-right: 10px !important;
}
.width_control.shop-table .image{
	width: 65px;
}

.width_control.shop-table .subject th{
	padding-left: 23px;
}
.width_control.shop-table .table_list{
	text-align: left;
}
.width_control.shop-table .table_list li:nth-child(2){
	width: 80px;
}

.well {
	background-color:#f9f9f9;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px;
}
.input-group-lg > .input-group-content > .form-control,
.input-group-lg > .input-group-addon {
	height: 45px;
	padding: 0 0;
	font-size: 1.6em;
	line-height: 1.3333333;
	border-radius: 2px;
}
select.input-group-lg > .input-group-content > .form-control,
select.input-group-lg > .input-group-addon {
	height: 45px;
	line-height: 45px;
}
textarea.input-group-lg > .input-group-content > .form-control,
textarea.input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-content > .form-control,
select[multiple].input-group-lg > .input-group-addon {
	height: auto;
}
select.input-group-lg > .input-group-content > .form-control,
select.input-group-lg > .input-group-addon {
	height: 45px;
	line-height: 45px;
}
textarea.input-group-lg > .input-group-content > .form-control,
textarea.input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-content > .form-control,
select[multiple].input-group-lg > .input-group-addon {
	height: auto;
}
.floating-label .input-group-lg > .input-group-content > .form-control ~ label,
.floating-label .input-group-lg > .input-group-addon ~ label {
	font-size: 1.6em;
}
.input-group-sm > .input-group-content > .form-control,
.input-group-sm > .input-group-addon {
	height: 30px;
	padding: 0 0;
	font-size: 1em;
	line-height: 1.5;
	border-radius: 0px;
}
select.input-group-sm > .input-group-content > .form-control,
select.input-group-sm > .input-group-addon {
	height: 30px;
	line-height: 30px;
}
textarea.input-group-sm > .input-group-content > .form-control,
textarea.input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-content > .form-control,
select[multiple].input-group-sm > .input-group-addon {
	height: auto;
}
select.input-group-sm > .input-group-content > .form-control,
select.input-group-sm > .input-group-addon {
	height: 30px;
	line-height: 30px;
}
textarea.input-group-sm > .input-group-content > .form-control,
textarea.input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-content > .form-control,
select[multiple].input-group-sm > .input-group-addon {
	height: auto;
}
.floating-label .input-group-sm > .input-group-content > .form-control ~ label,
.floating-label .input-group-sm > .input-group-addon ~ label {
	font-size: 1em;
}
.input-group-addon {
	border-color: transparent;
	background-color: transparent;
	color: inherit;
	opacity: 0.7;
}
.input-group-addon,
.input-group-btn {
	padding-left: 10px;
}
.input-group-addon:first-child,
.input-group-btn:first-child {
	padding-left: 0;
	padding-right: 10px;
}
.input-group-addon:last-child,
.input-group-btn:last-child {
	padding-right: 0;
}
.input-group-addon .btn-floating-action,
.input-group-btn .btn-floating-action {
	margin-top: -7px;
}
.input-group-addon .btn-floating-action.btn-lg,
.input-group-btn .btn-floating-action.btn-lg {
	margin-top: -19px;
}
.input-option-group {
	position: relative;
}
.input-option-group input.form-control {
	padding-right:24px;
}
.input-option-group .input-clear{
	position: absolute;
	top:-2px;
	right:6px;
}
.input-group-content {
	position: relative;
	display: table-cell;
	vertical-align: top;
	min-width: 40px;
}
.input-group-content .btn-clear {
	position: absolute;
	right:0;
}
.input-group-content.no-addon {padding-right:12px;}
.input-group .form-control-static {
	display: table-cell;
}
.input-group-content.btn_modal_open .text-primary {
	margin-left: 16px;
}
.input-group-content.btn_modal_open .text-primary i {
	margin-right: 4px;
	position: relative;
	top: -1px;
}
.input-group .form-control-static:not(:first-child):not(:last-child) {
	border-radius: 0;
}
.input-group .form-control-static:first-child {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.input-group .form-control-static:last-child {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.form-group label span {
	margin-bottom:8px;
}
.form-group label span small {
	display: block;
	font-size:12px;
	color:#999;
}
.form-group .checkbox label + span.help-block {
	margin-top: -4px;
	margin-bottom: 12px;
}
.input-option {
	margin-bottom:8px;
}
.form .form-group .input-group {
	margin-top: -16px;
}
.form .form-group .input-group-content,
.form .form-group .input-group-addon,
.form .form-group .input-group-btn {
	padding-top: 16px;
}
.form .form-group .input-group-addon {
	vertical-align: bottom;
}
.form .form-group .input-group-addon:first-child {
	min-width: 42px;
	text-align: left;
}
.text-uppercase-first {
	text-transform: lowercase;
}
.text-uppercase-first:first-letter {
	text-transform: uppercase;
}
.input-group-flex {
	display: flex;
	gap: 14px;
	margin-bottom: 8px;
	align-items: center;
}
.input-group-flex :is(.input-money, .input-krw, .input-number) {
	margin: 0;
}
.input-group-flex .item.tools {
	min-width: 40px;
}
.input-group-flex .control-label {
	padding-top: 5px;
}
.input-group-flex .item.tools .btn {
	padding: 4px;
}
.input-subtext-right {
	position: relative;
}
.input-subtext-right .subtext {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 2;
	color: #757575;
	transform: translateY(-50%);
}
legend {
	display: table;
	width: 100%;
	margin: 13px 0 20px 0;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
}
legend span {
	display: table-cell;
	padding: 0 10px 0 0;
	position: relative;
	bottom: -7px;
	white-space: nowrap;
	opacity: 0.8;
}
legend:before,
legend:after {
	content: '';
	display: table-cell;
	border-bottom: 1px solid rgba(12, 12, 12, 0.25);
}
legend:before {
	width: 0%;
}
legend:after {
	width: 100%;
}
legend.text-center span {
	padding: 0 10px;
}
legend.text-center:before,
legend.text-center:after {
	width: 50%;
}
legend.text-right span {
	padding: 0 0 0 10px;
}
legend.text-right:before {
	width: 100%;
}
legend.text-right:after {
	width: 0%;
}
.hidden-double-span span > span{
	display: none !important;
}
.label {
	font-size: 85%;
}
label {
	font-weight: 400;
}
.form-group > label,
.form-group .control-label {
	font-size: 13px;
	color:#757575;
}
.form-group.error > label,
.form-group.error .control-label,
.form-group.error > div > span.help-block{
  color: #FF5E60;
}
.form-group.error input.form-control{
  border-color: #FF5E60;
}
.form-group.error input.form-control:focus,
.form-group.error input.form-control:active {
  box-shadow: 0 -1px #FF5E60 inset;
  border-color: #FF5E60;
}
.form-group .control-label.in-label {
	width: 150px;
	text-align: left;
}
.form .form-group > label,
.form-inline .form-group > label {
	position: absolute;
	top: 0;
	left: 0;
}
.form-control-static {
	font-size: 14px;
}
.has-feedback label ~ .form-control-feedback,
.form-control-feedback {
	top: auto;
	bottom: 0;
}
.form-control, .phonenumber_wrap .chosen-container-single .chosen-single {
	padding: 0;
	height: 29px;
	line-height: 29px;
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom-color: rgba(12, 12, 12, 0.12);
	background: transparent;
	color: #0c0c0c;
	font-size: 14px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0 !important;
}
.form-control.form-control-sm {
	padding:0 5px;
	font-size: 13px;
	height: 24px;
	border: 1px solid rgba(12, 12, 12, 0.12);
}
select.form-control.form-control-sm {
	padding-right: 24px;
}
#user_name[readonly],
#callnum[readonly],
#birth_y[disabled],
#birth_m[disabled],
#birth_d[disabled]{
	color:#888;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: transparent;
	border-bottom-color: rgba(12, 12, 12, 0.2);
	border-bottom-style: dashed;
}
.form-control[disabled]::-moz-placeholder,
.form-control[readonly]::-moz-placeholder,
fieldset[disabled] .form-control::-moz-placeholder {
	color: #BDBDBD;
	opacity: 1;
}
.form-control[disabled]:-ms-input-placeholder,
.form-control[readonly]:-ms-input-placeholder,
fieldset[disabled] .form-control:-ms-input-placeholder {
	color: #BDBDBD;
}
.form-control[disabled]::-webkit-input-placeholder,
.form-control[readonly]::-webkit-input-placeholder,
fieldset[disabled] .form-control::-webkit-input-placeholder {
	color: #BDBDBD;
}
.form-control[disabled] ~ label:after,
.form-control[readonly] ~ label:after,
fieldset[disabled] .form-control ~ label:after,
.form-control[disabled] ~ .form-control-line:after,
.form-control[readonly] ~ .form-control-line:after,
fieldset[disabled] .form-control ~ .form-control-line:after {
	display: none;
}
.address_wrap .form-control[readonly="readonly"] {
	border-bottom-color: rgba(12, 12, 12, 0.12);
	border-bottom-style: solid;
}
.address_wrap .form-control[readonly="readonly"]:focus {
	box-shadow: 0 -1px #1A6DFF inset;
	border-bottom-color : #1A6DFF;
}
textarea.form-control {
	padding: 4px 0 4px 0;
}
.form-control.form-control-bordered {
	border: 1px solid rgba(12, 12, 12, 0.12);
}
textarea.form-control.form-control-bordered {
	line-height: 1.4;
	padding: 8px;
}
.form-control.form-control-bordered:focus {
	box-shadow: none;
}
textarea.autosize {
	min-height: 38px;
}
.form .form-group,
.form-inline .form-group {
	padding-top: 15px;
}
.form-group {
	position: relative;
	margin-bottom: 20px;
}
.form-group:after {
	content: '';
	clear: both;
	display: block;
}
.form-group .form-control:not(.static) ~ label,
.form-group .form-control:not(.static) ~ .form-control-line {
	-webkit-transition: 0.2s ease all;
	-o-transition: 0.2s ease all;
	transition: 0.2s ease all;
}
.form-group .form-control ~ label,
.form-group .form-control ~ .form-control-line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	pointer-events: none;
}
/* input 활성화 애니메이션 효과지만 .form-control 하단에 도움말 텍스트 등이 삽입될 경우 위치 문제 등으로 제외 (2015.05.15)
.form-group .form-control ~ label:after,
.form-group .form-control ~ .form-control-line:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 45%;
  height: 2px;
  width: 10px;
  visibility: hidden;
  background-color: #1A6DFF;
  -webkit-transition: 0.2s ease all;
  -o-transition: 0.2s ease all;
  transition: 0.2s ease all;
}
*/
.form-group .form-control ~ label {
	top:0;
	margin-bottom: 0;
	font-size: 13px;
}
.form-group .form-control:focus ~ label,
.form-group.floating-label .form-control:focus ~ label {
	color:#1A6DFF;
	opacity: 1;
}
.form-group .form-control:focus ~ label:after,
.form-group .form-control:focus ~ .form-control-line:after {
	visibility: visible;
	width: 100%;
	left: 0;
}
.floating-label .form-control ~ label {
	top: 19px;
	font-size: 14px;
	color:#bdbdbd;
}
.floating-label .form-control:focus ~ label,
.floating-label .form-control.dirty ~ label,
.form-group .form-control-static ~ label {
	top: 0px;
	font-size: 13px !important;
	color:#757575;
}
.input-sm {
	height: 30px;
	padding: 0 0;
	font-size: 1em;
	line-height: 1.5;
	border-radius: 0px;
}
select.input-sm {
	height: 30px;
	line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
	height: auto;
}
select.input-sm {
	height: 30px;
	line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
	height: auto;
}
.floating-label .input-sm ~ label {
	font-size: 1em;
}
.input-lg {
	height: 45px;
	padding: 0 0;
	font-size: 1.6em;
	line-height: 1.3333333;
	border-radius: 2px;
}
select.input-lg {
	height: 45px;
	line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
	height: auto;
}
select.input-lg {
	height: 45px;
	line-height: 45px;
}
textarea.input-lg,
select[multiple].input-lg {
	height: auto;
}
.floating-label .input-lg ~ label {
	font-size: 1.6em;
}
.form-group.control-width-tiny {
	max-width: 40px;
}
.form-group.control-width-mini {
	max-width: 72px;
}
.form-group.control-width-small {
	max-width: 136px;
}
.form-group.control-width-medium {
	max-width: 200px;
}
.form-group.control-width-normal {
	max-width: 300px;
}
.form-group.control-width-large {
	max-width: 500px;
}
.form-group.control-width-xlarge {
	max-width: 800px;
}
.form-group.control-width-xxlarge {
	max-width: 1200px;
}
.form-group.modal_form:first-child {
	padding-top: 0;
	margin-top: -6px;
}
.form-group.modal_form label{
	font-size: 12px;
	color:#7F7F7F;
}
textarea.control-2-rows {
	height: 64px;
}
textarea.control-3-rows {
	height: 96px;
}
textarea.control-4-rows {
	height: 128px;
}
textarea.control-5-rows {
	height: 160px;
}
textarea.control-6-rows {
	height: 192px;
}
textarea.control-7-rows {
	height: 224px;
}
textarea.control-8-rows {
	height: 256px;
}
textarea.control-9-rows {
	height: 288px;
}
textarea.control-10-rows {
	height: 320px;
}
textarea.control-11-rows {
	height: 352px;
}
textarea.control-12-rows {
	height: 384px;
}
textarea.no-resize {
	resize: none;
}
.form-horizontal .form-control ~ .form-control-line {
	left: 12px;
	right: 12px;
	width: auto;
}
.form-horizontal .input-group .form-control ~ .form-control-line {
	left: 0;
	right: 0;
}
.form-horizontal.no-input .control-label {
	padding-top:0;
}
@media (min-width: 769px) {
	.form-inline .form-group {
		margin-right: 12px;
	}
	.form-inline .radio,
	.form-inline .checkbox,
	.form-inline .btn {
		margin-top: 16px;
		margin-right: 12px;
	}
}
.help-block {
	position: absolute;
	right: 0;
	bottom: -20px;
	margin: 0;
	color: #888;
	font-size: 12px;
}
.help{
	color: #888;
	font-size: 12px;
}
.help-block.text-right {
	text-align: left;
}
.form-horizontal .help-block {
	bottom: -20px;
	right: 10px;
}
span.help-block {
	position:static;
	margin-top: 5px;
}
span.help-block ~ p.help-block {
	bottom:0;
}
em.help-block {
	left: 0;
	font-style: normal;
}
.form-horizontal span.help-block {
	right: auto;
}
.form-inverse .form-group .form-control {
	color: #f2f3f3;
	border-bottom-color: rgba(255, 255, 255, 0.25);
}
.form-inverse .form-group .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 1;
}
.form-inverse .form-group .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.form-inverse .form-group .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}
.form-inverse .form-group .form-control ~ label:after,
.form-inverse .form-group .form-control ~ .form-control-line:after {
	background-color: #a6ede8;
}
.form-inverse .form-group .form-control:focus {
	border-color: rgba(255, 255, 255, 0.25);
}
.form-inverse .form-group .form-control:focus ~ label {
	color: #a6ede8;
}
.form-inverse .form-group .form-control[disabled],
.form-inverse .form-group .form-control[readonly],
fieldset[disabled] .form-inverse .form-group .form-control {
	border-bottom-color: rgba(255, 255, 255, 0.4);
}
.form-inverse select:focus {
	background: #ffffff;
	color: #313534 !important;
}
.has-warning .help-block {
	color: #ff9800;
	opacity: 1;
}
.has-warning .help-block {
	color: #ffe400;
	opacity: 1;
}
.has-warning .form-control {
	border-bottom-color: #ffe400;
}
.has-warning .form-control:focus,
.has-warning .form-control.dirty {
	border-bottom-color: #ffe400;
}
.has-warning .form-control:focus ~ label,
.has-warning .form-control.dirty ~ label {
	color:#757575 !important;
}
.has-warning .form-control ~ label,
.has-warning .form-control ~ .form-control-line {
	color:#757575 !important;
}
.has-warning .form-control ~ label:after,
.has-warning .form-control ~ .form-control-line:after {
	background-color: #ffe400;
}
.has-warning label,
.has-warning .control-label,
.has-warning .form-control-feedback {
	color: #ffe400;
}
.form-horizontal .has-warning label,
.form-horizontal .has-warning .control-label,
.form-horizontal .has-warning .form-control-feedback {
	opacity: 1;
}
.form-inverse .has-warning .help-block {
	color: #e69c2e;
	opacity: 1;
}
.form-inverse .has-warning .form-control {
	border-bottom-color: #e69c2e;
}
.form-inverse .has-warning .form-control:focus,
.form-inverse .has-warning .form-control.dirty {
	border-bottom-color: #e69c2e;
}
.form-inverse .has-warning .form-control:focus ~ label,
.form-inverse .has-warning .form-control.dirty ~ label {
	color: inherit;
}
.form-inverse .has-warning .form-control ~ label,
.form-inverse .has-warning .form-control ~ .form-control-line {
	color: inherit;
}
.form-inverse .has-warning .form-control ~ label:after,
.form-inverse .has-warning .form-control ~ .form-control-line:after {
	background-color: #e69c2e;
}
.form-inverse .has-warning label,
.form-inverse .has-warning .control-label,
.form-inverse .has-warning .form-control-feedback {
	color: #e69c2e;
}
.form-horizontal .form-inverse .has-warning label,
.form-horizontal .form-inverse .has-warning .control-label,
.form-horizontal .form-inverse .has-warning .form-control-feedback {
	opacity: 1;
}
.has-error .help-block {
	color: #f44336;
	opacity: 1;
}
.has-error .input-group-addon {
	background-color: transparent;
	border:none;
	vertical-align: middle !important;
	color: inherit;
}
.has-error .form-control {
	border-bottom-color: #f44336;
}
.has-error .form-control:focus,
.has-error .form-control.dirty {
	border-bottom-color: #f44336;
}
.has-error .form-control:focus ~ label,
.has-error .form-control.dirty ~ label {
	color:#757575 !important;
}
.has-error .form-control ~ label,
.has-error .form-control ~ .form-control-line {
	color:#757575 !important;
}
.has-error .form-control ~ label:after,
.has-error .form-control ~ .form-control-line:after {
	background-color: #f44336;
}
.has-error label,
.has-error .control-label,
.has-error .form-control-feedback {
	color: #f44336;
}
.form-horizontal .has-error label,
.form-horizontal .has-error .control-label,
.form-horizontal .has-error .form-control-feedback {
	opacity: 1;
}
.form-inverse .has-error .help-block {
	color: #e65045;
	opacity: 1;
}
.form-inverse .has-error .form-control {
	border-bottom-color: #e65045;
}
.form-inverse .has-error .form-control:focus,
.form-inverse .has-error .form-control.dirty {
	border-bottom-color: #e65045;
}
.form-inverse .has-error .form-control:focus ~ label,
.form-inverse .has-error .form-control.dirty ~ label {
	color: inherit;
}
.form-inverse .has-error .form-control ~ label,
.form-inverse .has-error .form-control ~ .form-control-line {
	color: inherit;
}
.form-inverse .has-error .form-control ~ label:after,
.form-inverse .has-error .form-control ~ .form-control-line:after {
	background-color: #e65045;
}
.form-inverse .has-error label,
.form-inverse .has-error .control-label,
.form-inverse .has-error .form-control-feedback {
	color: #e65045;
}
.form-horizontal .form-inverse .has-error label,
.form-horizontal .form-inverse .has-error .control-label,
.form-horizontal .form-inverse .has-error .form-control-feedback {
	opacity: 1;
}
.has-success .help-block {
	color: #00bbbf;
	opacity: 1;
}
.has-success .form-control {
	border-bottom-color: #00bbbf;
}
.has-success .form-control:focus,
.has-success .form-control.dirty {
	border-bottom-color: #00bbbf;
}
.has-success .form-control:focus ~ label,
.has-success .form-control.dirty ~ label {
	color:#757575 !important;
}
.has-success .form-control ~ label,
.has-success .form-control ~ .form-control-line {
	color:#757575 !important;
}
.has-success .form-control ~ label:after,
.has-success .form-control ~ .form-control-line:after {
	background-color: #00bbbf;
}
.has-success label,
.has-success .control-label,
.has-success .form-control-feedback {
	color: #00bbbf;
}
.form-horizontal .has-success label,
.form-horizontal .has-success .control-label,
.form-horizontal .has-success .form-control-feedback {
	opacity: 1;
}
.form-inverse .has-success .help-block {
	color: #45e64a;
	opacity: 1;
}
.form-inverse .has-success .form-control {
	border-bottom-color: #45e64a;
}
.form-inverse .has-success .form-control:focus,
.form-inverse .has-success .form-control.dirty {
	border-bottom-color: #45e64a;
}
.form-inverse .has-success .form-control:focus ~ label,
.form-inverse .has-success .form-control.dirty ~ label {
	color: inherit;
}
.form-inverse .has-success .form-control ~ label,
.form-inverse .has-success .form-control ~ .form-control-line {
	color: inherit;
}
.form-inverse .has-success .form-control ~ label:after,
.form-inverse .has-success .form-control ~ .form-control-line:after {
	background-color: #45e64a;
}
.form-inverse .has-success label,
.form-inverse .has-success .control-label,
.form-inverse .has-success .form-control-feedback {
	color: #45e64a;
}
.form-horizontal .form-inverse .has-success label,
.form-horizontal .form-inverse .has-success .control-label,
.form-horizontal .form-inverse .has-success .form-control-feedback {
	opacity: 1;
}
.phonenumber_wrap .chosen-container-single .chosen-single {
	height: 29px;
	padding: 0;
	margin-right: 8px;
}
.phonenumber_wrap .chosen-container-single .chosen-single > span {
	display: table;
	vertical-align: middle;
	line-height: 29px;
}
.phonenumber_wrap .chosen-container-single .chosen-single > span > span {
	display: table-cell !important;
}
.phonenumber_wrap .chosen-container-single .chosen-single > span > span:nth-child(2) {
	padding-left: 12px;
}
.phonenumber_wrap .chosen-container-single .chosen-single > div > b {
	margin-top: 4px;
}
.phonenumber_wrap .chosen-container-single .chosen-single .search-choice-close {
	display: none;
}
.phonenumber_wrap .chosen-container-single .chosen-drop {
	margin-top: 10px;
	padding: 8px 0;
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	width: 215px;
	height: 290px;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-search {
	padding: 0 12px;
	margin-bottom: 8px;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-search input {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 0;
	font-size: 13px;
	color: #212121;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results {
	margin: 0;
	padding: 0;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results li {
	margin: 0;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 22px;
	color: #212121;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results li:hover {
	background: #f2f2f2;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results li.highlighted {
	background-color: #f2f2f2;
	background-image: none;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results li > div {
	display: table;
	vertical-align: middle;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results li > div > span {
	display: table-cell;
}
.phonenumber_wrap .chosen-container-single .chosen-drop .chosen-results li > div > span:nth-child(2) {
	padding: 0 8px 0 12px;
}
.phonenumber_wrap .chosen-container-single .flag {
	width: 28px;
	height: 21px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	margin-right: 12px;
	padding: 0;
}
.btn-default-white {
	color: #313534;
	background-color: #ffffff;
	border-color: #e5e6e6;
}
.btn-default-white:hover,
.btn-default-white:focus,
.btn-default-white.focus,
.btn-default-white:active,
.btn-default-white.active,
.open > .dropdown-toggle.btn-default-white {
	color: #e5e6e6;
	background-color: #e6e6e6;
	border-color: #c5c9c8;
}
.btn-default-bright:active,
.btn-default-bright.active,
.open > .dropdown-toggle.btn-default-bright {
	background-image: none;
}
.btn-default-white.disabled,
.btn-default-white[disabled],
fieldset[disabled] .btn-default-white,
.btn-default-white.disabled:hover,
.btn-default-white[disabled]:hover,
fieldset[disabled] .btn-default-white:hover,
.btn-default-white.disabled:focus,
.btn-default-white[disabled]:focus,
fieldset[disabled] .btn-default-white:focus,
.btn-default-white.disabled.focus,
.btn-default-white[disabled].focus,
fieldset[disabled] .btn-default-white.focus,
.btn-default-white.disabled:active,
.btn-default-white[disabled]:active,
fieldset[disabled] .btn-default-white:active,
.btn-default-white.disabled.active,
.btn-default-white[disabled].active,
fieldset[disabled] .btn-default-white.active {
	background-color: #ffffff;
	border-color: #e5e6e6;
}
.btn-default-white .badge {
	color: #ffffff;
	background-color: #e5e6e6;
}
.btn-default-white:hover,
.btn-default-white:focus,
.open .dropdown-toggle.btn-default-white {
	color: #313534;
	background-color: transparent;
	border-color: transparent;
}
.btn-default-white:active,
.btn-default-white.active {
	color: #313534;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}
.btn-default-white.btn-flat,
.btn-default-white.btn-icon-toggle {
	color: #ffffff;
}
.btn-default.btn-flat.text-primary{
	color: #1A6DFF;
}
.open .dropdown-toggle.btn-default-white.btn-flat,
.open .dropdown-toggle.btn-default-white.btn-icon-toggle {
	color: #ffffff;
}
.btn-white {
	color: #313534;
	background-color: #ffffff;
	border-color: #e5e6e6;
}
.btn-white:hover,
.btn-white:focus {
	color: #313534;
	background-color: #e5e6e6;
	border-color: #e5e6e6;
}
.btn-gray {
	color: #fff;
	background-color: #acacac;
	border-color: #acacac;
}
.btn-gray-dark,
.btn-gray-dark:hover,
.btn-gray-dark:focus,
.btn-gray-dark.focus,
.btn-gray-dark:active,
.btn-gray-dark.active {
	color: #fff;
	background-color: #888;
	border-color: #888;
}
.btn-alert,
.btn-alert:hover,
.btn-alert:focus,
.btn-alert.focus,
.btn-alert:active,
.btn-alert.active {
	color: #fff;
	background-color: #FF7062;
	border-color: #FF7062;
}

.btn-default-bright {
	color: #313534;
	background-color: #ffffff;
	border-color: #e5e6e6;
}
.btn-default-bright:hover,
.btn-default-bright:focus,
.btn-default-bright.focus,
.btn-default-bright:active,
.btn-default-bright.active,
.open > .dropdown-toggle.btn-default-bright {
	color: #e5e6e6;
	background-color: #e6e6e6;
	border-color: #c5c9c8;
}
.btn-default-bright:active,
.btn-default-bright.active,
.open > .dropdown-toggle.btn-default-bright {
	background-image: none;
}
.btn-default-bright.disabled,
.btn-default-bright[disabled],
fieldset[disabled] .btn-default-bright,
.btn-default-bright.disabled:hover,
.btn-default-bright[disabled]:hover,
fieldset[disabled] .btn-default-bright:hover,
.btn-default-bright.disabled:focus,
.btn-default-bright[disabled]:focus,
fieldset[disabled] .btn-default-bright:focus,
.btn-default-bright.disabled.focus,
.btn-default-bright[disabled].focus,
fieldset[disabled] .btn-default-bright.focus,
.btn-default-bright.disabled:active,
.btn-default-bright[disabled]:active,
fieldset[disabled] .btn-default-bright:active,
.btn-default-bright.disabled.active,
.btn-default-bright[disabled].active,
fieldset[disabled] .btn-default-bright.active {
	background-color: #ffffff;
	border-color: #e5e6e6;
}
.btn-default-bright .badge {
	color: #ffffff;
	background-color: #e5e6e6;
}
.btn-default-bright:hover,
.btn-default-bright:focus,
.open .dropdown-toggle.btn-default-bright {
	color: #313534;
	background-color: #fafafa;
	border-color: #ededed;
}
.btn-default-bright:active {
	color: #313534;
	background-color: #e6e6e6;
	border-color: #e6e6e6;
}
.btn-default-bright.active {
	color: #ffffff;
	background-color: #0096f3;
	border-color: #0096f3;
}
.btn-default-bright.btn-flat,
.btn-default-bright.btn-icon-toggle {
	color: #e5e6e6;
}
.btn-flat:hover, .btn-flat:active {background: none !important; border-color:transparent !important;}
.open .dropdown-toggle.btn-default-bright.btn-flat,
.open .dropdown-toggle.btn-default-bright.btn-icon-toggle {
	color: #ffffff;
}
.btn-default-light {
	color: #212121;
	background-color: #f2f3f3;
	border-color: #f2f3f3;
}
.btn-default-light:hover,
.btn-default-light:focus,
.btn-default-light.focus,
.btn-default-light:active,
.btn-default-light.active,
.open > .dropdown-toggle.btn-default-light {
	color: #bdc1c1;
	background-color: #d8dada;
	border-color: #d2d5d5;
}
.btn-default-light:active,
.btn-default-light.active,
.open > .dropdown-toggle.btn-default-light {
	background-image: none;
}
.btn-default-light.disabled,
.btn-default-light[disabled],
fieldset[disabled] .btn-default-light,
.btn-default-light.disabled:hover,
.btn-default-light[disabled]:hover,
fieldset[disabled] .btn-default-light:hover,
.btn-default-light.disabled:focus,
.btn-default-light[disabled]:focus,
fieldset[disabled] .btn-default-light:focus,
.btn-default-light.disabled.focus,
.btn-default-light[disabled].focus,
fieldset[disabled] .btn-default-light.focus,
.btn-default-light.disabled:active,
.btn-default-light[disabled]:active,
fieldset[disabled] .btn-default-light:active,
.btn-default-light.disabled.active,
.btn-default-light[disabled].active,
fieldset[disabled] .btn-default-light.active {
	background-color: #f2f3f3;
	border-color: #f2f3f3;
}
.btn-default-light .badge {
	color: #f2f3f3;
	background-color: #bdc1c1;
}
.btn-default-light:hover,
.btn-default-light:focus,
.open .dropdown-toggle.btn-default-light {
	color: #212121;
	background-color: #dfe1e1;
	border-color: #dfe1e1;
}
.btn-default-light:active,
.btn-default-light.active {
	color: #B4B4B4;
	background-color: #d8dada;
	border-color: #d8dada;
}
.btn-default-light.btn-flat,
.btn-default-light.btn-icon-toggle {
	color: #bdc1c1;
}
.open .dropdown-toggle.btn-default-light.btn-flat,
.open .dropdown-toggle.btn-default-light.btn-icon-toggle {
	color: #f2f3f3;
}
.btn-default-dark {
	color: #ffffff;
	background-color: #20252b;
	border-color: #20252b;
}
.btn-default-dark:hover,
.btn-default-dark:focus,
.btn-default-dark.focus,
.btn-default-dark:active,
.btn-default-dark.active,
.open > .dropdown-toggle.btn-default-dark {
	color: #20252b;
	background-color: #0a0c0e;
	border-color: #060708;
}
.btn-default-dark:active,
.btn-default-dark.active,
.open > .dropdown-toggle.btn-default-dark {
	background-image: none;
}
.btn-default-dark.disabled,
.btn-default-dark[disabled],
fieldset[disabled] .btn-default-dark,
.btn-default-dark.disabled:hover,
.btn-default-dark[disabled]:hover,
fieldset[disabled] .btn-default-dark:hover,
.btn-default-dark.disabled:focus,
.btn-default-dark[disabled]:focus,
fieldset[disabled] .btn-default-dark:focus,
.btn-default-dark.disabled.focus,
.btn-default-dark[disabled].focus,
fieldset[disabled] .btn-default-dark.focus,
.btn-default-dark.disabled:active,
.btn-default-dark[disabled]:active,
fieldset[disabled] .btn-default-dark:active,
.btn-default-dark.disabled.active,
.btn-default-dark[disabled].active,
fieldset[disabled] .btn-default-dark.active {
	background-color: #20252b;
	border-color: #20252b;
}
.btn-default-dark .badge {
	color: #20252b;
	background-color: #20252b;
}
.btn-default-dark:hover,
.btn-default-dark:focus,
.open .dropdown-toggle.btn-default-dark {
	color: #ffffff;
	background-color: #111317;
	border-color: #111317;
}
.btn-default-dark:active,
.btn-default-dark.active {
	color: #ffffff;
	background-color: #0a0c0e;
	border-color: #0a0c0e;
}
.btn-default-dark.btn-flat,
.btn-default-dark.btn-icon-toggle {
	color: #20252b;
}
.open .dropdown-toggle.btn-default-dark.btn-flat,
.open .dropdown-toggle.btn-default-dark.btn-icon-toggle {
	color: #20252b;
}
.btn-dark-bright {
	background-color: #8392a7;
}
.btn-dark-bright.btn-xs-padding {
	padding: 2px 10px;
	line-height: normal;
}
.btn-primary-bright {
	color: #313534;
	background-color: #b3e3ff;
	border-color: #b3e3ff;
}
.btn-primary-bright:hover,
.btn-primary-bright:focus,
.btn-primary-bright.focus,
.btn-primary-bright:active,
.btn-primary-bright.active,
.open > .dropdown-toggle.btn-primary-bright {
	color: #b3e3ff;
	background-color: #a2e5e1;
	border-color: #9ae3de;
}
.btn-primary-bright:active,
.btn-primary-bright.active,
.open > .dropdown-toggle.btn-primary-bright {
	background-image: none;
}
.btn-primary-bright.disabled,
.btn-primary-bright[disabled],
fieldset[disabled] .btn-primary-bright,
.btn-primary-bright.disabled:hover,
.btn-primary-bright[disabled]:hover,
fieldset[disabled] .btn-primary-bright:hover,
.btn-primary-bright.disabled:focus,
.btn-primary-bright[disabled]:focus,
fieldset[disabled] .btn-primary-bright:focus,
.btn-primary-bright.disabled.focus,
.btn-primary-bright[disabled].focus,
fieldset[disabled] .btn-primary-bright.focus,
.btn-primary-bright.disabled:active,
.btn-primary-bright[disabled]:active,
fieldset[disabled] .btn-primary-bright:active,
.btn-primary-bright.disabled.active,
.btn-primary-bright[disabled].active,
fieldset[disabled] .btn-primary-bright.active {
	background-color: #b3e3ff;
	border-color: #b3e3ff;
}
.btn-primary-bright .badge {
	color: #b3e3ff;
	background-color: #b3e3ff;
}
.btn-primary-bright:hover,
.btn-primary-bright:focus,
.open .dropdown-toggle.btn-primary-bright {
	color: #313534;
	background-color: #aee8e5;
	border-color: #aee8e5;
}
.btn-primary-bright:active,
.btn-primary-bright.active {
	color: #313534;
	background-color: #a2e5e1;
	border-color: #a2e5e1;
}
.btn-primary-bright.btn-flat,
.btn-primary-bright.btn-icon-toggle {
	color: #b3e3ff;
}
.open .dropdown-toggle.btn-primary-bright.btn-flat,
.open .dropdown-toggle.btn-primary-bright.btn-icon-toggle {
	color: #b3e3ff;
}
.btn-primary-light {
	color: #7dd8d2;
	color: #313534;
	background-color: #7dd8d2;
	border-color: #7dd8d2;
}
.btn-primary-light:hover,
.btn-primary-light:focus,
.btn-primary-light.focus,
.btn-primary-light:active,
.btn-primary-light.active,
.open > .dropdown-toggle.btn-primary-light {
	color: #7dd8d2;
	background-color: #56cdc5;
	border-color: #4ecac2;
}
.btn-primary-light:active,
.btn-primary-light.active,
.open > .dropdown-toggle.btn-primary-light {
	background-image: none;
}
.btn-primary-light.disabled,
.btn-primary-light[disabled],
fieldset[disabled] .btn-primary-light,
.btn-primary-light.disabled:hover,
.btn-primary-light[disabled]:hover,
fieldset[disabled] .btn-primary-light:hover,
.btn-primary-light.disabled:focus,
.btn-primary-light[disabled]:focus,
fieldset[disabled] .btn-primary-light:focus,
.btn-primary-light.disabled.focus,
.btn-primary-light[disabled].focus,
fieldset[disabled] .btn-primary-light.focus,
.btn-primary-light.disabled:active,
.btn-primary-light[disabled]:active,
fieldset[disabled] .btn-primary-light:active,
.btn-primary-light.disabled.active,
.btn-primary-light[disabled].active,
fieldset[disabled] .btn-primary-light.active {
	background-color: #7dd8d2;
	border-color: #7dd8d2;
}
.btn-primary-light .badge {
	color: #7dd8d2;
	background-color: #7dd8d2;
}
.btn-primary-light:hover,
.btn-primary-light:focus,
.open .dropdown-toggle.btn-primary-light {
	color: #313534;
	background-color: #62d0c9;
	border-color: #62d0c9;
}
.btn-primary-light:active,
.btn-primary-light.active {
	color: #ffffff;
	background-color: #56cdc5;
	border-color: #56cdc5;
}
.btn-primary-light.btn-flat,
.btn-primary-light.btn-icon-toggle {
	color: #7dd8d2;
}
.open .dropdown-toggle.btn-primary-light.btn-flat,
.open .dropdown-toggle.btn-primary-light.btn-icon-toggle {
	color: #7dd8d2;
}
.btn-primary-dark {
	color: #066265;
	color: #ffffff;
	background-color: #066265;
	border-color: #066265;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.btn-primary-dark.focus,
.btn-primary-dark:active,
.btn-primary-dark.active,
.open > .dropdown-toggle.btn-primary-dark {
	color: #066265;
	background-color: #033334;
	border-color: #022a2b;
}
.btn-primary-dark:active,
.btn-primary-dark.active,
.open > .dropdown-toggle.btn-primary-dark {
	background-image: none;
}
.btn-primary-dark.disabled,
.btn-primary-dark[disabled],
fieldset[disabled] .btn-primary-dark,
.btn-primary-dark.disabled:hover,
.btn-primary-dark[disabled]:hover,
fieldset[disabled] .btn-primary-dark:hover,
.btn-primary-dark.disabled:focus,
.btn-primary-dark[disabled]:focus,
fieldset[disabled] .btn-primary-dark:focus,
.btn-primary-dark.disabled.focus,
.btn-primary-dark[disabled].focus,
fieldset[disabled] .btn-primary-dark.focus,
.btn-primary-dark.disabled:active,
.btn-primary-dark[disabled]:active,
fieldset[disabled] .btn-primary-dark:active,
.btn-primary-dark.disabled.active,
.btn-primary-dark[disabled].active,
fieldset[disabled] .btn-primary-dark.active {
	background-color: #066265;
	border-color: #066265;
}
.btn-primary-dark .badge {
	color: #066265;
	background-color: #066265;
}
.btn-primary-dark:hover,
.btn-primary-dark:focus,
.open .dropdown-toggle.btn-primary-dark {
	color: #ffffff;
	background-color: #0053D9;
	border-color: #0053D9;
}
.btn-primary-dark:active,
.btn-primary-dark.active {
	color: #ffffff;
	background-color: #033334;
	border-color: #033334;
}
.btn-primary-dark.btn-flat,
.btn-primary-dark.btn-icon-toggle {
	color: #066265;
}
.open .dropdown-toggle.btn-primary-dark.btn-flat,
.open .dropdown-toggle.btn-primary-dark.btn-icon-toggle {
	color: #066265;
}
.btn.btn-point-color, .btn.btn-point-color:active, .btn.btn-point-color:focus {
	background: #1A6DFF !important;
	border: 1px solid #1A6DFF !important;
	color: #fff !important;
}
.btn-accent-bright {
	color: #313534;
	background-color: #fddce4;
	border-color: #fddce4;
}
.btn-accent-bright:hover,
.btn-accent-bright:focus,
.btn-accent-bright.focus,
.btn-accent-bright:active,
.btn-accent-bright.active,
.open > .dropdown-toggle.btn-accent-bright {
	color: #e9c9ef;
	background-color: #d9a1e3;
	border-color: #d699e1;
}
.btn-accent-bright:active,
.btn-accent-bright.active,
.open > .dropdown-toggle.btn-accent-bright {
	background-image: none;
}
.btn-accent-bright.disabled,
.btn-accent-bright[disabled],
fieldset[disabled] .btn-accent-bright,
.btn-accent-bright.disabled:hover,
.btn-accent-bright[disabled]:hover,
fieldset[disabled] .btn-accent-bright:hover,
.btn-accent-bright.disabled:focus,
.btn-accent-bright[disabled]:focus,
fieldset[disabled] .btn-accent-bright:focus,
.btn-accent-bright.disabled.focus,
.btn-accent-bright[disabled].focus,
fieldset[disabled] .btn-accent-bright.focus,
.btn-accent-bright.disabled:active,
.btn-accent-bright[disabled]:active,
fieldset[disabled] .btn-accent-bright:active,
.btn-accent-bright.disabled.active,
.btn-accent-bright[disabled].active,
fieldset[disabled] .btn-accent-bright.active {
	background-color: #fddce4;
	border-color: #fddce4;
}
.btn-accent-bright .badge {
	color: #e9c9ef;
	background-color: #e9c9ef;
}
.btn-accent-bright:hover,
.btn-accent-bright:focus,
.open .dropdown-toggle.btn-accent-bright {
	color: #313534;
	background-color: #F0D0D7;
	border-color: #F0D0D7;
}
.btn-accent-bright:active,
.btn-accent-bright.active {
	color: #ffffff;
	background-color: #D0B5BB;
	border-color: #D0B5BB;
}
.btn-accent-bright.btn-flat,
.btn-accent-bright.btn-icon-toggle {
	color: #EACCD3;
}
.open .dropdown-toggle.btn-accent-bright.btn-flat,
.open .dropdown-toggle.btn-accent-bright.btn-icon-toggle {
	color: #EACCD3;
}
.btn-accent-light {
	color: #313534;
	background-color: #ffc6d3;
	border-color: #ffc6d3;
}
.btn-accent-light:hover,
.btn-accent-light:focus,
.btn-accent-light.focus,
.btn-accent-light:active,
.btn-accent-light.active,
.open > .dropdown-toggle.btn-accent-light {
	color: #313534;
	background-color: #b755c8;
	border-color: #b34dc5;
}
.btn-accent-light:active,
.btn-accent-light.active,
.open > .dropdown-toggle.btn-accent-light {
	background-image: none;
}
.btn-accent-light.disabled,
.btn-accent-light[disabled],
fieldset[disabled] .btn-accent-light,
.btn-accent-light.disabled:hover,
.btn-accent-light[disabled]:hover,
fieldset[disabled] .btn-accent-light:hover,
.btn-accent-light.disabled:focus,
.btn-accent-light[disabled]:focus,
fieldset[disabled] .btn-accent-light:focus,
.btn-accent-light.disabled.focus,
.btn-accent-light[disabled].focus,
fieldset[disabled] .btn-accent-light.focus,
.btn-accent-light.disabled:active,
.btn-accent-light[disabled]:active,
fieldset[disabled] .btn-accent-light:active,
.btn-accent-light.disabled.active,
.btn-accent-light[disabled].active,
fieldset[disabled] .btn-accent-light.active {
	background-color: #c77bd4;
	border-color: #c77bd4;
}
.btn-accent-light .badge {
	color: #c77bd4;
	background-color: #c77bd4;
}
.btn-accent-light:hover,
.btn-accent-light:focus,
.open .dropdown-toggle.btn-accent-light {
	background-color: #ECB9C4;
	border-color: #ECB9C4;
}
.btn-accent-light:active,
.btn-accent-light.active {
	color: #ffffff;
	background-color: #DDADB7;
	border-color: #DDADB7;
}
.btn-accent-light.btn-flat,
.btn-accent-light.btn-icon-toggle {
	color: #E6B3BE;
}
.open .dropdown-toggle.btn-accent-light.btn-flat,
.open .dropdown-toggle.btn-accent-light.btn-icon-toggle {
	color: #c77bd4;
}
.btn-accent {
	color: #ffffff;
	background-color: #ff4345;
	border-color: #ff4345;
}
.btn-accent:hover,
.btn-accent:focus,
.btn-accent.focus,
.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
	color: #9c27b0;
	background-color: #771e86;
	border-color: #701c7e;
}
.btn-accent:active,
.btn-accent.active,
.open > .dropdown-toggle.btn-accent {
	background-image: none;
}
.btn-accent.disabled,
.btn-accent[disabled],
fieldset[disabled] .btn-accent,
.btn-accent.disabled:hover,
.btn-accent[disabled]:hover,
fieldset[disabled] .btn-accent:hover,
.btn-accent.disabled:focus,
.btn-accent[disabled]:focus,
fieldset[disabled] .btn-accent:focus,
.btn-accent.disabled.focus,
.btn-accent[disabled].focus,
fieldset[disabled] .btn-accent.focus,
.btn-accent.disabled:active,
.btn-accent[disabled]:active,
fieldset[disabled] .btn-accent:active,
.btn-accent.disabled.active,
.btn-accent[disabled].active,
fieldset[disabled] .btn-accent.active {
	background-color: #ff4345;
	border-color: #ff4345;
}
.btn-accent .badge {
	color: #ff4345;
	background-color: #ff4345;
}
.btn-accent:hover,
.btn-accent:focus,
.open .dropdown-toggle.btn-accent {
	color: #ffffff;
	background-color: #E44266;
	border-color: #E44266;
}
.btn-accent:active,
.btn-accent.active {
	color: #ffffff;
	background-color: #D33D5F;
	border-color: #D33D5F;
}
.btn-accent.btn-flat,
.btn-accent.btn-icon-toggle {
	color: #ff4345;
}
.open .dropdown-toggle.btn-accent.btn-flat,
.open .dropdown-toggle.btn-accent.btn-icon-toggle {
	color: #ff4345;
}
.btn-accent-dark {
	color: #681a7f;
	color: #ffffff;
	background-color: #d8254d;
	border-color: #d8254d;
}
.btn-accent-dark:hover,
.btn-accent-dark:focus,
.btn-accent-dark.focus,
.btn-accent-dark:active,
.btn-accent-dark.active,
.open > .dropdown-toggle.btn-accent-dark {
	color: #681a7f;
	background-color: #C22145;
	border-color: #C22145;
}
.btn-accent-dark:active,
.btn-accent-dark.active,
.open > .dropdown-toggle.btn-accent-dark {
	background-image: none;
}
.btn-accent-dark.disabled,
.btn-accent-dark[disabled],
fieldset[disabled] .btn-accent-dark,
.btn-accent-dark.disabled:hover,
.btn-accent-dark[disabled]:hover,
fieldset[disabled] .btn-accent-dark:hover,
.btn-accent-dark.disabled:focus,
.btn-accent-dark[disabled]:focus,
fieldset[disabled] .btn-accent-dark:focus,
.btn-accent-dark.disabled.focus,
.btn-accent-dark[disabled].focus,
fieldset[disabled] .btn-accent-dark.focus,
.btn-accent-dark.disabled:active,
.btn-accent-dark[disabled]:active,
fieldset[disabled] .btn-accent-dark:active,
.btn-accent-dark.disabled.active,
.btn-accent-dark[disabled].active,
fieldset[disabled] .btn-accent-dark.active {
	background-color: #C22145;
	border-color: #C22145;
}
.btn-accent-dark .badge {
	color: #d8254d;
	background-color: #d8254d;
}
.btn-accent-dark:hover,
.btn-accent-dark:focus,
.open .dropdown-toggle.btn-accent-dark {
	color: #ffffff;
	background-color: #C22145;
	border-color: #C22145;
}
.btn-accent-dark:active,
.btn-accent-dark.active {
	color: #ffffff;
	background-color: #A91B3B;
	border-color: #A91B3B;
}
.btn-accent-dark.btn-flat,
.btn-accent-dark.btn-icon-toggle {
	color: #d8254d;
}
.open .dropdown-toggle.btn-accent-dark.btn-flat,
.open .dropdown-toggle.btn-accent-dark.btn-icon-toggle {
	color: #d8254d;
}
.btn-secondary {
	background-color: #ACB8C9;
	border-color: #ACB8C9;
	color:#fff
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	color: #fff;
	background-color: #9BA6B5;
	border-color: #9BA6B5;
}
.btn-danger {
	background-color: #fc5f64;
	border-color: #fc5f64;
	color:#fff
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
	color: #fff;
	background-color: #ed575a;
	border-color: #ed575a;
}
.btn-transparent {
	background-color: transparent;
	border-color: #fff;
	color: #fff;
}
.btn {
	font-size: 13px;
	padding:4px 20px;
	word-break: break-word;
	word-wrap: break-word;
	white-space: normal;
}
.btn:active,
.btn.active {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
	outline: 0;
}
.btn .pull-right,
.btn .pull-left {
	line-height: 1.5em;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	border-color: transparent;
	background: rgba(0, 0, 0, 0.15);
	color: #313534;
	opacity: 0.4;
	filter: alpha(opacity=40);
}
.ink-reaction {
	position: relative;
	overflow: hidden;
}
.ink-reaction .ink {
	position: absolute;
	width: 200px;
	height: 200px;
	margin-left: -100px;
	margin-top: -100px;
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	z-index: 1;
	pointer-events: none;
	opacity: 0;
	-webkit-animation: ripple-animation 1.5s;
	animation: ripple-animation 1.5s;
}
.ink-reaction .ink.inverse {
	background-color: rgba(12, 12, 12, 0.5);
}
.ink-reaction.btn-icon-toggle,
.ink-reaction.btn-floating-action {
	overflow: visible;
}
.ink-reaction.btn-icon-toggle .ink,
.ink-reaction.btn-floating-action .ink {
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
}
.ink-reaction.btn-icon-toggle .ink,
.ink-reaction.btn-flat .ink {
	background-color: rgba(255, 255, 255, 0.25);
}
.ink-reaction.btn-icon-toggle .ink.inverse,
.ink-reaction.btn-flat .ink.inverse {
	background-color: rgba(12, 12, 12, 0.25);
}
@-webkit-keyframes ripple-animation {
	from {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 0;
	}
}
@keyframes ripple-animation {
	from {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0);
		opacity: 1;
	}
	to {
		-webkit-transform: scale(1, 1);
		-ms-transform: scale(1, 1);
		-o-transform: scale(1, 1);
		transform: scale(1, 1);
		opacity: 0;
	}
}
.btn-raised {
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	-webkit-transition: -webkit-box-shadow 0.15s ease-out;
	-moz-transition: -moz-box-shadow 0.15s ease-out;
	-o-transition: -o-box-shadow 0.15s ease-out;
	transition: box-shadow 0.15s ease-out;
}
.btn-raised:hover {
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
}
.btn-raised:active,
.btn-raised.active {
	-webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.38);
}
.btn-raised.disabled,
.btn-raised[disabled],
.pager .disabled .btn-raised {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-flat,
.btn-icon-toggle {
	background-color: transparent;
	border-color: transparent;
}
.btn-icon-toggle:hover,
.btn-icon-toggle:focus,
.open .dropdown-toggle.btn-icon-toggle {
	background-color: rgba(12, 12, 12, 0.07);
	border-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: inherit;
}
.btn-flat:active,
.btn-icon-toggle:active,
.btn-flat.active,
.btn-icon-toggle.active {
	background-color: rgba(12, 12, 12, 0.25);
	border-color: transparent;
}
.btn-flat.disabled,
.btn-icon-toggle.disabled,
.btn-flat[disabled],
.btn-icon-toggle[disabled],
fieldset[disabled] .btn-flat,
fieldset[disabled] .btn-icon-toggle {
	background: transparent;
	opacity: 0.3;
	filter: alpha(opacity=30);
}
.btn-icon-toggle {
	border-radius: 999px !important;
}
.btn-group-card {
	height:48px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	margin-bottom:24px;
}
.btn-group-card.btn-group-justified > .btn {
	width: 50%;
	border-radius: 0;
}
.btn-card-height {
	height:48px;
}
.btn-rounded {
	border-radius: 999px;
}

.btn-rounded.active {
	color            : #fff;
	background-color : #1A6DFF;
	border-color     : #1A6DFF;
}
.btn-rounded .label {
	top: 0;
	right: 3px;
}
.btn-rounded-group {
	padding-top : 20px;
}

.btn-rounded-group:first-child {
	padding-top : 0;
}

.btn-rounded-group .btn-rounded {
	width  : 64px;
	height : 64px;
}

.btn-rounded-group .btn-rounded span {
	font-size   : 20px;
	line-height : 50px;
}

.btn-rounded-content {
	width : 20%;
	float : left;
}

.btn-plane {
	display: table;
	width: 100%;
	height: 100%;
	padding-left: 0;
	padding-right: 0;
}
.btn-plane > div {
	display: table-cell;
	vertical-align: middle;
}
.btn-labeled {
	position: relative;
}
.btn-labeled .label {
	position: absolute;
	top: -6px;
	right: -6px;
}
.btn-rounded.btn-labeled .label {
	top: 7px;
	right: auto;
	left: 99%;
	margin: auto;
}
.btn-icon-toggle {
	padding: 0;
	width: 36px;
	height: 36px;
}
.btn-icon-toggle .fa,
.btn-icon-toggle .zmdi,
.btn-icon-toggle .glyphicon {
	margin: 0;
	line-height: 28px;
}
.card-head .tools .btn-icon-toggle .fa,
.card-head .tools .btn-icon-toggle .zmdi,
.card-head .tools .btn-icon-toggle .bt,
.card-head .tools .btn-icon-toggle .glyphicon {
	line-height: 34px;
}
.card-head.menu_alert header {

}
.card-head.menu_alert header p {
	margin: 0;
}
.card-head.menu_alert .tools {
	position: absolute;
	right: 0;
	top: 50%;
	line-height: normal;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.card-head.menu_alert .tools a {
	padding: 10px;
}
.btn-icon-toggle.btn-lg {
	width: 36px;
	height: 36px;
}
.btn-icon-toggle.btn-lg .fa,
.btn-icon-toggle.btn-lg .zmdi,
.btn-icon-toggle.btn-lg .glyphicon {
	line-height: 36px;
}
.btn-icon-toggle.btn-sm {
	width: 32px;
	height: 32px;
}
.btn-icon-toggle.btn-sm .fa,
.btn-icon-toggle.btn-sm .zmdi,
.btn-icon-toggle.btn-sm .glyphicon {
	line-height: 30px;
}
.btn-icon-toggle.btn-xs {
	width: 24px;
	height: 24px;
	line-height: 22px;
}
.btn-icon-toggle.btn-xs .fa,
.btn-icon-toggle.btn-xs .zmdi,
.btn-icon-toggle.btn-xs .glyphicon {
	line-height: 22px;
}
.btn-group-xs > .btn.btn-icon-toggle {
	width: 22px;
	padding: 0;
}
.btn-group-sm > .btn.btn-icon-toggle {
	width: 30px;
	padding: 0;
}
.btn-group-lg > .btn.btn-icon-toggle {
	width: 44px;
	padding: 0;
}
.checkbox-styled:not(ie8),
.radio-styled:not(ie8) {
	position: relative;
	margin-top: 0;
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
	margin-left : 0;
}
.radio-inline:not(:last-child), .checkbox-inline:not(:last-child) {
	margin-right:18px;
}
.checkbox-styled:not(ie8) input ~ span,
.radio-styled:not(ie8) input ~ span {
	position: relative;
	padding-left: 1.85em;
	display: inline-block;
	cursor: pointer;
	vertical-align: text-top;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
	padding-top:5px;
}

.form-horizontal .radio-styled-krw .form-control, .form-horizontal .radio-styled-krw .radio-styled {
	display : inline-block;
}
.radio-styled em {
	font-style: normal;
}

.form-horizontal .radio-styled-krw .input-krw {
	position : relative;
}

.radio-styled-krw {
	padding-top : 5px;
}

.radio-styled-krw .checkbox-styled:not(ie8) input ~ span, .radio-styled-krw .radio-styled:not(ie8) input ~ span {
	width  : 15px;
	height : 15px;
}
.checkbox-styled:not(ie8) input ~ span:before,
.radio-styled:not(ie8) input ~ span:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	height: 16px;
	width: 16px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	color: #fff;
	font-size: 14px;
	text-indent: .07em;
	line-height: 13px;
	font-weight: 600;
	border-radius: 3px;
	border: 1px solid #cfd6d9;
	text-align: left;
}
.checkbox-styled:not(ie8).no-margin input ~ span,
.radio-styled:not(ie8).no-margin input ~ span {
	padding-left:20px;
}
.checkbox-styled:not(ie8) input[type="radio"],
.radio-styled:not(ie8) input[type="radio"],
.checkbox-styled:not(ie8) input[type="checkbox"],
.radio-styled:not(ie8) input[type="checkbox"] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
}
.checkbox-styled:not(ie8) label,
.radio-styled:not(ie8) label {
	padding-left: 0;
}
.checkbox-styled:not(ie8).radio-inline,
.radio-styled:not(ie8).radio-inline,
.checkbox-styled:not(ie8).checkbox-inline,
.radio-styled:not(ie8).checkbox-inline {
	padding-left: 0;
}
.checkbox-styled:not(ie8).disabled ~ span:before,
.radio-styled:not(ie8).disabled ~ span:before,
.checkbox-styled:not(ie8) input[disabled] ~ span:before,
.radio-styled:not(ie8) input[disabled] ~ span:before,
.checkbox-styled:not(ie8) input[readonly] ~ span:before,
.radio-styled:not(ie8) input[readonly] ~ span:before {
	color:#fff;
	background-color:#e5e6e6;
	border-color: #dfdfdf;

}
.checkbox-styled:not(ie8).disabled:checked ~ span:before,
.checkbox-styled:not(ie8) input[disabled]:checked ~ span:before,
.checkbox-styled:not(ie8) input[readonly]:checked ~ span:before {
	color: #fff;
	background-color: #66aeec;
	border-color: #66aeec;
}
.radio-styled:not(ie8).disabled:checked ~ span:before,
.radio-styled:not(ie8) input[disabled]:checked ~ span:before,
.radio-styled:not(ie8) input[readonly]:checked ~ span:before {
	color: #fff;
	background-color: #e5e6e6;
	border-color: #66aeec;
}
.checkbox-styled:not(ie8).disabled:checked ~ span:after,
.radio-styled:not(ie8).disabled:checked ~ span:after,
.checkbox-styled:not(ie8) input[disabled]:checked ~ span:after,
.radio-styled:not(ie8) input[disabled]:checked ~ span:after,
.checkbox-styled:not(ie8) input[readonly]:checked ~ span:after,
.radio-styled:not(ie8) input[readonly]:checked ~ span:after {
	background-color: #e5e6e6;
}
.checkbox-styled:not(ie8) input:checked ~ span:before {
	content: '\f012';
	font-family: 'Black Tie';
	font-size: inherit;
	vertical-align: -14.28571429%;
	text-rendering: auto;
	font-size:9px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0,0);
	background: #1A6DFF;
	border-width: 1px;
	border-style: solid;
	border-color:#1A6DFF;
	border-left-width: 2px;
	border-right-width: 2px;
}
.checkbox-styled:not(ie8) input:indeterminate ~ span:before {
	content: '\f021';
	font-family: 'Black Tie';
	font-size: inherit;
	vertical-align: -14.28571429%;
	text-rendering: auto;
	font-size: 9px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0,0);
	background: #1A6DFF;
	border-width: 2px;
	border-style: solid;
	border-color: #1A6DFF;
	border-left-width: 2px;
	border-right-width: 2px;
	font-weight: 900;
}
.checkbox-styled:not(ie8) input ~ span.text-14:before {
	top: 2px;
}
.radio-styled:not(ie8) input ~ span:before {
	font-size: 1.2em;
	border-radius: 50%;
	top: 1px;
}
.radio-styled:not(ie8) input:checked ~ span:before {
	background: radial-gradient(#1A6DFF 35%, #FFFFFF 45%);
}
.form-inverse .checkbox-styled:not(ie8) input ~ span:before,
.form-inverse .radio-styled:not(ie8) input ~ span:before {
	border-color: rgba(255, 255, 255, 0.8);
}
.form-inverse .checkbox-styled:not(ie8) input:checked ~ span:before,
.form-inverse .radio-styled:not(ie8) input:checked ~ span:before {
	border-color: #1A6DFF;
}
.form-inverse .checkbox-styled:not(ie8).disabled ~ span:before,
.form-inverse .radio-styled:not(ie8).disabled ~ span:before,
.form-inverse .checkbox-styled:not(ie8) input[disabled] ~ span:before,
.form-inverse .radio-styled:not(ie8) input[disabled] ~ span:before,
.form-inverse .checkbox-styled:not(ie8) input[readonly] ~ span:before,
.form-inverse .radio-styled:not(ie8) input[readonly] ~ span:before,
.form-inverse .checkbox-styled:not(ie8).disabled:checked ~ span:before,
.form-inverse .radio-styled:not(ie8).disabled:checked ~ span:before,
.form-inverse .checkbox-styled:not(ie8) input[disabled]:checked ~ span:before,
.form-inverse .radio-styled:not(ie8) input[disabled]:checked ~ span:before,
.form-inverse .checkbox-styled:not(ie8) input[readonly]:checked ~ span:before,
.form-inverse .radio-styled:not(ie8) input[readonly]:checked ~ span:before {
	border-color: rgba(255, 255, 255, 0.2);
}
.form-inverse .checkbox-styled:not(ie8).disabled:checked ~ span:after,
.form-inverse .radio-styled:not(ie8).disabled:checked ~ span:after,
.form-inverse .checkbox-styled:not(ie8) input[disabled]:checked ~ span:after,
.form-inverse .radio-styled:not(ie8) input[disabled]:checked ~ span:after,
.form-inverse .checkbox-styled:not(ie8) input[readonly]:checked ~ span:after,
.form-inverse .radio-styled:not(ie8) input[readonly]:checked ~ span:after {
	background-color: rgba(255, 255, 255, 0.2);
}
.checkbox-styled:not(ie8).checkbox-default-bright input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-default-bright input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-default-bright input:checked ~ span:before,
.radio-styled:not(ie8).radio-default-bright input:checked ~ span:before {
	border-color: #ffffff;
}
.checkbox-styled:not(ie8).checkbox-default-bright input ~ span:after,
.radio-styled:not(ie8).checkbox-default-bright input ~ span:after,
.checkbox-styled:not(ie8).radio-default-bright input ~ span:after,
.radio-styled:not(ie8).radio-default-bright input ~ span:after {
	background-color: #ffffff;
}
.checkbox-styled:not(ie8).checkbox-default-light input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-default-light input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-default-light input:checked ~ span:before,
.radio-styled:not(ie8).radio-default-light input:checked ~ span:before {
	border-color: #f2f3f3;
}
.checkbox-styled:not(ie8).checkbox-default-light input ~ span:after,
.radio-styled:not(ie8).checkbox-default-light input ~ span:after,
.checkbox-styled:not(ie8).radio-default-light input ~ span:after,
.radio-styled:not(ie8).radio-default-light input ~ span:after {
	background-color: #f2f3f3;
}
.checkbox-styled:not(ie8).checkbox-default input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-default input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-default input:checked ~ span:before,
.radio-styled:not(ie8).radio-default input:checked ~ span:before {
	border-color: #e5e6e6;
}
.checkbox-styled:not(ie8).checkbox-default input ~ span:after,
.radio-styled:not(ie8).checkbox-default input ~ span:after,
.checkbox-styled:not(ie8).radio-default input ~ span:after,
.radio-styled:not(ie8).radio-default input ~ span:after {
	background-color: #e5e6e6;
}
.checkbox-styled:not(ie8).checkbox-default-dark input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-default-dark input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-default-dark input:checked ~ span:before,
.radio-styled:not(ie8).radio-default-dark input:checked ~ span:before {
	border-color: #20252b;
}
.checkbox-styled:not(ie8).checkbox-default-dark input ~ span:after,
.radio-styled:not(ie8).checkbox-default-dark input ~ span:after,
.checkbox-styled:not(ie8).radio-default-dark input ~ span:after,
.radio-styled:not(ie8).radio-default-dark input ~ span:after {
	background-color: #20252b;
}
.checkbox-styled:not(ie8).checkbox-primary-bright input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-primary-bright input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-primary-bright input:checked ~ span:before,
.radio-styled:not(ie8).radio-primary-bright input:checked ~ span:before {
	border-color: #b3e3ff;
}
.checkbox-styled:not(ie8).checkbox-primary-bright input ~ span:after,
.radio-styled:not(ie8).checkbox-primary-bright input ~ span:after,
.checkbox-styled:not(ie8).radio-primary-bright input ~ span:after,
.radio-styled:not(ie8).radio-primary-bright input ~ span:after {
	background-color: #b3e3ff;
}
.checkbox-styled:not(ie8).checkbox-primary-light input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-primary-light input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-primary-light input:checked ~ span:before,
.radio-styled:not(ie8).radio-primary-light input:checked ~ span:before {
	border-color: #7dd8d2;
}
.checkbox-styled:not(ie8).checkbox-primary-light input ~ span:after,
.radio-styled:not(ie8).checkbox-primary-light input ~ span:after,
.checkbox-styled:not(ie8).radio-primary-light input ~ span:after,
.radio-styled:not(ie8).radio-primary-light input ~ span:after {
	background-color: #7dd8d2;
}
.checkbox-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-primary input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-primary input:checked ~ span:before,
.radio-styled:not(ie8).radio-primary input:checked ~ span:before {
	border-color: #1A6DFF;
}
.checkbox-styled:not(ie8).checkbox-primary input ~ span:after,
.radio-styled:not(ie8).checkbox-primary input ~ span:after,
.checkbox-styled:not(ie8).radio-primary input ~ span:after,
.radio-styled:not(ie8).radio-primary input ~ span:after {
	background-color: #1A6DFF;
}
.checkbox-styled:not(ie8).checkbox-primary-dark input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-primary-dark input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-primary-dark input:checked ~ span:before,
.radio-styled:not(ie8).radio-primary-dark input:checked ~ span:before {
	border-color: #066265;
}
.checkbox-styled:not(ie8).checkbox-primary-dark input ~ span:after,
.radio-styled:not(ie8).checkbox-primary-dark input ~ span:after,
.checkbox-styled:not(ie8).radio-primary-dark input ~ span:after,
.radio-styled:not(ie8).radio-primary-dark input ~ span:after {
	background-color: #066265;
}
.checkbox-styled:not(ie8).checkbox-accent-bright input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-accent-bright input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-accent-bright input:checked ~ span:before,
.radio-styled:not(ie8).radio-accent-bright input:checked ~ span:before {
	border-color: #e9c9ef;
}
.checkbox-styled:not(ie8).checkbox-accent-bright input ~ span:after,
.radio-styled:not(ie8).checkbox-accent-bright input ~ span:after,
.checkbox-styled:not(ie8).radio-accent-bright input ~ span:after,
.radio-styled:not(ie8).radio-accent-bright input ~ span:after {
	background-color: #e9c9ef;
}
.checkbox-styled:not(ie8).checkbox-accent-light input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-accent-light input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-accent-light input:checked ~ span:before,
.radio-styled:not(ie8).radio-accent-light input:checked ~ span:before {
	border-color: #c77bd4;
}
.checkbox-styled:not(ie8).checkbox-accent-light input ~ span:after,
.radio-styled:not(ie8).checkbox-accent-light input ~ span:after,
.checkbox-styled:not(ie8).radio-accent-light input ~ span:after,
.radio-styled:not(ie8).radio-accent-light input ~ span:after {
	background-color: #c77bd4;
}
.checkbox-styled:not(ie8).checkbox-accent input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-accent input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-accent input:checked ~ span:before,
.radio-styled:not(ie8).radio-accent input:checked ~ span:before {
	border-color: #9c27b0;
}
.checkbox-styled:not(ie8).checkbox-accent input ~ span:after,
.radio-styled:not(ie8).checkbox-accent input ~ span:after,
.checkbox-styled:not(ie8).radio-accent input ~ span:after,
.radio-styled:not(ie8).radio-accent input ~ span:after {
	background-color: #9c27b0;
}
.checkbox-styled:not(ie8).checkbox-accent-dark input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-accent-dark input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-accent-dark input:checked ~ span:before,
.radio-styled:not(ie8).radio-accent-dark input:checked ~ span:before {
	color:#d8254d;
	/*
  border-color: #681a7f;
  */
}
.checkbox-styled:not(ie8).checkbox-accent-dark input ~ span:after,
.radio-styled:not(ie8).checkbox-accent-dark input ~ span:after,
.checkbox-styled:not(ie8).radio-accent-dark input ~ span:after,
.radio-styled:not(ie8).radio-accent-dark input ~ span:after {
	background-color: #681a7f;
}
.checkbox-styled:not(ie8).checkbox-success input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-success input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-success input:checked ~ span:before,
.radio-styled:not(ie8).radio-success input:checked ~ span:before {
	color:#00bbbf;
	/*
  border-color: #4caf50;
  */
}
.checkbox-styled:not(ie8).checkbox-success input ~ span:after,
.radio-styled:not(ie8).checkbox-success input ~ span:after,
.checkbox-styled:not(ie8).radio-success input ~ span:after,
.radio-styled:not(ie8).radio-success input ~ span:after {
	color:#4caf50;
	/*
  background-color: #4caf50;
  */
}
.checkbox-styled:not(ie8).checkbox-warning input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-warning input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-warning input:checked ~ span:before,
.radio-styled:not(ie8).radio-warning input:checked ~ span:before {
	color:#ffe400;
	/*
  border-color: #ff9800;
  */
}
.checkbox-styled:not(ie8).checkbox-warning input ~ span:after,
.radio-styled:not(ie8).checkbox-warning input ~ span:after,
.checkbox-styled:not(ie8).radio-warning input ~ span:after,
.radio-styled:not(ie8).radio-warning input ~ span:after {
	background-color: #ff9800;
}
.checkbox-styled:not(ie8).checkbox-danger input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-danger input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-danger input:checked ~ span:before,
.radio-styled:not(ie8).radio-danger input:checked ~ span:before {
	color:#ff4345;
	/*
  border-color: #f44336;
  */
}
.checkbox-styled:not(ie8).checkbox-danger input ~ span:after,
.radio-styled:not(ie8).checkbox-danger input ~ span:after,
.checkbox-styled:not(ie8).radio-danger input ~ span:after,
.radio-styled:not(ie8).radio-danger input ~ span:after {
	background-color: #f44336;
}
.checkbox-styled:not(ie8).checkbox-info input:checked ~ span:before,
.radio-styled:not(ie8).checkbox-info input:checked ~ span:before,
.checkbox-styled:not(ie8).radio-info input:checked ~ span:before,
.radio-styled:not(ie8).radio-info input:checked ~ span:before {
	color:#267ddc;
	/*
  border-color: #267ddc;
  */
}
.checkbox-styled:not(ie8).checkbox-info input ~ span:after,
.radio-styled:not(ie8).checkbox-info input ~ span:after,
.checkbox-styled:not(ie8).radio-info input ~ span:after,
.radio-styled:not(ie8).radio-info input ~ span:after {
	background-color: #267ddc;
}

.btn-floating-action {
	width: 44px;
	height: 44px;
	border-radius: 999px !important;
	padding: 0;
	font-size: 17px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	-webkit-transition: -webkit-box-shadow 0.15s ease-out;
	-moz-transition: -moz-box-shadow 0.15s ease-out;
	-o-transition: -o-box-shadow 0.15s ease-out;
	transition: box-shadow 0.15s ease-out;
}
.btn-floating-action .fa,
.btn-floating-action .zmdi,
.btn-floating-action .glyphicon {
	top: 0;
	margin: 0;
	line-height: 42px;
}
.btn-floating-action.btn-lg {
	width: 56px;
	height: 56px;
}
.btn-floating-action.btn-lg .fa,
.btn-floating-action.btn-lg .zmdi,
.btn-floating-action.btn-lg .glyphicon {
	line-height: 54px;
	font-size: 1.3em;
}
.btn-floating-action.btn-lg .zmdi {
	font-size: 1.5em;
}
.btn-floating-action.btn-sm {
	width: 36px;
	height: 36px;
}
.btn-floating-action.btn-sm .fa,
.btn-floating-action.btn-sm .zmdi,
.btn-floating-action.btn-sm .glyphicon {
	line-height: 34px;
}
.btn-floating-action.btn-xs {
	width: 28px;
	height: 28px;
}
.btn-floating-action.btn-xs .fa,
.btn-floating-action.btn-xs .zmdi,
.btn-floating-action.btn-xs .glyphicon {
	line-height: 26px;
}
.btn-floating-action:hover {
	-webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
	box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
}
.btn-floating-action:active,
.btn-floating-action.active {
	-webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
	box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
}
.btn-group-xs > .btn.btn-floating-action {
	width: 22px;
	padding: 0;
}
.btn-group-sm > .btn.btn-floating-action,
.input-group-sm .btn.btn-floating-action {
	width: 30px;
	padding: 0;
}
.btn-group-lg > .btn.btn-floating-action,
.input-group-lg .btn.btn-floating-action {
	width: 44px;
	padding: 0;
}
.btn-group-vertical.full-width {
	width: 100%;
}
.btn-group-vertical.full-width .btn,
.btn-group-vertical.full-width .btn-group {
	width: 100%;
}
.link-default {
	text-decoration: none;
	font-weight: 500;
	color: inherit;
}
.link-default:hover {
	opacity: 1;
}
.link-default .fa,
.link-default .zmdi,
.link-default .glyphicon {
	margin-right: 12px;
}
.btn-lg {
	font-size: 17px;
}
.btn-sm {
	font-size: 13px;
	padding: 7px 12px;
}
.btn-sm-padding {
	padding: 2px 15px;
}
.btn-xs-padding {
	padding: 1px 15px;
}
.btn-lg-padding {
	padding: 8px 24px;
}
.btn-xs {
	padding: 4px 8px;
	font-size: 12px;
	line-height: normal;
}
.btn-wide {
	padding:10px 20px;
}
.btn-xs.btn-sm-padding.btn-circle {
	border-radius: 20px;
}
.fa.icon-tilt,
.zmdi.icon-tilt,
.glyphicon.icon-tilt,
.icon-tilt {
	-webkit-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg);
}
.fa.icon-tilt-alt,
.zmdi.icon-tilt-alt,
.glyphicon.icon-tilt-alt,
.icon-tilt-alt {
	-webkit-transform: rotate(350deg);
	-ms-transform: rotate(350deg);
	-o-transform: rotate(350deg);
	transform: rotate(350deg);
}
.btn + .dropdown-toggle .fa,
.btn + .dropdown-toggle .zmdi {
	margin: 0;
}
.btn .fa + .fa,
.btn .zmdi + .zmdi {
	margin-right: 0;
	margin-left: 6px;
}
.btn-icon-toggle .fa,
.btn-icon-toggle .zmdi,
.btn-icon-toggle .glyphicon {
	margin: 0;
}
.nav a + .dropdown-toggle .fa,
.nav a + .dropdown-toggle .zmdi {
	margin: 0;
}
.nav a .fa + .fa,
.nav a .zmdi + .zmdi {
	margin-right: 0;
	margin-left: 6px;
}

.nav.nav-sm > li:first-child {
	margin-top : 8px;
}
#showcase_list > li:first-child {
	margin-top: 0;
}
.nav #prod_list_category_ > a {
	display      : block;
	padding-left : 24px;
}

.nav.nav-sm > li > a {
	padding : 5px 24px;
}

.nav-category .dd-handle {
	padding-left : 0;
}

.nav-category .dd-handle span {
	padding-left : 25px;
}

.nav-category .dd-list .dd-handle span {
	padding-left : 45px;
}
.nav-category .dd-list .dd-list .dd-handle span {
	padding-left : 65px;
}
.nav-category .dd-list .dd-handle span:before,
#prod_category_list.dropdown-item .dd-list .dropdown-handle:before {
	content: '';
	display: block;
	border-style: dotted;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 7px;
	border-width: 0 0 1px 1px;
	border-color: #777;
	z-index: 55;
	left: 30px;
}
#prod_category_list.dropdown-item .dd-list .dropdown-handle:before {
	left: 32px;
}
#prod_category_list.dropdown-item .dd-list .dropdown-handle {
	padding-left: 46px;
}
#prod_category_list.dropdown-item .dd-list .dd-list .dropdown-handle:before {
	left: 52px;
}
#prod_category_list.dropdown-item .dd-list .dd-list .dropdown-handle {
	padding-left: 66px;
}
#prod_category_list.dropdown-item .checkbox-styled:not(ie8) input ~ span,
#prod_category_list.dropdown-item .radio-styled:not(ie8) input ~ span {
	padding-left: 25px;
}
.nav-category .dd-list .dd-list .dd-handle span:before {
	left: 50px;
}
.nav-category .dd-list .dd-list .dd-handle {
	padding-left : 0;
}
body [class*=" zmdi-"],
[class^=zmdi-] {
	font-size: 1.2em;
}

.dropdown.header_drop > button, .card-head > .more {
	padding:26px 24px 25px;
	font-size:20px;
	line-height: 17px;
	vertical-align: middle;
}
.dropdown.header_drop > button > i.zmdi {
	font-size:24px;
	line-height: 17px;
	vertical-align: middle;
}

.dropdown-menu {
	border:none;
	margin: 0;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.30);
	border-radius:2px;
	padding:0;
}
.dropdown-menu.top {
	top:auto;
	bottom:42px;
}
.dropdown-menu.right {
	left:auto;
	right:0;
}
.dropdown-menu.top-right {
	left:50px;
	top:55px;
}
.dropdown-menu.top-left {
	top:16px;
}
.dropdown-menu.dropdown-notify {
	background:#eee;
}
.dropdown-menu.dropdown-notify small {
	color:#BDBDBD;
}
.dropdown-menu.dropdown-notify .title {
	color:#757575;
	font-size:13px;
	margin-bottom:8px;
}
.dropdown-menu.dropdown-notify .title i {margin-right:14px; font-size:20px; vertical-align:middle;}
.dropdown-menu > li > a {
	padding: 8px 24px;
	font-size:13px;
}
.dropdown-menu > li > a:hover {
	background:#eee;
}
.dropdown-menu > li:first-child > a, .dropdown-menu .select_group > li:first-child > a {
	margin-top:8px;
}
.dropdown-menu > li:last-child > a, .dropdown-menu .select_group > li:last-child > a, .dropdown-menu .footer > li:last-child > a {
	margin-bottom:8px;
}
.edit_views_type > li:hover {
	background:#eee;
}
.edit_views_type > li:first-child {
	margin-top:8px;
}
.edit_views_type > li:last-child {
	margin-bottom:8px;
}
.edit_views_type > li {
	padding   : 8px 24px;
	font-size : 13px;
	cursor : pointer;
}
.input-down-btn {
	display: inline-block;
	background: url(../../../images/site/ico_menu-down.png) no-repeat center right;
	background-size: 24px 24px;
	padding-right: 5px;
}
.header-nav-options .edit_category:after {
	margin-top: 1px;
	margin-left:5px;
	pointer-events: none;
	display: inline-block;
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f2f2';
	position: absolute;
	font-size: 23px;
}
#contents_post_category_ul {
	max-height: 50vh;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#contents_post_category_ul::-webkit-scrollbar {
	display: none;
}
.header-nav-options .admin_contents_header_action .dropdown-menu {
	width: 150px;
	top: 40px;
}
.dropdown-menu.check {
	min-width: 220px;
}
.dropdown-menu .divider {
	margin: 4px 0 4px;
}
.dropdown-menu.check-list {
	min-width: 220px;
	max-height:225px;
	overflow: auto;
}
.dropdown-menu.check-list .divider {
	margin:6px 0;
}
.dropdown-menu.check-list > li > .checkbox, .dropdown-menu.check-list > li > .radio, .dropdown-menu.check-list > .radio > li > .checkbox  {
	padding:12px 24px;
	margin-bottom:0;
}
.dropdown-menu.check-list > li:first-child > .radio,
.dropdown-menu.check-list > li:first-child > .checkbox {
	padding-top:24px;
}
.dropdown-menu.check-list > li:last-child > .radio,
.dropdown-menu.check-list > li:last-child > .checkbox {
	padding-bottom:24px;
}
.dropdown-menu.check-list > li > .radio label span,
.dropdown-menu.check-list > li > .checkbox label span {
	margin-bottom:0;
}
.dropdown-menu.check > .select_group {
	max-height:225px;
	overflow: auto;
}
.dropdown-menu.check > .footer > li > a {
	color: #1A6DFF;
}
.dropdown-menu.check > .footer > li > a:hover {
	color:#1A6DFF;
}
.dropdown-menu.check > div > li > a {
	padding: 8px 24px 8px 48px;
	display: block;
	clear: both;
	white-space: nowrap;
	position: relative;
	color:#757575;
	line-height: 1.42857143;
}
.dropdown-menu.check > div > li > a:hover {
	text-decoration: none;
	background:#eee;
	color:#212121;
}
.dropdown-menu.check > div > li.checked > a {
	color:#212121;
}
.dropdown-menu.check > div > li.disabled > a {
	color:#bdbdbd;
	cursor: not-allowed;
}
.dropdown-menu.check > div > li.checked.no-control > a, .dropdown-menu.check > div > li.no-control > a {
	color:#bdbdbd;
}
.dropdown-menu.check > div > li.checked.no-control > a:hover, .dropdown-menu.check > div > li.no-control > a:hover {
	background: transparent;
}
.dropdown-menu.check > div > li.checked > a:before {
	content:'\f26b';
	font-family: 'Material-Design-Iconic-Font';
	font-size:20px;
	color:#212121;
	position: absolute;
	left:18px;
	top:4px;
	-webkit-font-smoothing:antialiased;
}
.dropdown-menu.check > div > li.checked.no-control > a:before {
	color:#bdbdbd;
}
.dropdown-menu.dropdown-notify > li > a {
	padding: 12px 20px;
}
.dropdown-menu .alert {
	min-width: 250px;
	margin: 8px 16px;
	padding: 16px 20px;
	white-space:normal
}
.dropdown-menu.dropdown-notify .alert {
	border:none;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.30);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.30);
}
.dropdown-menu .alert:before,
.dropdown-menu .alert:after {
	content: " ";
	display: table;
}
.dropdown-menu .alert:after {
	clear: both;
}
.dropdown-menu img.pull-right {
	margin-left: 10px;
	margin-bottom: 2px;
}
.dropdown-menu img.pull-left {
	margin-right: 10px;
	margin-bottom: 2px;
}
.dropdown-header {
	padding: 10px 16px 1px 16px;
	font-size: 12px;
	font-weight: 500;
	color:#212121;
}
.dropdown-header h4 {margin-bottom:4px;}
.dropdown-avatar {
	max-width: 40px;
}
.side-nav-profile .dropdown .dropdown-profile {padding:24px; display: block;}
.side-nav-profile .dropdown .dropdown-profile .dropdown-avatar-big {width:76px; height:76px; border-radius:76px;}
li.dropdown-progress {
	min-width: 250px;
}
li.dropdown-progress > a {
	padding: 15px 0px;
}
li.dropdown-progress .dropdown-label {
	padding: 5px 20px;
}
li.dropdown-progress .progress {
	margin-bottom: 0;
	height: 5px;
}
.dropdown-label:before,
.dropdown-label:after {
	content: " ";
	display: table;
}
.dropdown-label:after {
	clear: both;
}
.dropup .dropdown-menu {
	margin-bottom: 0;
}
.modal .dropup .dropdown-menu {
	bottom: auto;
}
.open > .dropdown-menu.animation-zoom {
	-webkit-animation: zoom-down 0.25s ease-out;
	-moz-animation: zoom-down 0.25s ease-out;
	-ms-animation: zoom-down 0.25s ease-out;
	-o-animation: zoom-down 0.25s ease-out;
	animation: zoom-down 0.25s ease-out;
}
.dropup.open > .dropdown-menu.animation-zoom {
	-webkit-animation: zoom-up 0.25s ease-out;
	-moz-animation: zoom-up 0.25s ease-out;
	-ms-animation: zoom-up 0.25s ease-out;
	-o-animation: zoom-up 0.25s ease-out;
	animation: zoom-up 0.25s ease-out;
}
.open > .dropdown-menu.animation-slide {
	-webkit-animation: slide-right 0.3s ease-out;
	-moz-animation: slide-right 0.3s ease-out;
	-ms-animation: slide-right 0.3s ease-out;
	-o-animation: slide-right 0.3s ease-out;
	animation: slide-right 0.3s ease-out;
}
.open > .dropdown-menu.animation-dock {
	-webkit-animation: slide-up 0.3s ease-out;
	-moz-animation: slide-up 0.3s ease-out;
	-ms-animation: slide-up 0.3s ease-out;
	-o-animation: slide-up 0.3s ease-out;
	animation: slide-up 0.3s ease-out;
}
.dropup.open > .dropdown-menu.animation-dock {
	-webkit-animation: slide-down 0.3s ease-out;
	-moz-animation: slide-down 0.3s ease-out;
	-ms-animation: slide-down 0.3s ease-out;
	-o-animation: slide-down 0.3s ease-out;
	animation: slide-down 0.3s ease-out;
}
.open > .dropdown-menu.animation-expand {
	-webkit-animation: slide-down 0.3s ease-out;
	-moz-animation: slide-down 0.3s ease-out;
	-ms-animation: slide-down 0.3s ease-out;
	-o-animation: slide-down 0.3s ease-out;
	animation: slide-down 0.3s ease-out;
}
.dropup.open > .dropdown-menu.animation-expand {
	-webkit-animation: slide-up 0.3s ease-out;
	-moz-animation: slide-up 0.3s ease-out;
	-ms-animation: slide-up 0.3s ease-out;
	-o-animation: slide-up 0.3s ease-out;
	animation: slide-up 0.3s ease-out;
}
.alarm-menu .dropdown-menu {
	width : 220px;
	top: 45px;
}
.alarm-menu.dropup .dropdown-menu {
	bottom: auto;
}
.fixed-top .dropdown-menu.product-dropdown {
	top: 0;
	bottom: auto;
	max-height: 500px;
	overflow-y: auto;
}
.alarm-menu .dropdown-menu:before,
.alarm-menu .dropdown-menu:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.alarm-menu .dropdown-menu:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.alarm-menu .dropdown-menu:before {
	border-color        : rgba(217, 217, 217, 0);
	border-bottom-color : #d9d9d9;
	border-width        : 11px;
	margin-left        : -11px;
}
.alarm-menu .dropdown-menu ul {
	padding: 15px 20px;
	list-style: none;
	margin-bottom: 0;
	max-height: 400px;
	overflow-y: auto;
}
.alarm-menu .dropdown-menu .tit {
	font-size: 16px;
}
.alarm-menu .dropdown-menu ul.app_status {
	border-top: 1px solid #eee;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.846153846;
	border: none;
	border-bottom: 1px solid transparent;
	border-radius: 0;
	font-weight: 500;
	text-transform: uppercase;
}
.help-section .fr-wrapper {
	font-size:14px;
}
.help-section .form-group label span {
	font-size:14px;
	color:#212121;
}
.help-section .list .tile a.tile-content {
	color: #212121;
}
.help-section .nav-tabs > li > a {
	font-size:14px;
}
.nav > li > a:hover, .nav > li > a:focus {
	background-color: inherit;
}
.nav-tabs > li > a:hover {
	border-bottom: 1px solid transparent;
	color: #1a6dff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	border: none;
	border-bottom: 1px solid #1A6DFF;
	color: #1A6DFF;
	background-color: transparent;
	cursor: default;
	opacity: 1;
}
.card-head.nav-tabs,
.modal-header > .nav-tabs,
.card-head > .nav-tabs {
	padding: 0;
}
.card-head.nav-tabs > li > a,
.card-head > .nav-tabs > li > a {
	line-height: 48px;
	padding:0 24px;

}
.nav-tabs > .tools {
	line-height: normal;
	margin-top:16px;
	margin-right:12px;
}
.card-head.iconic-head header i {
	margin-right:12px;
	line-height:1;
}
.card-head .icon-right {
	position: absolute;
	color:#757575;
	font-size:24px;
	top:18px;
	right:24px;
}
.card-head.card-head-xs.nav-tabs > li > a,
.card-head.card-head-xs > .nav-tabs > li > a {
	line-height: 34px;
}
.card-head.card-head-sm.nav-tabs > li > a,
.card-head.card-head-sm > .nav-tabs > li > a {
	line-height: 46px;
}
.card-head.card-head-lg.nav-tabs > li > a,
.card-head.card-head-lg > .nav-tabs > li > a {
	line-height: 78px;
}
.card-head .badge{
	vertical-align: top;
}
.nav-tabs.nav-justified {
	padding: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
	border: none;
	border-bottom: 2px solid #1A6DFF;
}
.nav-tabs.tabs-center > li {
	float: none;
	display: inline-block;
}
.nav-tabs.tabs-center {
	text-align: center;
}
.tabs-text-contrast {
	border-bottom-color: rgba(255, 255, 255, 0.15);
}
.tabs-text-contrast > li > a:hover,
.tabs-text-contrast > li > a:focus {
	background-color: rgba(255, 255, 255, 0.35);
}
.tabs-text-contrast > li.active > a,
.tabs-text-contrast > li.active > a:hover,
.tabs-text-contrast > li.active > a:focus {
	color: inherit !important;
}
.card-underline .card-head .nav-tabs {
	border-bottom: none;
}
.nav-tabs a small {
	color: inherit;
	text-transform: initial;
}
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
	border: none;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
	display: none;
}
.tab-content > .active,
.pill-content > .active {
	display: block;
}
.tabs-below > .nav-tabs {
	border-top: 1px solid #dddddd;
}
.tabs-below > .nav-tabs > li {
	margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
	border-bottom: none;
}
.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #dddddd;
	border-bottom-color: transparent;
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
	border-bottom: none;
	line-height: 50px;
	border-top: 2px solid #1A6DFF;
	border-radius: 0;
}
.tabs-left > .tab-content,
.tabs-right > .tab-content {
	overflow: auto;
}
.tabs-left > .nav-tabs,
.tabs-right > .nav-tabs {
	padding-left: 0;
	padding-right: 0;
}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
	min-width: 74px;
	margin-right: 0;
}
.tabs-left > .nav-tabs {
	float: left;
}
.tabs-left > .nav-tabs > li > a {
	border-bottom: none;
	border-right: 2px solid transparent;
}
.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
	border-color: transparent;
	border-right-color: #dddddd;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-bottom: none;
	border-right: 2px solid #1A6DFF;
	border-radius: 0;
}
.tabs-right > .nav-tabs {
	float: right;
}
.tabs-right > .nav-tabs > li > a {
	border-bottom: none;
	border-left: 2px solid transparent;
	padding:12px 24px;
}
.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
	border-color: transparent;
	border-left-color: #dddddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
	border-bottom: none;
	border-left: 2px solid #1A6DFF;
	border-radius: 0;
}
.nav-tabs.tabs-default-dark > li.active > a,
.nav-tabs.tabs-default-dark > li.active > a:hover,
.nav-tabs.tabs-default-dark > li.active > a:focus {
	border-color: #20252b;
	color: #20252b;
}
.nav-tabs.tabs-default > li.active > a,
.nav-tabs.tabs-default > li.active > a:hover,
.nav-tabs.tabs-default > li.active > a:focus {
	border-color: #e5e6e6;
	color: #e5e6e6;
}
.nav-tabs.tabs-default-light > li.active > a,
.nav-tabs.tabs-default-light > li.active > a:hover,
.nav-tabs.tabs-default-light > li.active > a:focus {
	border-color: #f2f3f3;
	color: #f2f3f3;
}
.nav-tabs.tabs-default-bright > li.active > a,
.nav-tabs.tabs-default-bright > li.active > a:hover,
.nav-tabs.tabs-default-bright > li.active > a:focus {
	border-color: #ffffff;
	color: #ffffff;
}
.nav-tabs.tabs-primary-dark > li.active > a,
.nav-tabs.tabs-primary-dark > li.active > a:hover,
.nav-tabs.tabs-primary-dark > li.active > a:focus {
	border-color: #066265;
	color: #066265;
}
.nav-tabs.tabs-primary {
	border-color:#1A6DFF;
}
.nav-tabs.tabs-primary > li > a {
	color:#B4E9E9;
}
.nav-tabs.tabs-primary > li > a:hover {
	color:#fff;
	background: transparent;
	border-color:transparent;
}
.nav-tabs.tabs-primary > li.active > a,
.nav-tabs.tabs-primary > li.active > a:hover,
.nav-tabs.tabs-primary > li.active > a:focus {
	border-color: #ffe400 !important;
	color: #ffffff;
}
.nav-tabs.tabs-primary-light > li.active > a,
.nav-tabs.tabs-primary-light > li.active > a:hover,
.nav-tabs.tabs-primary-light > li.active > a:focus {
	border-color: #7dd8d2;
	color: #7dd8d2;
}
.nav-tabs.tabs-primary-bright > li.active > a,
.nav-tabs.tabs-primary-bright > li.active > a:hover,
.nav-tabs.tabs-primary-bright > li.active > a:focus {
	border-color: #b3e3ff;
	color: #b3e3ff;
}
.nav-tabs.tabs-accent-dark > li.active > a,
.nav-tabs.tabs-accent-dark > li.active > a:hover,
.nav-tabs.tabs-accent-dark > li.active > a:focus {
	border-color: #681a7f;
	color: #681a7f;
}
.nav-tabs.tabs-accent > li.active > a,
.nav-tabs.tabs-accent > li.active > a:hover,
.nav-tabs.tabs-accent > li.active > a:focus {
	border-color: #9c27b0;
	color: #9c27b0;
}
.nav-tabs.tabs-accent-light > li.active > a,
.nav-tabs.tabs-accent-light > li.active > a:hover,
.nav-tabs.tabs-accent-light > li.active > a:focus {
	border-color: #c77bd4;
	color: #c77bd4;
}
.nav-tabs.tabs-accent-bright > li.active > a,
.nav-tabs.tabs-accent-bright > li.active > a:hover,
.nav-tabs.tabs-accent-bright > li.active > a:focus {
	border-color: #e9c9ef;
	color: #e9c9ef;
}
.nav-tabs.tabs-success > li.active > a,
.nav-tabs.tabs-success > li.active > a:hover,
.nav-tabs.tabs-success > li.active > a:focus {
	border-color: #4caf50;
	color: #4caf50;
}
.nav-tabs.tabs-warning > li.active > a,
.nav-tabs.tabs-warning > li.active > a:hover,
.nav-tabs.tabs-warning > li.active > a:focus {
	border-color: #ff9800;
	color: #ff9800;
}
.nav-tabs.tabs-danger > li.active > a,
.nav-tabs.tabs-danger > li.active > a:hover,
.nav-tabs.tabs-danger > li.active > a:focus {
	border-color: #f44336;
	color: #f44336;
}
.nav-tabs.tabs-info > li.active > a,
.nav-tabs.tabs-info > li.active > a:hover,
.nav-tabs.tabs-info > li.active > a:focus {
	border-color: #267ddc;
	color: #267ddc;
}
abbr.livetimestamp {
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}
.card {
	position: relative;
	margin-bottom: 20px;
	background-color: #ffffff;
	color: #212121;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10);
}
.card.bg-transparent {
	background-color: transparent;
}
.card.mb-0 {
	margin-bottom: 0;
}
.card:before,
.card:after {
	content: " ";
	display: table;
}
.card:after {
	clear: both;
}
.card.card-top {border-radius:0; margin-left:-24px; margin-right:-24px; box-shadow: none; margin-bottom: 0;}
.card.card-top.scroll-to-fixed-fixed {box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);}
.card.card-top.style-transparent.scroll-to-fixed-fixed {background-color: #1A6DFF; color:#fff;}
.card.card-top .card-head header {padding:28px 48px 16px;}
.card.card-top .card-head header i {margin-bottom:0; margin-right:24px;}
.card.card-top.no-tab .card-head header {padding:28px 24px;}
.card.card-top .card-head .nav {margin-left:24px;}
.card.card-top .card-head .nav.subnav {margin-left:78px;}
.card.card-top .tools {line-height:73px;}
.card.card-top .tools > .btn-group > .btn {margin-left:8px;}
.card.card-top .tools > .btn-group > .btn-group {margin-left:8px;}
.card.card-top.card-small {margin-bottom:13px;}
.card.card-top.card-small .dropdown.header_drop > button {
	padding:14px 24px 13px;
}
.prod-title-fixed-top.scroll-to-fixed-fixed {
	background: #fff;
	font-size:16px;
	left: 255px !important;
}
.form-group.head-form {
	padding:0 24px;
	float: right;
	width: 200px;
	line-height:20px;
	margin:14px 0 0;
}
.form-group.head-form .btn-default-bright {
	border:none;
}
.card.card-top.card-small .tools {
	line-height: 60px;
}
.card.card-top.card-small .card-head {
	line-height: 60px;
	min-height: 60px;
}
.control-fixed {
	background: #1A6DFF;
}
.card-black {
	background-color: #363b3e;
	color: #fff;
}
.card-summary .sub_tit {
	width: 60px;
}
.card-summary .sub_option {
	min-width: 30px;
}
.card-summary:last-child:after {
	content: '';
	display: block;
	width: 100%;
	position : absolute;
	left: 0;
	top: 0;
	border-top :1px solid rgba(255,255,255,0.1);
}
.card-memo {
	background: #fffbd5;
}
.card-memo .memo-dropdown {
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -18.5px;
}
.card-memo .memo-body {
	padding-left: 45px;
}
.card-memo .memo-thumb {
	width: 45px;
}
.admin_img_wrap > div {
	margin: 0 7px 7px 0;
}
.admin_img_wrap > div:last-child {
	margin: 0;
}
@media (max-width: 768px) {
	.card.card-top {
		border-radius:0; margin-left:-12px; margin-right:-12px;
	}
	.dropdown.header_drop > button, .card-head > .more {
		padding:26px 12px 25px;
	}
	.card.card-top.card-small .dropdown.header_drop > button {
		padding:14px 14px 13px;
	}
	.edit_admin_memo {
		position: relative !important;
	}
	.width_control.shop-table .subject th{
		padding-left: 8px;
	}
}
.card .btn-icon-toggle:hover {
	background-color: rgba(12, 12, 12, 0.07);
}
.card > .nano:last-child {
	border-radius: 0 0 2px 2px;
}
.card.no-shadow, .no-shadow {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.card-head {
	position: relative;
	line-height: 50px;
	min-height: 50px;
	vertical-align: middle;
	border-radius: 2px 2px 0 0;
}
.card-head:before,
.card-head:after {
	content: " ";
	display: table;
}
.card-head:after {
	clear: both;
}
.card-head header {
	display: inline-block;
	padding: 12px 24px;
	vertical-align: middle;
	line-height: 1.2;
	font-size: 14px;
}
.card.card-sm-padding .card-head header {
	padding:12px 14px;
}
.card-head header > a > i {
	line-height: 16px;
	vertical-align: bottom;
}
.card-head header > a > i.btn-back {
	padding-right:18px;
}
.card-head header.small {
	font-size:14px;
}
.card-head header > h1,
.card-head header > h2,
.card-head header > h3,
.card-head header > h4,
.card-head header > h5,
.card-head header > h6 {
	vertical-align: middle;
	margin: 0;
	line-height: 1;
}
.card-head header small {
	color: inherit;
	font-size: 85%;
}
.card-head a:hover header {
	color:#757575;
}
.card-head > div {
	display: inline-block;
}
.card-head .tools {
	padding-right: 16px;
	float: right;
}
.card-head .tools form {
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 24px;
	line-height: normal;
	vertical-align: middle;
}
.card-head .tools .btn-floating-action {
	margin-left: 8px;
}
.card-head .tools > .btn-group {
	margin-right: 4px;
}
.card-head .tools > .btn-group > .btn, .card-head .tools > .btn-group > .btn-group > .btn  {
	font-size:18px;
}
.card-head .tools > .btn-group-xs {
	margin-right: 10px;
}
.card-head .tools > .btn-group-sm {
	margin-right: 4px;
}
.card-head .tools > .btn-group-lg {
	margin-right: 0;
}
.card-head .tools.pull-left > .btn-group {
	margin-left: 4px;
}
.card-head .tools.pull-left > .btn-group-xs {
	margin-left: 10px;
}
.card-head .tools.pull-left > .btn-group-sm {
	margin-left: 4px;
}
.card-head .tools.pull-left > .btn-group-lg {
	margin-left: 0;
}
.card-head.card-head-xs {
	line-height: 32px;
	min-height: 36px;
}
.card-head.card-head-xs header {
	font-size: 15px;
	padding: 8px 24px;
}
.card-head.card-head-sm {
	line-height: 44px;
	min-height: 48px;
}
.card-head.card-head-sm header {
	font-size: 15px;
}
.card-head.card-head-lg {
	line-height: 76px;
	min-height: 80px;
}
.card-head.card-head-lg header {
	font-size: 24px;
}

.card-top.scroll-to-fixed-fixed .card-head {
	height:48px;
}
.card-body {
	padding: 24px;
	position: relative;
}
.card-body.card-body-sm-padding {
	padding: 12px 24px 24px;
}
.card.card-sm-padding .card-body {
	padding: 14px;
}
.card-body:before,
.card-body:after {
	content: " ";
	display: table;
}
.card-body:after {
	clear: both;
}
.card-body:last-child {
	border-radius: 0 0 2px 2px;
}
.card-body.table-responsive {
	margin: 0;
}
.table-relative {
	border:1px solid #e5e6e6;
	position: relative;
}
.table-relative-height {
	max-height: 330px;
	overflow-y: scroll;
}
.table-relative td {
	position: relative;
}
.table-relative th.image {
	width: 71px;
}
.table-relative th.check {
	width: 40px;
}
.table-relative .title .item ~ .item {
	margin-top: 5px;
}
.table-relative .pay {
	width: 97px;
}
.table-relative .group {
	width: 120px;
}
.table-relative .state {
	width: 80px;
}
.table-relative .mutual {
	width: 120px;
}
.table-relative th.mutual {
	width: 135px;
}
.table-modal-product .item-thumb {
	width: 48px;
	position: absolute;
	left: 0;
	top: 0;
}
.table-modal-product .product-info {
	padding-left: 65px;
	margin-top:4px;
	min-height:44px;
}
.dashboard_main .section-body .card-body.today-table,
.dashboard_main .section-body .right-menu-fixed .card-body {
	min-height: inherit;
}
.dashboard_main .section-body .card-body.today-table {
	padding: 16px 24px;
}
.card-actionbar {
	padding-bottom: 8px;
	position: relative;
}
.card-actionbar:before,
.card-actionbar:after {
	content: " ";
	display: table;
}
.card-actionbar:after {
	clear: both;
}
.card-actionbar:last-child {
	border-radius: 0 0 2px 2px;
}
.card-actionbar-row {
	padding: 6px 16px;
}
.card-actionbar-row.text-left {
	text-align: left;
}
.card-tiles > .row,
.card-type-blog-masonry > .row,
.row.row-no-gutter {
	margin: 0;
}
.card-tiles > .row > [class^="col-"],
.card-type-blog-masonry > .row > [class^="col-"],
.row.row-no-gutter > [class^="col-"]{
	padding: 0;
}
.row.row-7-gutter {
	margin-right: -7px;
	margin-left: -7px;
}
.row.row-7-gutter > [class^="col-"]{
	padding-right: 7px;
	padding-left: 7px;
}
.card-underline .card-head {
	border-bottom: 1px solid #eee;
}
.card-underline .card-foot {
	border-top: 1px solid #eee;
}
.card-bordered,
.card-outlined {
	border: 2px solid #969c9c;
}
section .style-default-dark,
.help-pane .style-default-dark,
.card .style-default-dark,
section.style-default-dark,
.help-pane.style-default-dark,
.card.style-default-dark {
	background-color: #20252b;
	border-color: #20252b;
	color: #ffffff;
}
section .style-default-dark .btn-icon-toggle:hover,
.help-pane .style-default-dark .btn-icon-toggle:hover,
.card .style-default-dark .btn-icon-toggle:hover,
section.style-default-dark .btn-icon-toggle:hover,
.help-pane.style-default-dark .btn-icon-toggle:hover,
.card.style-default-dark .btn-icon-toggle:hover,
section .style-default-dark .btn-flat:hover,
.help-pane .style-default-dark .btn-flat:hover,
.card .style-default-dark .btn-flat:hover,
section.style-default-dark .btn-flat:hover,
.help-pane.style-default-dark .btn-flat:hover,
.card.style-default-dark .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-default-dark,
.card-body-darken.style-default-dark {
	background-color: #1c2025;
	border-color: #1c2025;
	color: #ffffff;
}
.badge.style-default-dark {
	background-color: #20252b;
	border-color: #20252b;
	color: #ffffff;
}
section .style-default,
.help-pane .style-default,
.card .style-default,
section.style-default,
.help-pane.style-default,
.card.style-default {
	background-color: #e5e6e6;
	border-color: #e5e6e6;
	color: #313534;
}
section .style-default .btn-icon-toggle:hover,
.help-pane .style-default .btn-icon-toggle:hover,
.card .style-default .btn-icon-toggle:hover,
section.style-default .btn-icon-toggle:hover,
.help-pane.style-default .btn-icon-toggle:hover,
.card.style-default .btn-icon-toggle:hover,
section .style-default .btn-flat:hover,
.help-pane .style-default .btn-flat:hover,
.card .style-default .btn-flat:hover,
section.style-default .btn-flat:hover,
.help-pane.style-default .btn-flat:hover,
.card.style-default .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-default,
.card-body-darken.style-default {
	background-color: #dfe1e1;
	border-color: #dfe1e1;
	color: #313534;
}
.badge.style-default {
	background-color: #e5e6e6;
	border-color: #e5e6e6;
	color: #313534;
}
section .style-default-light,
.help-pane .style-default-light,
.card .style-default-light,
section.style-default-light,
.help-pane.style-default-light,
.card.style-default-light,
.modal .style-default-light {
	background-color: #FAFAFA;
	border-color: #FAFAFA;
	color: #313534;
}
section .style-default-light .btn-icon-toggle:hover,
.help-pane .style-default-light .btn-icon-toggle:hover,
.card .style-default-light .btn-icon-toggle:hover,
section.style-default-light .btn-icon-toggle:hover,
.help-pane.style-default-light .btn-icon-toggle:hover,
.card.style-default-light .btn-icon-toggle:hover,
section .style-default-light .btn-flat:hover,
.help-pane .style-default-light .btn-flat:hover,
.card .style-default-light .btn-flat:hover,
section.style-default-light .btn-flat:hover,
.help-pane.style-default-light .btn-flat:hover,
.card.style-default-light .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-default-light,
.card-body-darken.style-default-light {
	background-color: #edeeee;
	border-color: #edeeee;
	color: #313534;
}
.badge.style-default-light {
	background-color: #FAFAFA;
	border-color: #FAFAFA;
	color: #313534;
}
section .style-default-bright,
.help-pane .style-default-bright,
.card .style-default-bright,
section.style-default-bright,
.help-pane.style-default-bright,
.card.style-default-bright {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #313534;
}
section .style-default-bright .btn-icon-toggle:hover,
.help-pane .style-default-bright .btn-icon-toggle:hover,
.card .style-default-bright .btn-icon-toggle:hover,
section.style-default-bright .btn-icon-toggle:hover,
.help-pane.style-default-bright .btn-icon-toggle:hover,
.card.style-default-bright .btn-icon-toggle:hover,
section .style-default-bright .btn-flat:hover,
.help-pane .style-default-bright .btn-flat:hover,
.card .style-default-bright .btn-flat:hover,
section.style-default-bright .btn-flat:hover,
.help-pane.style-default-bright .btn-flat:hover,
.card.style-default-bright .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-default-bright,
.card-body-darken.style-default-bright {
	background-color: #fafafa;
	border-color: #fafafa;
	color: #313534;
}
.badge.style-default-bright {
	background-color: #ffffff;
	border-color: #ffffff;
	color: #313534;
}
section .style-gray-dark,
.help-pane .style-gray-dark,
.card .style-gray-dark,
section.style-gray-dark,
.help-pane.style-gray-dark,
.card.style-gray-dark {
	background-color: #424242;
	border-color: #424242;
	color: #ffffff;
}
section .style-gray-dark .btn-icon-toggle:hover,
.help-pane .style-gray-dark .btn-icon-toggle:hover,
.card .style-gray-dark .btn-icon-toggle:hover,
section.style-gray-dark .btn-icon-toggle:hover,
.help-pane.style-gray-dark .btn-icon-toggle:hover,
.card.style-gray-dark .btn-icon-toggle:hover,
section .style-gray-dark .btn-flat:hover,
.help-pane .style-gray-dark .btn-flat:hover,
.card .style-gray-dark .btn-flat:hover,
section.style-gray-dark .btn-flat:hover,
.help-pane.style-gray-dark .btn-flat:hover,
.card.style-gray-dark .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-gray-dark,
.card-body-darken.style-gray-dark {
	background-color: #2d2f2f;
	border-color: #2d2f2f;
	color: #ffffff;
}
.badge.style-gray-dark {
	background-color: #424242;
	border-color: #424242;
	color: #ffffff;
}
section .style-gray,
.help-pane .style-gray,
.card .style-gray,
section.style-gray,
.help-pane.style-gray,
.card.style-gray {
	background-color: #535858;
	border-color: #535858;
	color: #ffffff;
}
section .style-gray .btn-icon-toggle:hover,
.help-pane .style-gray .btn-icon-toggle:hover,
.card .style-gray .btn-icon-toggle:hover,
section.style-gray .btn-icon-toggle:hover,
.help-pane.style-gray .btn-icon-toggle:hover,
.card.style-gray .btn-icon-toggle:hover,
section .style-gray .btn-flat:hover,
.help-pane .style-gray .btn-flat:hover,
.card .style-gray .btn-flat:hover,
section.style-gray .btn-flat:hover,
.help-pane.style-gray .btn-flat:hover,
.card.style-gray .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-gray,
.card-body-darken.style-gray {
	background-color: #4e5352;
	border-color: #4e5352;
	color: #ffffff;
}
.badge.style-gray {
	background-color: #535858;
	border-color: #535858;
	color: #ffffff;
}
section .style-gray-light,
.help-pane .style-gray-light,
.card .style-gray-light,
section.style-gray-light,
.help-pane.style-gray-light,
.card.style-gray-light {
	background-color: #757575;
	border-color: #757575;
	color: #ffffff;
}
section .style-gray-light .btn-icon-toggle:hover,
.help-pane .style-gray-light .btn-icon-toggle:hover,
.card .style-gray-light .btn-icon-toggle:hover,
section.style-gray-light .btn-icon-toggle:hover,
.help-pane.style-gray-light .btn-icon-toggle:hover,
.card.style-gray-light .btn-icon-toggle:hover,
section .style-gray-light .btn-flat:hover,
.help-pane .style-gray-light .btn-flat:hover,
.card .style-gray-light .btn-flat:hover,
section.style-gray-light .btn-flat:hover,
.help-pane.style-gray-light .btn-flat:hover,
.card.style-gray-light .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-gray-light,
.card-body-darken.style-gray-light {
	background-color: #919797;
	border-color: #919797;
	color: #ffffff;
}
.badge.style-gray-light {
	background-color: #969c9c;
	border-color: #969c9c;
	color: #ffffff;
}
section .style-gray-bright,
.help-pane .style-gray-bright,
.card .style-gray-bright,
section.style-gray-bright,
.help-pane.style-gray-bright,
.card.style-gray-bright {
	background-color: #BDBDBD;
	border-color: #BDBDBD;
	color: #212121;
}
section .style-gray-bright .btn-icon-toggle:hover,
.help-pane .style-gray-bright .btn-icon-toggle:hover,
.card .style-gray-bright .btn-icon-toggle:hover,
section.style-gray-bright .btn-icon-toggle:hover,
.help-pane.style-gray-bright .btn-icon-toggle:hover,
.card.style-gray-bright .btn-icon-toggle:hover,
section .style-gray-bright .btn-flat:hover,
.help-pane .style-gray-bright .btn-flat:hover,
.card .style-gray-bright .btn-flat:hover,
section.style-gray-bright .btn-flat:hover,
.help-pane.style-gray-bright .btn-flat:hover,
.card.style-gray-bright .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-gray-bright,
.card-body-darken.style-gray-bright {
	background-color: #b8bcbc;
	border-color: #b8bcbc;
	color: #313534;
}
.badge.style-gray-bright {
	background-color: #bdc1c1;
	border-color: #bdc1c1;
	color: #313534;
}
section .style-transparent,
.help-pane .style-transparent,
.card .style-transparent,
section.style-transparent,
.help-pane.style-transparent,
.card.style-transparent {
	background-color: transparent;
	border-color: transparent;
	color: #212121;
}
section .style-primary,
.help-pane .style-primary,
.card .style-primary,
section.style-primary,
.help-pane.style-primary,
.card.style-primary {
	background-color: #1A6DFF;
	border-color: #1A6DFF;
	color: #ffffff;
}
section .style-primary .btn-icon-toggle:hover,
.help-pane .style-primary .btn-icon-toggle:hover,
.card .style-primary .btn-icon-toggle:hover,
section.style-primary .btn-icon-toggle:hover,
.help-pane.style-primary .btn-icon-toggle:hover,
.card.style-primary .btn-icon-toggle:hover,
section .style-primary .btn-flat:hover,
.help-pane .style-primary .btn-flat:hover,
.card .style-primary .btn-flat:hover,
section.style-primary .btn-flat:hover,
.help-pane.style-primary .btn-flat:hover,
.card.style-primary .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-primary,
.card-body-darken.style-primary {
	background-color: #099e95;
	border-color: #099e95;
	color: #ffffff;
}
.badge.style-primary {
	background-color: #1A6DFF;
	border-color: #1A6DFF;
	color: #ffffff;
}
section .style-primary-light,
.help-pane .style-primary-light,
.card .style-primary-light,
section.style-primary-light,
.help-pane.style-primary-light,
.card.style-primary-light {
	background-color: #b2e9ff;
	border-color: #b2e9ff;
	color: #212121;
}
section .style-primary-light .btn-icon-toggle:hover,
.help-pane .style-primary-light .btn-icon-toggle:hover,
.card .style-primary-light .btn-icon-toggle:hover,
section.style-primary-light .btn-icon-toggle:hover,
.help-pane.style-primary-light .btn-icon-toggle:hover,
.card.style-primary-light .btn-icon-toggle:hover,
section .style-primary-light .btn-flat:hover,
.help-pane .style-primary-light .btn-flat:hover,
.card .style-primary-light .btn-flat:hover,
section.style-primary-light .btn-flat:hover,
.help-pane.style-primary-light .btn-flat:hover,
.card.style-primary-light .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-primary-light,
.card-body-darken.style-primary-light {
	background-color: #76d6cf;
	border-color: #76d6cf;
	color: #313534;
}
.badge.style-primary-light {
	background-color: #7dd8d2;
	border-color: #7dd8d2;
	color: #313534;
}
section .style-primary-dark,
.help-pane .style-primary-dark,
.card .style-primary-dark,
section.style-primary-dark,
.help-pane.style-primary-dark,
.card.style-primary-dark {
	background-color: #0053D9;
	border-color: #0053D9;
	color: #ffffff;
}
section .style-primary-dark .btn-icon-toggle:hover,
.help-pane .style-primary-dark .btn-icon-toggle:hover,
.card .style-primary-dark .btn-icon-toggle:hover,
section.style-primary-dark .btn-icon-toggle:hover,
.help-pane.style-primary-dark .btn-icon-toggle:hover,
.card.style-primary-dark .btn-icon-toggle:hover,
section .style-primary-dark .btn-flat:hover,
.help-pane .style-primary-dark .btn-flat:hover,
.card .style-primary-dark .btn-flat:hover,
section.style-primary-dark .btn-flat:hover,
.help-pane.style-primary-dark .btn-flat:hover,
.card.style-primary-dark .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-primary-dark,
.card-body-darken.style-primary-dark {
	background-color: #05585b;
	border-color: #05585b;
	color: #ffffff;
}
.badge.style-primary-dark {
	background-color: #066265;
	border-color: #066265;
	color: #ffffff;
}
section .style-primary-bright,
.help-pane .style-primary-bright,
.card .style-primary-bright,
section.style-primary-bright,
.help-pane.style-primary-bright,
.card.style-primary-bright {
	background-color: #e5f7ff;
	border-color: #e5f7ff;
	color: #212121;
}
section td.style-primary-bright, th.style-primary-bright {
	background-color: #e5f7ff;
	border-color: inherit;
}
.section-body.price-body {
	max-width: 800px;
	margin:0 auto;
	font-weight: 200;
}
.section-body.price-body.payment {
	max-width: 540px;
}
.style-price-free {
	background-color: #697077;
	border-color: #697077;
	color: #fff;
}
.style-price-web {
	background-color: #1A6DFF;
	border-color: #1A6DFF;
	color: #fff;
}
.style-price-app {
	background-color: #1A6DFF;
	border-color: #1A6DFF;
	color: #fff;
}
.style-price-partner {
	background-color: #20c28c;
	border-color: #20c28c;
	color: #fff;
}
.price-head {
	color:#697077;
	border-bottom:1px solid #697077;
	font-size: 18px;
	padding:0 0 20px;
	line-height: 1.5;
	margin-bottom:20px;
}
.price-head.price-web {
	color:#1A6DFF;
	border-color:#1A6DFF;
}
.price-head.price-pro {
	color:#1A6DFF;
	border-color:#1A6DFF;
}
.price-head.price-partner {
	color:#20c28c;
	border-color:#20c28c;
}
.card-head .style-price-header {
	text-align: center;
	display: block;
	font-size:36px;
	line-height: 1;
	margin-top:14px;
}
.card-head .style-price-header .sub-title {
	font-size:20px;
	padding:20px 0;
}
.card-head .header-right,
.card-body .header-right {
	right: 24px;
	position: absolute;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.card-head .header-right img + img,
.card-body .header-right img + img {
	margin-left: 4px;
}
section .style-primary-bright .btn-icon-toggle:hover,
.help-pane .style-primary-bright .btn-icon-toggle:hover,
.card .style-primary-bright .btn-icon-toggle:hover,
section.style-primary-bright .btn-icon-toggle:hover,
.help-pane.style-primary-bright .btn-icon-toggle:hover,
.card.style-primary-bright .btn-icon-toggle:hover,
section .style-primary-bright .btn-flat:hover,
.help-pane .style-primary-bright .btn-flat:hover,
.card .style-primary-bright .btn-flat:hover,
section.style-primary-bright .btn-flat:hover,
.help-pane.style-primary-bright .btn-flat:hover,
.card.style-primary-bright .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-primary-bright,
.card-body-darken.style-primary-bright {
	background-color: #c2eeeb;
	border-color: #c2eeeb;
	color: #313534;
}
.badge.style-primary-bright {
	background-color: #b3e3ff;
	border-color: #b3e3ff;
	color: #313534;
}
section .style-accent,
.help-pane .style-accent,
.card .style-accent,
section.style-accent,
.help-pane.style-accent,
.card.style-accent {
	background-color: #ff4345;
	border-color: #ff4345;
	color: #ffffff;
}
section .style-accent .btn-icon-toggle:hover,
.help-pane .style-accent .btn-icon-toggle:hover,
.card .style-accent .btn-icon-toggle:hover,
section.style-accent .btn-icon-toggle:hover,
.help-pane.style-accent .btn-icon-toggle:hover,
.card.style-accent .btn-icon-toggle:hover,
section .style-accent .btn-flat:hover,
.help-pane .style-accent .btn-flat:hover,
.card .style-accent .btn-flat:hover,
section.style-accent .btn-flat:hover,
.help-pane.style-accent .btn-flat:hover,
.card.style-accent .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-accent,
.card-body-darken.style-accent {
	background-color: #9525a8;
	border-color: #9525a8;
	color: #ffffff;
}
.badge.style-accent {
	background-color: #9c27b0;
	border-color: #9c27b0;
	color: #ffffff;
}
section .style-accent-light,
.help-pane .style-accent-light,
.card .style-accent-light,
section.style-accent-light,
.help-pane.style-accent-light,
.card.style-accent-light {
	background-color: #FFC6D3;
	border-color: #FFC6D3;
	color: #ffffff;
}
section .style-accent-light .btn-icon-toggle:hover,
.help-pane .style-accent-light .btn-icon-toggle:hover,
.card .style-accent-light .btn-icon-toggle:hover,
section.style-accent-light .btn-icon-toggle:hover,
.help-pane.style-accent-light .btn-icon-toggle:hover,
.card.style-accent-light .btn-icon-toggle:hover,
section .style-accent-light .btn-flat:hover,
.help-pane .style-accent-light .btn-flat:hover,
.card .style-accent-light .btn-flat:hover,
section.style-accent-light .btn-flat:hover,
.help-pane.style-accent-light .btn-flat:hover,
.card.style-accent-light .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-accent-light,
.card-body-darken.style-accent-light {
	background-color: #c474d2;
	border-color: #c474d2;
	color: #ffffff;
}
.badge.style-accent-light {
	background-color: #c77bd4;
	border-color: #c77bd4;
	color: #ffffff;
}
section .style-accent-dark,
.help-pane .style-accent-dark,
.card .style-accent-dark,
section.style-accent-dark,
.help-pane.style-accent-dark,
.card.style-accent-dark {
	background-color: #D8254D;
	border-color: #D8254D;
	color: #ffffff;
}
section .style-accent-dark .btn-icon-toggle:hover,
.help-pane .style-accent-dark .btn-icon-toggle:hover,
.card .style-accent-dark .btn-icon-toggle:hover,
section.style-accent-dark .btn-icon-toggle:hover,
.help-pane.style-accent-dark .btn-icon-toggle:hover,
.card.style-accent-dark .btn-icon-toggle:hover,
section .style-accent-dark .btn-flat:hover,
.help-pane .style-accent-dark .btn-flat:hover,
.card .style-accent-dark .btn-flat:hover,
section.style-accent-dark .btn-flat:hover,
.help-pane.style-accent-dark .btn-flat:hover,
.card.style-accent-dark .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-accent-dark,
.card-body-darken.style-accent-dark {
	background-color: #611877;
	border-color: #611877;
	color: #ffffff;
}
.badge.style-accent-dark {
	background-color: #681a7f;
	border-color: #681a7f;
	color: #ffffff;
}
section .style-accent-bright,
.help-pane .style-accent-bright,
.card .style-accent-bright,
section.style-accent-bright,
.help-pane.style-accent-bright,
.card.style-accent-bright {
	background-color: #FDDCE4;
	border-color: #FDDCE4;
	color: #313534;
}
section .style-accent-bright .btn-icon-toggle:hover,
.help-pane .style-accent-bright .btn-icon-toggle:hover,
.card .style-accent-bright .btn-icon-toggle:hover,
section.style-accent-bright .btn-icon-toggle:hover,
.help-pane.style-accent-bright .btn-icon-toggle:hover,
.card.style-accent-bright .btn-icon-toggle:hover,
section .style-accent-bright .btn-flat:hover,
.help-pane .style-accent-bright .btn-flat:hover,
.card .style-accent-bright .btn-flat:hover,
section.style-accent-bright .btn-flat:hover,
.help-pane.style-accent-bright .btn-flat:hover,
.card.style-accent-bright .btn-flat:hover {
	background-color: rgba(49, 53, 52, 0.3);
}
.card-body-darken .style-accent-bright,
.card-body-darken.style-accent-bright {
	background-color: #e6c1ec;
	border-color: #e6c1ec;
	color: #313534;
}
.badge.style-accent-bright {
	background-color: #e9c9ef;
	border-color: #e9c9ef;
	color: #313534;
}
section .style-success,
.help-pane .style-success,
.card .style-success,
section.style-success,
.help-pane.style-success,
.card.style-success {
	background-color: #00bbbf;
	border-color: #00bbbf;
	color: #ffffff;
}
section .style-success .btn-icon-toggle:hover,
.help-pane .style-success .btn-icon-toggle:hover,
.card .style-success .btn-icon-toggle:hover,
section.style-success .btn-icon-toggle:hover,
.help-pane.style-success .btn-icon-toggle:hover,
.card.style-success .btn-icon-toggle:hover,
section .style-success .btn-flat:hover,
.help-pane .style-success .btn-flat:hover,
.card .style-success .btn-flat:hover,
section.style-success .btn-flat:hover,
.help-pane.style-success .btn-flat:hover,
.card.style-success .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-success,
.card-body-darken.style-success {
	background-color: #49a84d;
	border-color: #49a84d;
	color: #ffffff;
}
.badge.style-success {
	background-color: #4caf50;
	border-color: #4caf50;
	color: #ffffff;
}
section .style-success-light,
.help-pane .style-success-light,
.card .style-success-light,
section.style-success-light,
.help-pane.style-success-light,
.card.style-success-light {
	background-color: #8CE071;
	border-color: #8CE071;
	color: #ffffff;
}
section .style-success .btn-icon-toggle:hover,
.help-pane .style-success-light .btn-icon-toggle:hover,
.card .style-success-light .btn-icon-toggle:hover,
section.style-success-light .btn-icon-toggle:hover,
.help-pane.style-success-light .btn-icon-toggle:hover,
.card.style-success .btn-icon-toggle:hover,
section .style-success .btn-flat:hover,
.help-pane .style-success-light .btn-flat:hover,
.card .style-success-light .btn-flat:hover,
section.style-success-light .btn-flat:hover,
.help-pane.style-success-light .btn-flat:hover,
.card.style-success-light .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-success-light,
.card-body-darken.style-success-light {
	background-color: #8CE071;
	border-color: #8CE071;
	color: #ffffff;
}
.badge.style-success-light {
	background-color: #8CE071;
	border-color: #8CE071;
	color: #ffffff;
}
section .style-warning,
.help-pane .style-warning,
.card .style-warning,
section.style-warning,
.help-pane.style-warning,
.card.style-warning {
	background-color: #ffe400;
	border-color: #ffe400;
	color: #ffffff;
}
.style-warning-light {
	background-color: #ffeebf;
	border-color:#ffeebf;
	color:#484848;
}
section .style-warning .btn-icon-toggle:hover,
.help-pane .style-warning .btn-icon-toggle:hover,
.card .style-warning .btn-icon-toggle:hover,
section.style-warning .btn-icon-toggle:hover,
.help-pane.style-warning .btn-icon-toggle:hover,
.card.style-warning .btn-icon-toggle:hover,
section .style-warning .btn-flat:hover,
.help-pane .style-warning .btn-flat:hover,
.card .style-warning .btn-flat:hover,
section.style-warning .btn-flat:hover,
.help-pane.style-warning .btn-flat:hover,
.card.style-warning .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-warning,
.card-body-darken.style-warning {
	background-color: #f59200;
	border-color: #f59200;
	color: #ffffff;
}
.badge.style-warning {
	background-color: #ff9800;
	border-color: #ff9800;
	color: #ffffff;
}
section .style-danger,
.help-pane .style-danger,
.card .style-danger,
section.style-danger,
.help-pane.style-danger,
.card.style-danger {
	background-color: #ff4345;
	border-color: #ff4345;
	color: #ffffff;
}
section .style-danger .btn-icon-toggle:hover,
.help-pane .style-danger .btn-icon-toggle:hover,
.card .style-danger .btn-icon-toggle:hover,
section.style-danger .btn-icon-toggle:hover,
.help-pane.style-danger .btn-icon-toggle:hover,
.card.style-danger .btn-icon-toggle:hover,
section .style-danger .btn-flat:hover,
.help-pane .style-danger .btn-flat:hover,
.card .style-danger .btn-flat:hover,
section.style-danger .btn-flat:hover,
.help-pane.style-danger .btn-flat:hover,
.card.style-danger .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-danger,
.card-body-darken.style-danger {
	background-color: #f33a2c;
	border-color: #f33a2c;
	color: #ffffff;
}
.badge.style-danger {
	background-color: #fa565a;
	border-color: #fa565a;
	color: #ffffff;
}
section .style-info,
.help-pane .style-info,
.card .style-info,
section.style-info,
.help-pane.style-info,
.card.style-info {
	background-color: #267ddc;
	border-color: #267ddc;
	color: #ffffff;
}
section .style-info .btn-icon-toggle:hover,
.help-pane .style-info .btn-icon-toggle:hover,
.card .style-info .btn-icon-toggle:hover,
section.style-info .btn-icon-toggle:hover,
.help-pane.style-info .btn-icon-toggle:hover,
.card.style-info .btn-icon-toggle:hover,
section .style-info .btn-flat:hover,
.help-pane .style-info .btn-flat:hover,
.card .style-info .btn-flat:hover,
section.style-info .btn-flat:hover,
.help-pane.style-info .btn-flat:hover,
.card.style-info .btn-flat:hover {
	background-color: rgba(255, 255, 255, 0.3);
}
.card-body-darken .style-info,
.card-body-darken.style-info {
	background-color: #1791f2;
	border-color: #1791f2;
	color: #ffffff;
}
.badge.style-info {
	background-color: #267ddc;
	border-color: #267ddc;
	color: #ffffff;
}
.badge.style-block {
	background-color: #525860;
	border-color: #267ddc;
	color: #ffffff;
}
.card.style-transparent,
.card .style-transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: inherit;
}
.style-image {
	background-image: url('graphics/bg.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	filter: saturate(200%);
	-webkit-filter: saturate(200%);
	-moz-filter: saturate(200%);
	-o-filter: saturate(200%);
	-ms-filter: saturate(200%);
}
.card-transparent {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: inherit;
}
.card-transparent .card-head header,
.card-transparent .card-head .tools {
	padding-left: 4px;
	padding-right: 4px;
}
.card-transparent .card-body {
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.card.card-outlined {
	background-color: #ffffff;
	background-image: none;
	color: #313534;
}
.card.card-outlined .btn-icon-toggle:hover,
.card.card-outlined .btn-flat:hover {
	background-color: rgba(12, 12, 12, 0.07);
}
.card-loader {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ffffff;
	background-color: rgba(255, 255, 255, 0.6);
	z-index: 999;
}
.card .btn-collapse {
	-webkit-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}
.card-collapsed .btn-collapse {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.card .prettyprint {
	margin: 0;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.list-spec {
	margin: 0 0 25px 0;
	padding:0;
}
.list-spec li > span.btn, .list-spec li > span.btn.btn-payment {
	background-color:#1A6DFF;
	padding:7px 12px;
	line-height:1;
	color:#fff;
	margin-left:8px;
	cursor:default;
}
.list-spec.list-app li > span.btn {
	background-color:#1A6DFF;
}
.list-spec.normal {
	min-height: auto;
}
.list-spec li {
	padding: 10px 0;
	list-style: none;
}
.list-spec.normal li {
	padding:15px 0;
}
.list-spec.list-payment {
	font-size:20px;
}
.list-spec.list-payment li > i {
	width: 25px;
	color:#3ecfd0;
}
.list-spec.list-payment li.inner {
	margin-left:40px;
	font-size:16px;
}
.list-spec.list-payment li.inner .badge {
	margin-right:5px;
}
.list-spec li .btn-con {
	background:#1A6DFF;
	color:#fff;
	display: inline-block;
	line-height: 1;
	padding:7px 12px;
	margin-left:10px;
	border-radius: 3px;
}
.list-unstyled li {
	padding:15px 0;
}
.list-spec.list-pro li i {
	color:#1A6DFF;
}
.list-spec.list-partner li i {
	color:#20c28c;
}
.card.card-type-pricing {
	border-radius:10px;
	box-shadow:none;
	-webkit-box-shadow:none;
}
.card-type-pricing .price h1,
.card-type-pricing .price h2,
.card-type-pricing .price h3,
.card-type-pricing .price h4,
.card-type-pricing .price h5,
.card-type-pricing .price h6 {
	display: inline-block;
	margin: 0;
	font-weight: 200;
}
.card-type-pricing .price {
	margin:30px 0 20px;
}
.btn.btn-opacity {
	background-color:rgba(0,0,0,0.1);
}
.btn.no-click {
	cursor: default;
}
.card-type-blog-masonry article .blog-image img {
	width: 100%;
}
.card-type-blog-masonry article .blog-text {
	position: relative;
}
.card-type-blog-masonry article > div + div.blog-text:before {
	position: absolute;
	margin: auto;
	top: -20px;
	left: 0;
	right: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 20px 20px 20px;
	border-color: transparent transparent #ffffff transparent;
	z-index: 1;
}
.card-type-blog-masonry article .blog-text:first-child:before {
	position: absolute;
	margin: auto;
	bottom: -20px;
	left: 0;
	right: 0;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #ffffff transparent transparent transparent;
	z-index: 1;
}
.jumbotron.naver-pay {
	background-color:#fcfcfc;
	background-image:url(../../../images/site/img_naver_pay.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-left:24px;
	padding-right:390px;
	border:1px solid #eeedef;
}
.jumbotron.naver-pay h1 {
	font-size:36px;
}
.jumbotron.naver-pay p {
	font-size:16px;
}
.badge-empty {
	background: #fc5f64;
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 5px;
	line-height: 1;
}
.active .badge-empty {
	background: #fff;
}
.badge-default {
	background: #e8f0ff;
	padding: 5px 8px;
	border-radius: 4px;
	font-size: 11px;
	font-weight: bold;
	color: #1a6dff;
	vertical-align: top;
}
@media (max-width: 768px) {
	.card {
		margin-bottom: 16px;
	}
	.card-head header {
		padding: 11px 16px;
	}
	.card.card-top .card-head header {
		padding: 28px 16px 16px;
	}
	.card.card-top .card-head .nav.subnav {
		margin-left:48px;
	}
	.card-head.card-head-xs header {
		padding: 8px 16px;
	}
	.card-body {
		padding: 16px;
	}
	.card-body.card-body-sm-padding {
		padding: 12px 16px 16px;
	}
	.card .force-padding {
		padding: 16px;
	}
	.card .small-padding {
		padding: 8px;
	}
	.card .form-padding {
		padding: 0 16px;
	}
	.card .no-side-padding {
		padding: 16px 0;
	}
	.card-type-pricing .price {
		margin:10px 0 15px;
	}
	.card-type-pricing .price .text-xxl {
		font-size:160%;
	}
	.price-head {
		font-size:16px;
		padding-bottom: 10px;
		margin-bottom:10px;
	}
	.list-spec {
		font-size: 14px;
	}
	.list-spec li {
		padding:4px 0;
	}
	.list-spec li > span.btn {
		background-color: transparent;
		color:#1A6DFF;
		font-size:12px;
		margin:0;
	}
	.list-spec.list-app li > span.btn {
		background-color: transparent;
		color:#20c28c;
	}
	.card-body.price-body {
		padding-top:0;
		padding-right:0;
		padding-left:0;
	}
	.site_filter {
		display: none;
	}
	.site_filter.collapsing {
		display: block;
	}
	.jumbotron.naver-pay {
		padding-right: 24px;
		background: none;
	}
	.third-nav-wrap {
		margin-bottom: 14px;
	}
	.third-nav-wrap:after {
		display: table;
		content: '';
		clear: both;
	}
	.third-nav-wrap .card {
		width: 33%;
		float: left;
		margin-right: 1px;
		margin-bottom: 1px !important;
	}
	.third-nav-wrap .card.active-border {
		border: 0;
		outline: 1px solid #0053D9;
	}
	.third-nav-wrap .card-body {
		display: table;
		width: 100%;
	}
	.third-nav-wrap .nav-icon {
		display: none;
	}
	.third-nav-wrap .sub-nav-tile {
		font-size: 14px;
		text-align: center;
	}
	.third-nav-wrap .sub-nav-tile .sub-text {
		font-size: 12px;
	}
	.third-nav-wrap .sub-nav-tile .title-text {
		margin-left: 0;
	}
}
@media (max-width: 640px) {

	.card-body.text-center.price-body{
		padding-bottom:16px;
	}
}

.offcanvas {
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1032;
}
body.offcanvas-expanded {
	overflow: hidden;
}
.offcanvas:first-child {
	left: 0;
	right: auto;
}
.help-pane {
	position: absolute;
	top: 0;
	bottom: 0;
	min-width: 8px;
	background-color: #ffffff;
	overflow: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: -webkit-transform 0.33s ease-in;
	-moz-transition: -moz-transform 0.33s ease-in;
	-o-transition: -o-transform 0.33s ease-in;
	transition: transform 0.33s ease-in;
}
.help-pane.active {
	display: block;
	/*
    -webkit-box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
    box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.38);
    */
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
	-moz-transition: -moz-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
	-o-transition: -o-transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
	transition: transform 0.5s cubic-bezier(0.22, 0.99, 0.68, 0.98);
}
.offcanvas:first-child .help-pane {
	right: 0;
}
.offcanvas-body {
	padding: 16px 20px;
	height:100%;
	line-height:1.5
}
.offcanvas-body .text-btn {
	display:block;
	margin-top:45px;
	text-align:right;
	font-size:13px;
	color:#fff;

}
.help-body .text-btn {
	display:block;
	margin-top:45px;
	text-align:right;
	font-size:13px;
	color:#fff;

}
.offcanvas-body .notify-body .board-alaram {
	display:block;
	margin-top:34px;
	text-align:left;
	font-size:15px;
	padding-bottom:10px;
	border-bottom:1px solid #3c3c3b

}
.offcanvas-body .notify-body .board-alaram:first-child{
	margin-top:0;
}
.offcanvas-body .offcanvas-block.alarm-setting {
	top:54px
}
.offcanvas-body .offcanvas-block {
	position: absolute;
	top:96px;
	width:100%;
	bottom: 0px;
	left:20px
}
.offcanvas-head {
	position: relative;
	padding: 4px 16px;
}
.help-head {
	position: relative;
	padding: 4px 16px;
}
.offcanvas-head header {
	font-size: 20px;
}
.help-head header {
	font-size: 20px;
}
.offcanvas-body article,.help-body article {
	font-size:14px;
}
.offcanvas-body article h4, .offcanvas-body article h3, .offcanvas-body article h2, .offcanvas-body article h1, .offcanvas-body article h5, .offcanvas-body article strong {
	color:#212121;
	font-weight: bold;
}
.help-body article h4, .help-body article h3, .help-body article h2, .help-body article h1, .help-body article h5, .help-body article strong {
	color:#212121;
	font-weight: bold;
}
.help-body article h4,.offcanvas-body article h4 {
	margin:1.8em 0 1.2em;
}
.help-body article p,.offcanvas-body article p {
	margin:4px 0 12px 0;
	letter-spacing: normal;
}
.help-body article img,.offcanvas-body article img {
	margin-bottom:1em;
	max-width: 100%;
}
.offcanvas-head .offcanvas-tools,.help-head .help-tools {
	position: absolute;
	left: 4px;
	right: 4px;
	top: 4px;
}

.help-section .help-head {
	margin:24px;
}
.help-section .help-body {
	margin:0 24px;
	padding:0;
}
.help-section .help-body article a:not(.btn) {
	color:#1A6DFF;
}
.help-section .help-head .help-tools {
	top:-10px;
	right:4px;
	left:auto;
	width:60px;
}

.help-section .help-body .user-search .form-group .icon_set.left{
	left:2px;
}
.help-section .help-body .user-search .form-group .form-control {
	padding-left:36px;
}
.help-section .user-search {
	border-bottom:1px solid #e9e9e9;
	margin-bottom:24px;
}
.help-section .list .tile {
	border-bottom:1px solid #eee;
}
.help-section .list .tile .tile-content {
	padding-left:0;
}
.help-section .list .tile .tile-content:last-child {
	padding-right:0;
}
.help-section .list .tile .tile-text {
	font-size:16px;
	padding:16px 0;
}
.help-section .list .tile a.btn {
	padding:6px 0;
	text-align: right;
}
.help-section .list.help-section-list {
	margin-bottom:24px;
}
.help-section .list.help-section-list .tile-text {
	padding:18px 0;
}
.help-section .list.help-section-list .tile:last-child {
	border: none;
}
.help-section .list .tile .tile-text:hover {
	opacity: 0.8;
}
.help-footer {
	padding:24px 0;
	border-top:1px solid #eee;

}
.help-section .list .tile .tile-text > small {
	margin-top:4px;
	font-size:13px;
	line-height: 1.42857143;
	font-weight: 300;
}
.help-section .list .tile .tile-text > small.author-info span {
	padding:0 5px;
	line-height: 12px;
}
.help-section .list .tile .tile-text > small.author-info span:first-child {
	padding-left:0;
}
.help-section .list .tile > .btn .zmdi {
	font-size:24px;
}
.help-section .help-body header {
	font-size:18px;
	padding:24px 0;
}
.help-section .help-body header.middle-section {
	margin-top:24px;
}
.help-section .help-body header.middle-section a {
	display: block;
}
.help-section header .btn.btn-lg {
	padding:4px 8px 4px 0;
}
.help-section header i {
	margin-right:24px;
}
.help-section article .collapse-title {
	border-bottom:none;
	font-size:15px;
	display: block;
	padding:16px 50px 16px 16px;
	position: relative;
}
.help-section article .collapse-title:after {
	position: absolute;
	display:block;
	content:'\f2fc';
	font-family: 'Material-Design-Iconic-Font';
	font-size:24px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: normal;
	font-kerning: auto;
	font-size-adjust: none;
	font-stretch: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-weight: normal;
	text-rendering: auto;
	font-style: normal;
	speak: none;
	right: 14px;
	top: 8px;
	color:#757575;
}
.help-section article .collapsed.collapse-title {
	border-bottom: 1px solid #e0e0e0;
	padding:16px 50px 16px 16px;
}
.help-section article .collapsed.collapse-title:after {
	content:'\f2f9';
}
.help-section article .collapsing, .help-section article .collapse.in {
	border-bottom: 1px solid #e0e0e0;
	padding:16px 50px 16px 16px;
	font-size:14px;
}
sup.badge {
	font-size: 70%;
	top: -0.9em;
	margin-left: -5px;
	margin-right: -5px;
}
sub.badge {
	font-size: 70%;
	bottom: -0.9em;
	margin-left: -5px;
	margin-right: -5px;
}
.badge.style-default-dark {
	background-color: #20252b;
	color: #ffffff;
}
.badge.style-default {
	background-color: #e5e6e6;
	color: #313534;
}
.badge.style-default-light {
	background-color: #f2f3f3;
	color: #313534;
}
.badge.style-default-bright {
	background-color: #ffffff;
	color: #313534;
}
.badge.style-primary {
	background-color: #1A6DFF;
	color: #ffffff;
}
.badge.style-primary-light {
	background-color: #7dd8d2;
	color: #313534;
}
.badge.style-primary-dark {
	background-color: #066265;
	color: #ffffff;
}
.badge.style-primary-bright {
	background-color: #b3e3ff;
	color: #313534;
}
.badge.style-accent {
	background-color: #fa565a;
	color: #ffffff;
}
.badge.style-accent-light {
	background-color: #c77bd4;
	color: #ffffff;
}
.badge.style-accent-dark {
	background-color: #681a7f;
	color: #ffffff;
}
.badge.style-accent-bright {
	background-color: #e9c9ef;
	color: #313534;
}
.badge.style-success {
	background-color: #8CE071;
	color: #ffffff;
}
.badge.style-warning {
	background-color: #ffe400;
	color: #ffffff;
}
.badge.style-caution {
	background-color: #FFEBEB;
	color: rgba(248,29,29,.7);
}
.badge.badge-sm {
	font-size: 11px;
	font-weight: normal;
	border-radius: 3px;
}
.badge.style-info {
	background-color: #267ddc;
	color: #ffffff;
}
.badge.style-regularly {
	background-color: #FBF0FF;
	color: #AC48CF;
	padding: 5px 8px;
	border-radius: 4px;
	font-size: 11px;
}
.badge.style-goodsflow {
	background-color: #E7F2FE;
	color: #0E80F0;
	padding: 5px 8px;
	border-radius: 4px;
	font-size: 11px;
}
.progress-hairline {
	margin-top: 8px;
	height: 2px;
	border-radius: 0;
	box-shadow: none;
}
.progress-hairline.danger {background:#eee}
.progress-hairline.today {background:#eee}
.progress-hairline.success {background:#eee}
.progress-hairline.transparent {background:transparent;}
.progress-bar-default-dark {
	background-color: #616161;
}
.progress-striped .progress-bar-default-dark {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-default {
	background-color: #e5e6e6;
}
.progress-striped .progress-bar-default {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-default-light {
	background-color: #f2f3f3;
}
.progress-striped .progress-bar-default-light {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-default-bright {
	background-color: #ffffff;
}
.progress-striped .progress-bar-default-bright {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-primary-dark {
	background-color: #1A6DFF;
}
.progress-striped .progress-bar-primary-dark {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-primary {
	background-color: #1A6DFF;
}
.progress-striped .progress-bar-primary {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-primary-light {
	background-color: #066265;
}
.progress-striped .progress-bar-primary-light {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-primary-bright {
	background-color: #b3e3ff;
}
.progress-striped .progress-bar-primary-bright {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-accent-dark {
	background-color: #9c27b0;
}
.progress-striped .progress-bar-accent-dark {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-accent {
	background-color: #c77bd4;
}
.progress-striped .progress-bar-accent {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-accent-light {
	background-color: #681a7f;
}
.progress-striped .progress-bar-accent-light {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-accent-bright {
	background-color: #e9c9ef;
}
.progress-striped .progress-bar-accent-bright {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-success {
	background-color: #4caf50;
}
.progress-striped .progress-bar-success {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
	background-color: #ff9800;
}
.progress-striped .progress-bar-warning {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
	background-color: #fa565a;
}
.progress-striped .progress-bar-danger {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
	background-color: #267ddc;
}
.progress-striped .progress-bar-info {
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.list {
	margin: 0;
	padding-left: 0;
	list-style: none;
	line-height: 24px;
}
.list .tile {
	position: relative;
	display: table;
	width: 100%;
	min-height: 48px;
}
.list .tile.active {
	background:#EEEEEE;
}
.list .tile > a {
	text-decoration: none;
}
.list .tile > a:active,.list .tile > a:focus {
	outline: none;
}
.list .tile.tile-top .tile-icon {
	vertical-align: top;
	padding:12px 0;
}
.profile-mysite .list .tile > a:hover {
	color: inherit;
}
.profile-mysite .list .tile:hover {background:#FAFAFA;}
.profile-mysite .list .tile:active {background:#eee;}
.list .tile .tile-content {
	display: table-cell;
}
.no-padding .list .tile .tile-content {
	padding-left:24px;
}
.no-padding .list .tile .tile-content:last-child {
	padding-right:24px;
}
.list.notify .tile .tile-text {
	line-height: 1.42857143;
}
.list.notify .tile.active .tile-text {
	color:#757575;
}
.list.notify .tile.active .tile-icon {
	opacity: 0.6;
}
.tile .tile-content h5 {
	margin:0;
}
.tile .tile-content > div {
	display:table-cell;
	vertical-align: middle;
}
.list.list-image .tile .tile-content {
	padding-left:0;
}
.list.list-image .tile .tile-icon {
	padding-top:12px;
	min-width:44px;
	width:40px;
}
.list.list-image .tile .tile-icon .zmdi {
	font-size:24px;
}
.list .tile > .btn {
	display: table-cell;
	vertical-align: middle;
	min-width: 56px;
	width: 56px;
	text-align: center;
}
.list .tile.post > .btn {
	width: auto;
	min-width: 0;
	padding:0;
}
.list .tile > .btn .fa,
.list .tile > .btn .zmdi,
.list .tile > .btn .glyphicon {
	width: 24px;
	font-size: 20px;
	text-align: center;
}
.tile .tile-icon {
	min-width: 50px;
	width: 50px;
	padding: 2px 0;
	text-align: right;
}
.list .tile .tile-icon.finished {
	text-align: center;
}
.list .tile .tile-icon.finished i {
	font-size:24px;
}
.list .tile i.zmdi {
	vertical-align: middle;
	padding-bottom:2px;
}
.tile .tile-icon:first-child {
	text-align: left;
}
.tile .tile-icon img {
	width: 40px;
	height: 40px;
	border-radius: 40px;
}
.list .tile.post .tile-icon {
	min-width: 64px;
	width: 64px;
}
.list .tile.post .tile-icon img {
	width:48px;
	height: 48px;
	border-radius: 48px;
}
.list .tile.post .tile-text h3 {
	margin: 0 0 5px;
}
.list .tile.post .tile-text small span {display: inline-block; padding:0 6px; line-height: 1;}
.list .tile.post .tile-text small span:first-child {padding-left:0;}
.list .tile.post .tile-text small span:last-child {border-left:1px solid #eee;}
.list .tile .tile-icon .fa,
.list .tile .tile-icon .zmdi,
.list .tile .tile-icon .glyphicon {
	width: 24px;
	margin-top: 4px;
	font-size: 20px;
	text-align: center;
}
body .list .tile .tile-icon [class*=" zmdi-"],
[class^=zmdi-] {
	margin: 0;
}
.list .tile .tile-text {
	padding: 12px 0;
	font-size: 14px;
	width: 100%;
	word-break: break-all;
}
.list .tile .hide_post_subject {
	opacity: 0.3;
}
.list .tile .tile-text.small {
	font-size:14px;
}
.list .tile .tile-text > small {
	display: block;
	font-size: 14px;
	color:#757575;
}
.list .tile .tile-text small .zmdi {
	margin-bottom:-1px;
}

.profile-mysite .list .tile .tile-text small {font-size:12px; opacity:1; color:#757575;}
.list .tile .tile-text small span {
	opacity: 1;
}
.list .tile .checkbox-styled:not(ie8),
.list .tile .radio-styled:not(ie8) {
	display: table-cell;
	padding: 0;
}
.list .tile .checkbox-styled:not(ie8) label,
.list .tile .radio-styled:not(ie8) label {
	display: block;
	padding-left: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
}
.list.list-image .tile .checkbox-styled:not(ie8) label,
.list.list-image .tile .radio-styled:not(ie8) label {
	padding:0 0 12px 0;
}
.list .tile .checkbox-styled:not(ie8):last-child label,
.list .tile .radio-styled:not(ie8):last-child label {
	padding-right: 16px;
}
.list .tile .checkbox-styled:not(ie8) input ~ span,
.list .tile .radio-styled:not(ie8) input ~ span {
	padding-left: 54px;
}
.list.list-image .tile .checkbox-styled:not(ie8) input ~ span,
.list.list-image .tile .radio-styled:not(ie8) input ~ span {
	padding-left: 40px;
}
.list .tile .ink-reaction .ink {
	width: 600px;
	height: 600px;
	margin-left: -300px;
	margin-top: -300px;
	background-color: rgba(83, 88, 88, 0.15);
}
.list li.divider-full-bleed,
.list li.divider-inset {
	position: relative;
}
.list li.divider-full-bleed:after,
.list li.divider-inset:after,
.list.divider-full-bleed li:after,
.list.divider-inset li:after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 1px;
	background: rgba(150, 156, 156, 0.25);
}
.list li.divider-full-bleed:after,
.list.divider-full-bleed li:after {
	left: 0;
}
.list li.divider-inset:after,
.list.divider-inset li:after {
	left: 72px;
}
.list-group .fa,
.list-group .zmdi,
.list-group .glyphicon {
	margin-right: 5px;
}
.list-group .btn[class^="btn-radio"],
.list-group .btn[class^="btn-checkbox"],
.list-group .btn[class*=" btn-radio"],
.list-group .btn[class*=" btn-checkbox"] {
	padding: 0;
}
.list-group-item {
	color: #313534;
}
.list-group-item.focus,
.list-group-item.focus:hover,
.list-group-item.focus:focus {
	background-color: #f2f3f3;
}
.list-group-item.focus .list-group-item-heading,
.list-group-item.focus:hover .list-group-item-heading,
.list-group-item.focus:focus .list-group-item-heading {
	color: inherit;
}
.list-group-item.focus .list-group-item-text,
.list-group-item.focus:hover .list-group-item-text,
.list-group-item.focus:focus .list-group-item-text {
	opacity: .75;
}
.card-body .list-group:first-child:nth-last-child(1) {
	margin-bottom: 0;
}
.list-email {
	margin-bottom: 20px !important;
}
.list-email a {
	border-left: none;
	border-right: none;
	padding: 20px 20px 20px 40px;
}
.list-email a:first-child {
	border-top: none;
}
.list-email h2,
.list-email h3,
.list-email h4,
.list-email h5,
.list-email h6 {
	margin-top: 0;
	margin-bottom: 5px;
}
.list-email p {
	color: #a3a8a8;
	margin-bottom: 0;
	line-height: 1.3;
}
.list-tags .btn {
	margin-bottom: 3px;
}
.card-head header.small.comments-header {
	padding-left:20px;
}
.comments-head {
	border-bottom:2px solid #eee;
	padding-bottom:12px;
}
.list-comments {
	padding-left: 0;
	list-style: none;
}
.list-comments .lft_bg {
	background: url(../../../images/site/comment_left_bg.png) no-repeat;
	display: block;
	height: 6px;
	width: 6px;
	position: absolute;
	left:-58px;
	top:28px;
}
.list-comments.check > li {
	padding-left:60px;
	padding-right:24px;
}
.list-comments.check .checkbox {
	position:absolute;
	left:-40px;
	top:22px;
}
.list-comments li.finished {
	background-color:#f7f7f7;
}
.list-comments > li ul {
	padding-left: 60px;
	list-style: none;
}

.list-comments .card {
	margin: 0;
	box-shadow: none;
	background: none;
}
.list-comments .comment-title {
	margin: 0 50px 10px 0;
	font-weight: bold
}
.list-comments .comment-title small {
	font-size: 11px;
	margin-left: 7px;
	color:#999;
}
.list-comments .comment-title small a {
	color:#757575;
	margin-right:7px;
}
.list-comments .comment-content img {
	max-width:100%;
	margin-bottom:15px;
}
.list-comments .comment-avatar {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	margin: 12px 0 0 0;
	text-align: center;
	border: 1px solid #d9d9d9;
	border-radius: 999px;
}
.list-comments .comment-avatar img {
	width: 100%;
}
.list-comments .comment-avatar .fa,
.list-comments .comment-avatar .zmdi {
	line-height: 60px;
	font-size: 28px;
}
.list-comments .comment-avatar .glyphicon {
	line-height: 52px;
	font-size: 20px;
}
.list-comments .card-body {
	margin-left: 40px;
	padding:12px 0 12px 24px;
}
.list-comments .card-body img {
	width: 500px;
	max-width: 100% !important;
	height: auto !important;
	margin-bottom: 10px;
}
.list-comments .stick-top-right {
	top:3px;
}
.list-chats {
	padding-left: 0;
	list-style: none;
}
.list-chats .chat {
	position: relative;
	min-height: 40px;
	margin: 16px 0 0 0;
	padding: 0 52px;
	text-align: right;
}
.list-chats .chat:before,
.list-chats .chat:after {
	content: " ";
	display: table;
}
.list-chats .chat:after {
	clear: both;
}
.list-chats .chat-avatar {
	position: absolute;
	right: 0;
	width: 40px;
	height: 40px;
	margin: 0;
	text-align: center;
	border-radius: 999px;
}
.list-chats .chat-avatar img {
	width: 100%;
}
.list-chats .chat-avatar .fa,
.list-chats .chat-avatar .zmdi {
	line-height: 40px;
	font-size: 18px;
}
.list-chats .chat-avatar .glyphicon {
	line-height: 32px;
	font-size: 16px;
}
.list-chats .chat-body {
	position: relative;
	display: inline-block;
	float: right;
	clear: both;
	padding: 12px;
	margin-bottom: 2px;
	text-align: left;
	color: #313534;
	background: #ffffff;
}
.list-chats .chat-body small {
	display: block;
	margin-bottom: -4px;
	opacity: 0.7;
}
.list-chats .chat-avatar + .chat-body:after {
	position: absolute;
	content: '';
	z-index: 0;
	width: 0;
	height: 0;
	border-style: solid;
	top: 0;
	right: -12px;
	border-width: 0 0 12px 12px;
	border-color: transparent transparent transparent #ffffff;
}
.list-chats .chat-left .chat {
	text-align: left;
}
.list-chats .chat-left .chat-avatar {
	left: 0;
	right: auto;
}
.list-chats .chat-left .chat-body {
	float: left;
	background-color: #1A6DFF;
	color: #ffffff;
}
.list-chats .chat-left .chat-avatar + .chat-body:after {
	top: 0;
	left: -12px;
	border-width: 0 12px 12px 0;
	border-color: transparent #1A6DFF transparent transparent;
}
.list-results {
	margin-bottom: 24px;
	margin-top: 1px;
	border-left: 1px solid #f2f3f3;
}
.list-results:before,
.list-results:after {
	content: " ";
	display: table;
}
.list-results:after {
	clear: both;
}
.list-results > div {
	padding: 20px 10px;
	margin-top: -1px;
	border-top: 1px solid #f2f3f3;
	border-right: 1px solid #f2f3f3;
	border-bottom: 1px solid #f2f3f3;
	background: inherit;
	color: inherit;
	text-decoration: none;
}
.list-results > div:hover {
	background: #f2f3f3;
}
.list-results > div img {
	margin-right: 10px;
}
.list-results.list-results-underlined {
	border-left: none;
}
.list-results.list-results-underlined > div {
	padding: 20px 0;
	border-right: none;
	border-top: none;
}
.nav-stacked {
	border-bottom: none;
}
.nav-stacked > li {
	margin-bottom: 0;
}
.nav-stacked > li + li {
	margin-top: 0;
	margin-bottom: 0;
}
.nav-stacked > li > a {
	margin-right: 0;
}
.nav-stacked.nav-tabs > li.active > a,
.nav-stacked.nav-tabs > li.active > a:hover,
.nav-stacked.nav-tabs > li.active > a:focus {
	border: none;
}
.nav-stacked > li > a > .hover-visible {
	display: none;
	position: absolute;
	right: 12px;
	top: 50%;
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.nav-stacked > li > a:hover > .hover-visible {
	display: inline;
}
.nav-bordered > li {
	border-top:1px solid #E0E0E0;
}
.nav > li > small {
	display: block;
	margin: 20px 0 10px 10px;
	font-size: 10px;
	font-weight: 500;
	opacity: .6;
}
.nav > li:first-child > small {
	margin-top: 0;
}
.nav.nav-icon > li a {
	padding-left: 32px;
}
.nav.nav-icon > li a .fa,
.nav.nav-icon > li a .zmdi,
.nav.nav-icon > li a .glyphicon {
	position: relative;
	width: 32px;
	text-align: center;
	margin-left: -32px;
	float: left;
	font-size: 1.3em;
}
.nav.nav-stacked > li > a > button {
	line-height: inherit;
}
.nav.nav-stacked > li.divider{
	height: 1px;
	margin: 3px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}
.nav-transparent a {
	color: inherit;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.nav-transparent a:hover {
	color: #313534;
}
.nav-pills img {
	margin-right: 10px;
}
.nav-pills li.focus > a,
.nav-pills li.focus > a:hover,
.nav-pills li.focus > a:focus {
	background-color: #f2f3f3;
}
.help-search {padding:0 12px;}
.help-search .form-group {width:230px;}
.user-search .form-group{
	margin:0;
}
.nav > li.list-view-size {
	position: absolute;
	right: 15px;
	z-index: 20;
}
.opt_list {
	list-style: none;
	padding:0;
	margin:0;
}
.opt_list li {
	background-color:#efefef;
	padding:8px 12px;
	margin-bottom:8px;
}
.chart_data ul {
	list-style: none;
}
.chart_data .chartcolor {
	display: inline-block;
	width: 16px;
	height:16px;
	vertical-align: middle;
	margin-right: 8px;
}
.chart_data .opt {
	display: inline-block;
	vertical-align: middle;
}
.user-search .form-group .form-control {
	border:none;
	height:48px;
	padding-left:64px;
	padding-right:50px;
	width: 100%;
}
.form-group .inside-form-group {
	margin: 20px -15px 0;
	overflow: hidden;
	font-size:13px;
}
.twitter-typeahead {
	width: 100%;
	display: block !important;
}
.user-search .form-group .form-control:focus {
	box-shadow: none;
}
.user-search .form-group .icon_set {
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size:18px;
	z-index: 1;
}
.user-search .form-group .icon_set.gray {
	color:#b4b4b4;
	font-size:20px;
	top:13px;
}
.user-search .form-group .icon_set.left {
	left:18px;
}
.user-search .form-group .icon_set.right {
	right:18px;
}
.search_form .form_left {
	float: left;
	margin-right: 10px;
	width: calc(100% - 160px);
}
.search_form .form_right {
	float: left;
	max-width: 150px;
	width: 100%;
}
.prod-search .filter_wrap {
	position : absolute;
	top      : 0;
	left     : 0;
	padding  : 0 15px;
}

.prod-search .serach_wrap {
	position : absolute;
	top      : 50%;
	right    : 19px;
	transform: translateY(-50%);
}

.prod-search .twitter_wrap {
	/*margin : 0 140px 0 24px;*/
	margin : 0 24px;
}

.prod-search .twitter_wrap .form-control {
	height      : 48px;
	line-height : 48px;
}

.prod-search .twitter_wrap .form-control:focus {
	box-shadow : none;
}

.prod-search .dd-filter-serach a {
	margin-right : 0;
}
.navbar-search {
	position: relative;
	display: inline-table;
	padding: 0;
	white-space: nowrap;
	border-radius: 2px;
	-webkit-transition: background 0.25s ease-in-out;
	-o-transition: background 0.25s ease-in-out;
	transition: background 0.25s ease-in-out;
}
.navbar-search .form-group {
	display: table-cell;
	margin-bottom: 0;
	max-width: 0;
	vertical-align: middle;
	overflow: hidden;
	-webkit-transition: max-width 0.25s ease-in-out;
	-o-transition: max-width 0.25s ease-in-out;
	transition: max-width 0.25s ease-in-out;
}
.navbar-search input {
	display: inline-block;
	padding: 0 10px;
	max-width: 0;
	height: 36px;
	border: none;
	-webkit-transition: max-width 0.25s ease-in-out;
	-o-transition: max-width 0.25s ease-in-out;
	transition: max-width 0.25s ease-in-out;
}
.navbar-search .btn {
	display: table-cell;
}
.navbar-search.expanded {
	background-color: #ffffff;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.navbar-search.expanded .form-group {
	max-width: 500px;
}
.navbar-search.expanded .btn {
	color: #0c0c0c;
	background: inherit;
}
.navbar-search.expanded input {
	max-width: 500px;
}
.nav li.padded {
	padding: 10px;
}
.alert.alert-callout {
	position: relative;
	padding-left: 20px;
	background: #ffffff;
	color: #313534;
	border-radius: 0;
}
.alert.alert-callout.readed {
	background-color:#f1f1f1;
}
.alert.alert-callout.readed .tile-text {
	color:#757575;
}
.alert.alert-callout.readed .tile-icon {
	opacity: 0.6;
}
.alert.alert-primary {
	background: #FAFAFA;
	border-color: #1A6DFF;
}
.notify-body {
	width: 100%;
}

.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	font-size: 12px;
	text-shadow: none;
	background: transparent;
}
.breadcrumb > li {
	opacity: 0.8;
	display: inline-block;
}
.breadcrumb > li + li:before {
	color: inherit;
	content: "/";
	font-size: 10px;
	padding: 0 5px;
}
.breadcrumb > .active {
	color: inherit;
	opacity: 0.7;
	font-weight: 400;
	font-size: 20px;
}
.panel-group .card {
	border: inherit;
	-webkit-transition: margin 0.33s ease-out;
	-o-transition: margin 0.33s ease-out;
	transition: margin 0.33s ease-out;
}
.panel-group .card .fa-angle-down,
.panel-group .card .fa-chevron-down,
.panel-group .card .fa-caret-down {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: all 0.1s linear;
}
.panel-group .card .collapsed .fa-angle-down,
.panel-group .card .collapsed .fa-chevron-down,
.panel-group .card .collapsed .fa-caret-down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.panel-group .card .fa-plus {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.panel-group .card .collapsed .fa-plus {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.panel-group .card + .card {
	margin-top: 1px;
}
.panel-group .card.expanded {
	margin: 16px 0px;
}
.panel-group .card.expanded:first-child {
	margin-top: 0;
}
.timeline {
	position: relative;
	list-style: none;
	padding: 20px 0 0 0;
	left: 50%;
}
.timeline:before {
	top: 0;
	bottom: 0;
	position: absolute;
	content: " ";
	width: 4px;
	background-color: #0c0c0c;
	opacity: 0.15;
	left: 0;
	margin-left: -2px;
}
.timeline-hairline.timeline:before {
	width: 2px;
	margin-left: -1px;
}
.timeline li {
	position: relative;
	display: block;
	width: 50%;
	left: -50%;
	white-space: nowrap;
	min-height: 30px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.timeline-entry {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0;
	vertical-align: top;
	margin: 0 -3px 0 0;
	white-space: normal;
}
.timeline-entry .card {
	position: relative;
	margin-right: 30px;
}
.timeline-entry .card img,
.timeline-entry .card .fa,
.timeline-entry .card .zmdi,
.timeline-entry .card .glyphicon {
	margin-right: 10px;
}
.timeline-inverted .timeline-entry {
	left: 100%;
}
.timeline-inverted .timeline-entry .card {
	margin-left: 30px;
	margin-bottom: 15px;
	margin-right: 0;
}
.timeline-entry .card:after {
	content: "";
	position: absolute;
	top: 16px;
	right: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #ffffff;
}
.timeline-inverted .timeline-entry .card:after {
	right: auto;
	left: -9px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.timeline-entry .card.style-default-dark:after {
	border-color: transparent transparent transparent #20252b;
}
.timeline-entry .card.style-default:after {
	border-color: transparent transparent transparent #e5e6e6;
}
.timeline-entry .card.style-default-light:after {
	border-color: transparent transparent transparent #f2f3f3;
}
.timeline-entry .card.style-default-bright:after {
	border-color: transparent transparent transparent #ffffff;
}
.timeline-entry .card.style-primary:after {
	border-color: transparent transparent transparent #1A6DFF;
}
.timeline-entry .card.style-primary-light:after {
	border-color: transparent transparent transparent #7dd8d2;
}
.timeline-entry .card.style-primary-dark:after {
	border-color: transparent transparent transparent #066265;
}
.timeline-entry .card.style-primary-bright:after {
	border-color: transparent transparent transparent #b3e3ff;
}
.timeline-entry .card.style-accent:after {
	border-color: transparent transparent transparent #9c27b0;
}
.timeline-entry .card.style-accent-light:after {
	border-color: transparent transparent transparent #c77bd4;
}
.timeline-entry .card.style-accent-dark:after {
	border-color: transparent transparent transparent #681a7f;
}
.timeline-entry .card.style-accent-bright:after {
	border-color: transparent transparent transparent #e9c9ef;
}
.timeline-entry .card.style-success:after {
	border-color: transparent transparent transparent #4caf50;
}
.timeline-entry .card.style-warning:after {
	border-color: transparent transparent transparent #ff9800;
}
.timeline-entry .card.style-danger:after {
	border-color: transparent transparent transparent #f44336;
}
.timeline-entry .card.style-info:after {
	border-color: transparent transparent transparent #267ddc;
}
.timeline-circ {
	position: absolute;
	top: 15px;
	left: 100%;
	width: 20px;
	height: 20px;
	line-height: 20px;
	margin-left: -10px;
	text-align: center;
	background: #757575;
	color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #fff !important;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
}
.timeline-circ .glyphicon,
.timeline-circ .fa,
.timeline-circ .zmdi {
	top: 0;
	margin: 0;
}
.timeline-circ.circ-lg {
	top: 10px;
	width: 30px;
	height: 30px;
	margin-left: -15px;
}
.timeline-circ.circ-lg .glyphicon,
.timeline-circ.circ-lg .fa,
.timeline-circ.circ-lg .zmdi {
	font-size: 14px;
	line-height: 24px;
}
.timeline-circ.circ-xl {
	top: 6px;
	width: 38px;
	height: 38px;
	margin-left: -19px;
}
.timeline-circ.circ-xl .glyphicon,
.timeline-circ.circ-xl .fa,
.timeline-circ.circ-xl .zmdi {
	font-size: 18px;
	line-height: 32px;
}
.timeline.no-shadow .card,
.timeline.no-shadow .timeline-circ {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.timeline.no-card-shadow .card {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-group h4 {
	font-weight :normal;
	margin-bottom: 25px;
}
.sub-nav-tile {
	font-size: 16px;
	display: table-cell;
	height: 70px;
	vertical-align: middle;
}
.sub-nav-tile .title-text {
	position: relative;
	margin-left: 68px;
}
.sub-nav-tile .sub-text {
	font-size: 13px;
	margin-top: 2px;
}
.sub-nav-tile .nav-icon {
	position: absolute;
	font-size: 20px;
	left: 24px;
	top: 50%;
	margin-top: -12px;
}
.sub-nav-tile .nav-icon.nav-image {
	margin-top: -15px;
	left: 10px;
	width: 50px;
	text-align: center;
}
.sub-nav-tile .nav-icon.nav-image img {
	width: 24px;
}
.sub-nav-tile .nav-icon.nav-bankda {
	margin-top: -14px;
}
.card.active-border {
	border:1px solid #1A6DFF;
}
@media (max-width: 768px) {
	.list-comments.check > li {
		padding-left:45px;
	}
	.list-comments .comment-avatar {
		width:30px;
		height:30px;
	}
	.list-comments.check .checkbox {
		left:-25px;
	}
	.list-comments .card-body {
		margin-left:20px;
	}
	.timeline.collapse-xs {
		left: 0;
	}
	.timeline.collapse-xs:before {
		left: 10px;
	}
	.timeline.collapse-xs li {
		left: 0;
		width: 100%;
	}
	.timeline.collapse-xs .timeline-entry {
		left: 0 !important;
	}
	.timeline.collapse-xs .timeline-entry .card {
		margin-left: 40px !important;
		margin-right: 0;
	}
	.timeline.collapse-xs .timeline-entry .card:after {
		right: auto;
		left: -9px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.timeline.collapse-xs .timeline-circ {
		left: 10px;
	}
	.card-head > .nav-tabs > li > a {
		line-height: 48px;
		padding:0 16px;

	}
	.user-search .form-group .form-control {
		padding-left:48px;
	}
}
@media (max-width: 1199px) {
	.timeline.collapse-md {
		left: 0;
	}
	.timeline.collapse-md:before {
		left: 10px;
	}
	.timeline.collapse-md li {
		left: 0;
		width: 100%;
	}
	.timeline.collapse-md .timeline-entry {
		left: 0 !important;
	}
	.timeline.collapse-md .timeline-entry .card {
		margin-left: 40px !important;
		margin-right: 0;
	}
	.timeline.collapse-md .timeline-entry .card:after {
		right: auto;
		left: -9px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.timeline.collapse-md .timeline-circ {
		left: 10px;
	}
}
.timeline.collapse-lg {
	left: 0;
}
.timeline.collapse-lg:before {
	left: 10px;
}
.timeline.collapse-lg li {
	left: 0;
	width: 100%;
}
.timeline.collapse-lg .timeline-entry {
	left: 0 !important;
}
.timeline.collapse-lg .timeline-entry .card {
	margin-left: 40px !important;
	margin-right: 0;
}
.timeline.collapse-lg .timeline-entry .card:after {
	right: auto;
	left: -9px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.timeline.collapse-lg .timeline-circ {
	left: 10px;
}
.knob {
	position: relative;
	display: inline-block;
	border-color: #e0e0e0;
}
.knob canvas {
	position: relative;
	vertical-align: top;
}
.knob.knob-shadow:before {
	position: absolute;
	content: "";
	height: 15%;
	left: 30%;
	right: 30%;
	bottom: -8%;
	box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.2), 0 0 40px 20px rgba(0, 0, 0, 0.2), inset 0 0 50px 100px rgba(0, 0, 0, 0.3);
	border-radius: 50%;
	-webkit-transform: scaleY(0.07);
	-ms-transform: scaleY(0.07);
	-o-transform: scaleY(0.07);
	transform: scaleY(0.07);
	z-index: 0;
}
.knob-stack {
	position: relative;
	display: block;
}
.knob-stack .knob-pane {
	display: block;
}
.knob-stack .knob-pane:after {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	content: "\25CF";
	display: block;
	color: #ffffff;
	text-align: center;
}
.knob-stack .knob-pane .knob-legend {
	position: absolute;
}
.knob-stack .knob-pane .knob-legend strong {
	position: absolute;
	top: -22px;
	font-size: 16px;
	display: block;
	width: 100%;
}
.knob-stack .knob-pane .knob-legend span {
	position: relative;
	top: 2px;
}
.knob-stack .knob-pane .knob-legend:after,
.knob-stack .knob-pane .knob-legend:before {
	position: absolute;
	z-index: 10;
	content: "";
	display: block;
	height: 1px;
	background-color: #bdc1c1;
}
.knob-stack .knob-pane .knob-legend:after {
	width: 176.7766952966369px;
}
.knob-stack .knob-pane:nth-child(1) .knob-legend {
	left: 5%;
	right: 50%;
	top: 10px;
}
.knob-stack .knob-pane:nth-child(1) .knob-legend:before {
	top: 0;
	right: 0;
	left: 0;
}
.knob-stack .knob-pane:nth-child(1) .knob-legend:after {
	width: 0;
}
.knob-stack .knob-pane:nth-child(2):after {
	top: 20px;
}
.knob-stack .knob-pane:nth-child(2) .knob-legend {
	left: 50%;
	right: 5%;
	top: 30px;
	text-align: right;
}
.knob-stack .knob-pane:nth-child(2) .knob-legend:before {
	top: 0;
	right: 0;
	left: 0;
}
.knob-stack .knob-pane:nth-child(2) .knob-legend:after {
	width: 0;
}
.knob-stack .knob-pane:nth-child(3):after {
	top: 40px;
}
.knob-stack .knob-pane:nth-child(3) .knob-legend {
	left: 5%;
	right: 50%;
	top: 175px;
}
.knob-stack .knob-pane:nth-child(3) .knob-legend:before {
	top: 0;
	right: 125px;
	left: 0;
}
.knob-stack .knob-pane:nth-child(3) .knob-legend:after {
	right: -25.888347648318437px;
	top: -62.50000000000001px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.knob-stack .knob-pane:nth-child(4):after {
	top: 60px;
}
.knob-stack .knob-pane:nth-child(4) .knob-legend {
	left: 50%;
	right: 5%;
	top: 195px;
	text-align: right;
}
.knob-stack .knob-pane:nth-child(4) .knob-legend:before {
	top: 0;
	right: 0;
	left: 125px;
}
.knob-stack .knob-pane:nth-child(4) .knob-legend:after {
	left: -25.888347648318437px;
	top: -62.50000000000001px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.knob-stack .knob {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.knob-default-dark {
	color: #20252b;
}
.knob-default-dark-track {
	border-color: #20252b;
}
.knob-default {
	color: #e5e6e6;
}
.knob-default-track {
	border-color: #e5e6e6;
}
.knob-default-light {
	color: #f2f3f3;
}
.knob-default-light-track {
	border-color: #f2f3f3;
}
.knob-default-bright {
	color: #ffffff;
}
.knob-default-bright-track {
	border-color: #ffffff;
}
.knob-primary-dark {
	color: #066265;
}
.knob-primary-dark-track {
	border-color: #066265;
}
.knob-primary {
	color: #1A6DFF;
}
.knob-primary-track {
	border-color: #1A6DFF;
}
.knob-primary-light {
	color: #7dd8d2;
}
.knob-primary-light-track {
	border-color: #7dd8d2;
}
.knob-primary-bright {
	color: #b3e3ff;
}
.knob-primary-bright-track {
	border-color: #b3e3ff;
}
.knob-accent-dark {
	color: #681a7f;
}
.knob-accent-dark-track {
	border-color: #681a7f;
}
.knob-accent {
	color: #9c27b0;
}
.knob-accent-track {
	border-color: #9c27b0;
}
.knob-accent-light {
	color: #c77bd4;
}
.knob-accent-light-track {
	border-color: #c77bd4;
}
.knob-accent-bright {
	color: #e9c9ef;
}
.knob-accent-bright-track {
	border-color: #e9c9ef;
}
.knob-success {
	color: #4caf50;
}
.knob-success-track {
	border-color: #4caf50;
}
.knob-warning {
	color: #ff9800;
}
.knob-warning-track {
	border-color: #ff9800;
}
.knob-danger {
	color: #f44336;
}
.knob-danger-track {
	border-color: #f44336;
}
.knob-info {
	color: #267ddc;
}
.knob-info-track {
	border-color: #267ddc;
}
.flot {
	min-height: 20px;
}
.flot div.legend > div {
	border: 1px solid rgba(255, 255, 255, 0.4);
}
.flot div.legend > table {
	color: inherit !important;
}
.flot div.legend > table td {
	padding: 4px;
}
.legendColorBox > div {
	margin: 5px;
	border: none!important;
}
.legendColorBox > div > div {
	border-radius: 50%;
}
.flot-legend-horizontal table tr {
	float: left;
	padding-right: 8px;
}
.piechart {
	position: relative;
	display: inline-table;
	min-width: 10px;
	min-height: 10px;
	text-align: center;
}
.piechart canvas {
	position: absolute;
	top: 0;
	left: 0;
}
.piechart .display {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
.piechart .display .percent:after {
	content: '%';
	font-weight: 300;
	margin-left: 0.1em;
	font-size: .6em;
}
.jqstooltip {
	box-sizing: content-box;
}
.lg-on .modal_prod_detail {
	z-index: 1040;
}
.modal_prod_detail .modal-content {
	word-break: break-word;
}
.modal_prod_detail .npay_icon {
	line-height: 18px;
}
.modal_prod_detail .npay_icon span:first-child {
	line-height: 15px;
}
.modal {
	color: #313534;
	overflow-y:scroll;
}
.modal {
	text-align: center;
}
.cocoa-sticker-modal {
	position: fixed;
	z-index: 1351;
	width: 100%;
	height: 100%;
	background: transparent;
	display: block;
}
.cocoa-sticker-modal .modal-content {
	display: none;
	width: 320px;
	position: fixed;
	background: #fff;
	text-align: left;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
	overflow: auto;
	right: auto;
	bottom: auto;
	padding: 8px 16px;
	font-size: 12px;
	border: none;
}
.cocoa-sticker-modal .modal-header {
	padding: 8px 0 16px 0;
	font-size: 14px;
	font-weight: 700;
	color: #000;
}
.cocoa-sticker-modal .modal-header .close {
	display: none;
}
.cocoa-sticker-modal .modal-body {
	padding: 0;
}
.cocoa-toast {
	display: inline-block;
	position: fixed;
	z-index: 10000;
	top: 48px;
	width: 100%;
	text-align: center;
	opacity: 0;
	-webkit-transform: translate(0, 16px);
	-ms-transform: translate(0, 16px);
	-o-transform: translate(0, 16px);
	transform: translate(0, 16px);
	-webkit-transition: -webkit-transform 600ms ease, opacity 600ms ease;
	-o-transition:      -o-transform 600ms ease, opacity 600ms ease;
	transition:         transform 600ms ease, opacity 600ms ease;
}
.cocoa-toast .toast-content {
	display: inline-block;
	background: #212121;
	color: #ffffff;
	padding: 16px;
	min-width: 320px;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
}
.modal.easywinner .modal-dialog {
	width: 800px;
}
.modal.easywinner .modal-content {
	background: #fafaf9 url('../../../upload/c1a127e5d664f.png') no-repeat; background-size: 100%;
	border: none;
}
.answers_form {
	margin-bottom:14px;
}
.accordion .card-header {
	padding: 18px 24px;
	position: relative;
	border: 0px;
	white-space: normal;
}
.accordion .card-header:hover, .accordion .card-header:focus {
	text-decoration: none;
}
.accordion .card-header .acd-icon {
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -9px;
	color: #9a9a9a;
}
.accordion .card-header.collapsed .acd-icon:before {
	content: '\e604';
}
.accordion .card-body {
	padding: 0 24px;
	position: relative;
	vertical-align: top;
}
@media (min-width: 768px) {
	.modal.modal_choose_theme .modal-dialog {
		width:850px;
	}
	.modal_admin_member_excel_download .modal-dialog,
	.modal.modal_admin_group_form .modal-dialog,
	.modal.modal_admin_open_group_form .modal-dialog {
		width: 700px;
	}
	.answers_form {
		padding-left: 64px;
	}
	.modal.modal_admin_detail_form .modal-dialog {
		width: 960px;
	}
}

.modal-sample button.close {
	position: absolute;
	font-size:16.8px;
	top:-24px;
	right:-24px;
	color:#fff;
	opacity: 1;
}
@media screen and (min-width: 768px) {
	.modal:before {
		display: inline-block;
		vertical-align: top;
		content: " ";
		height: 100%;
	}
	.card-body article {
		max-width: 700px;
	}
	.modal.modal-sample .modal-dialog {
		width: auto;
	}
	.modal.modal-sample.modal-sample-pc .modal-dialog {
		width:75%;
		max-width:1152px;
	}
	.modal.modal_oauth_manual .modal-dialog {
		width: auto;
		max-width: 700px;
	}
}
.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.modal-dialog.profile {
	width: 350px;
}
.modal_site_alert:before {
	display        : inline-block;
	vertical-align : middle;
	content        : " ";
	height         : 100%;
}
.modal_site_alert .modal-dialog {
	width: 290px;
}
.modal_site_alert .modal-content {
	border-radius: 5px;
	font-size: 14px;
}
.modal_site_alert .modal-dialog .container-fluid {
	padding-top:55px;
	padding-bottom:55px;
}
.modal_site_alert .btn-group-justified {
	border-top : 1px solid #ddd;
}
.modal_site_alert .btn {
	height           : 45px;
	border           : none;
	border-right     : 1px solid #ddd !important;
	letter-spacing   : 0;
	background-color : #fff !important;
	color            : #212121 !important;
	border-radius: 0;
}
.modal_site_alert .btn {
	padding-left: 0;
	padding-right: 0;
}
.modal_site_alert .btn:first-child {
	border-radius: 0 0 0 5px;
}
.modal_site_alert .btn:last-child {
	border-radius: 0 0 5px 0;
}
.modal_site_alert .form-control{
	margin-bottom :10px;
}
.modal_site_alert .btn.right {
	border : none;
}
.modal_site_alert img.item {
	border-radius: 50%;
	border: 1px solid #999;
	position: absolute;
	top: -35px;
	left: 50%;
	margin-left: -35px;
}
@media (min-width: 768px) {
	.modal_paypal_manual .modal-dialog {
		width: 750px;
	}
}
@media (max-width: 767px) {
	.modal.modal-sample .modal-dialog {
		width: 75%;
		margin: 40px 0 0 -20px;
	}
}
.modal.modal_mypage .modal-dialog {
	background: #f6f6f8;
	width: 100%;
	height: 100%;
	position: fixed;
	margin: 0;
	left:0;
	overflow-y: auto;
}
.modal.modal_mypage .modal-dialog .modal-content {
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:0;
}
.modal.modal_mypage .modal-dialog .modal-header {
	padding:48px 48px 24px 48px;
}
.modal.modal_mypage .modal-dialog .modal-body {
	padding:24px 48px 48px 48px;
}
.modal-card {
	margin-bottom: 24px;
}
.modal-comment .reply .img-upload {
	font-size: 17px;
	position: absolute;
	padding: 15px;
	overflow: hidden;
}
.modal-comment .reply .img-upload i {
	display: inline-block;
	font-weight: bold;
	padding: 1px;
}
.modal-comment .reply .img-upload input {
	width: auto;
	height: 100%;
	top: 0;
	position: absolute;
	left: -73px;
	opacity: 0;
	z-index: 10;
	cursor: pointer;
	padding: 0;
}
.modal-comment textarea {
	width: 100%;
	min-height: 250px;
	resize: none;
	border: 0;
	background: #f6f6f6;
	border-radius: 5px;
	padding: 50px 15px 15px;
}
.modal-comment textarea:focus {
	outline: none;
}
.modal_alert_btn {
	background: rgba(0, 0, 0, 0.8);
}
.modal_alert_btn .modal-dialog {
	width: auto;
	vertical-align: top;
	margin: 80px auto;
}
.modal_alert_btn .modal-content {
	border-radius: 5px;
	width: 368px;
}
.modal_alert_btn .modal-header {
	padding: 40px 0 0;
}
.modal_alert_btn .modal-title {
	font-size: 24px;
}
.modal_alert_btn .modal-header button.close {
	position: absolute;
	top: 14px;
	right: 16px;
}
.modal_alert_btn .modal-body {
	padding: 24px;
	font-size: 14px;
	color: #212121;
}
.modal_alert_btn .modal-footer .cancel {
	border-radius: 0 0 0 3px;
	background: #eee;
	font-size: 14px;
}
.modal_alert_btn .modal-footer .confirm {
	border-radius: 0 0 3px 0;
	font-size: 14px;
}
.modal_alert_btn .modal-body .input-group-login {
	margin-top: 16px;
}
.modal_alert_btn table.table_theme_caution {
	width: 100%;
	margin: 18px auto;
}
.modal_alert_btn table.table_theme_caution tr {
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
.modal_alert_btn table.table_theme_caution tr > td {
	padding: 8px 4px;
}
.modal_alert_btn table.table_theme_caution tr > td:first-child {
	min-width: 60px;
	text-align: center;
}
.modal_alert_btn table.table_theme_caution caption {
	font-size: 12px;
	color: rgba(33, 33, 33, 0.6);
	caption-side: bottom;
}
.modal_alert_btn .modal-body i.bt-undo {
	padding: 4px 2px;
}
.modal_alert_responsive .modal-content {
	max-width: 400px;
	padding: 24px 24px 16px;
	border-radius: 4px;
	color: #212121;
	margin: 50% auto;
}
.modal_alert_responsive .modal-body {
	padding: 0;
	margin-bottom: 24px;
}
.modal_alert_responsive .modal-footer {
	border: none;
}
.modal_alert_responsive .modal-footer .btn {
	border-radius: 2px;
	font-size: 13px;
	line-height: 34px;
	padding: 0 20px;
	color: #212121;
}
.modal_alert_responsive .btn.cancel {
	border: 1px solid #DDE5ED;
	background: none;
}
.modal_alert_responsive .btn.confirm {
	background: #1A6DFF;
	color: #FFFFFF;
}
.modal_alert_responsive .modal-footer .btn + .btn {
	margin-left: 8px;
}
.global_setting {
	width: 280px;
	left: 20px;
	right: auto;
	z-index: 241;
	top: 90px;
	position: fixed;
	word-break: break-all;
}
ul.global_setting li:hover .tools {
	display: block;
}
ul.global_setting li .tools {
	display: none;
	font-size: 18px;
	color: #999;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -12.5px;
	z-index: 2;
}
ul.global_setting li .badge {
	display: none;
}
ul.global_setting li.use_global .domain {
	padding-right: 50px;
}

ul.global_setting li.use_global .badge {
	display: inline-block;
}
ul.global_setting li:hover:last-child {
	background: transparent;
}
.global_setting:before {
	display: inline;
}
.global_setting .tools a:first-child{
	margin-right: 5px;
}
.global_setting .domain_name {
	word-wrap: break-word;
	display: block;
	white-space: normal;
}
.global_setting .text-primary,
.global_setting .text-primary:hover {
	color : #1A6DFF;
}
.global_setting li.holder:last-child a {
	margin-bottom :8px;
}
.account_modal {
	width:300px;
}
.modal.modal_global_del .modal-dialog{
	width: 360px;
}
.modal_admin_check_deposit_account .modal-dialog {
	width: 414px;
}
.modal_admin_check_deposit_account .table {
	margin: 0;
}
.modal_admin_check_deposit_account .table > tbody > tr > td {
	padding: 20px;
}
.modal_admin_check_deposit_account .table > tbody > tr > td:first-child {
	padding-left: 24px;
}
.modal_admin_check_deposit_account .table > tbody > tr > td:last-child {
	padding-right: 24px;
}

.form-control-static {
	padding-top: 4px;
	padding-bottom: 4px;
	min-height:0;
}
.form-control-datepicker {
	position: relative;
	display: inline-block;
}
.form-control-datepicker .form-control {
	padding-right: 25px;
	width: 130px;
}
.form-control-datepicker > i {
	position: absolute;
	right: 2px;
	top: 7px;
	pointer-events: none;
}
.modal-header .close {
	margin-top: 0;
}
.close {
	color:#212121;
	opacity: 0.5;
	font-size:14px;
}
.close:hover {
	opacity: 0.8;
}
.account_modal:after {
	content:'';
	display: table;
	clear: both;
}
.account_modal img {
	float: left;
}
.account_profileinfo {
	float: left;
	margin-left:20px;
}
.account_profileinfo .name {
	font-weight: 500;
	font-size:16px;
	margin-top:8px;
	display: block;
}
.profile_info_control {
	font-size:13px;
	color:#999;
	margin-top:4px;
}
.profile_info_control a {
	margin-right:8px;
}
.thumb_site_list {
	list-style: none;
	padding:0;
	max-width: 2200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, auto));
	gap: 60px;
}

.thumb_site_list > li {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 30px;
	margin-bottom: 60px;
	vertical-align: top;
	min-height: 250px;
}
.thumb_site_list .site_preview {
	position: relative;
	padding-bottom: 65%;
	background: #e0e0e0;
	border: 2px solid #e0e0e0;
	text-align: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.thumb_site_list .site_preview span {
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	left:0;
	opacity: 0.5;
}
.thumb_site_list .addsite .site_preview {
	background: transparent;
	border:2px dashed #d0d0d0;
}
.thumb_site_list .site_name {
	font-size:16px;
}
.thumb_site_list .site_info {
	margin-top:18px;
}
.thumb_site_list .version {
	font-size:12px;
	opacity: 0.7;
}
.dropdown-form-control .form-control {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: url(../../../images/site/ico_menu-down.png) no-repeat center right;
	background-size: 24px 24px;
	padding-right: 24px;
}
.popover {
	color: #313534;
	width: 100%;
	min-width: 270px;
	max-width: 300px;
}
.gui-popover {
	position: fixed;
	background-color: #f2f3f3;
	color: #313534;
}
.gui-popover .popover-title {
	background-color: #d8dada;
	color: rgba(49, 53, 52, 0.9);
	border-bottom-color: rgba(49, 53, 52, 0.2);
}
.gui-popover.top > .arrow :after {
	border-top-color: #f2f3f3;
}
.gui-popover.right > .arrow:after {
	border-right-color: #f2f3f3;
}
.gui-popover.bottom > .arrow:after {
	border-bottom-color: #f2f3f3;
}
.gui-popover.left > .arrow:after {
	border-left-color: #f2f3f3;
}
.gui-popover.popover-info {
	background-color: #267ddc;
	color: #ffffff;
}
.gui-popover.popover-info .popover-title {
	background-color: #0c7cd5;
	color: rgba(255, 255, 255, 0.9);
	border-bottom-color: rgba(255, 255, 255, 0.2);
}
.gui-popover.popover-info.top > .arrow :after {
	border-top-color: #267ddc;
}
.gui-popover.popover-info.right > .arrow:after {
	border-right-color: #267ddc;
}
.gui-popover.popover-info.bottom > .arrow:after {
	border-bottom-color: #267ddc;
}
.gui-popover.popover-info.left > .arrow:after {
	border-left-color: #267ddc;
}
.gui-popover.popover-warning {
	background-color: #ff9800;
	color: #ffffff;
}
.gui-popover.popover-warning .popover-title {
	background-color: #cc7a00;
	color: rgba(255, 255, 255, 0.9);
	border-bottom-color: rgba(255, 255, 255, 0.2);
}
.gui-popover.popover-warning.top > .arrow :after {
	border-top-color: #ff9800;
}
.gui-popover.popover-warning.right > .arrow:after {
	border-right-color: #ff9800;
}
.gui-popover.popover-warning.bottom > .arrow:after {
	border-bottom-color: #ff9800;
}
.gui-popover.popover-warning.left > .arrow:after {
	border-left-color: #ff9800;
}
.gui-popover.popover-success {
	background-color: #4caf50;
	color: #ffffff;
}
.gui-popover.popover-success .popover-title {
	background-color: #3d8b40;
	color: rgba(255, 255, 255, 0.9);
	border-bottom-color: rgba(255, 255, 255, 0.2);
}
.gui-popover.popover-success.top > .arrow :after {
	border-top-color: #4caf50;
}
.gui-popover.popover-success.right > .arrow:after {
	border-right-color: #4caf50;
}
.gui-popover.popover-success.bottom > .arrow:after {
	border-bottom-color: #4caf50;
}
.gui-popover.popover-success.left > .arrow:after {
	border-left-color: #4caf50;
}
.gui-popover.popover-danger {
	background-color: #f44336;
	color: #ffffff;
}
.gui-popover.popover-danger .popover-title {
	background-color: #ea1c0d;
	color: rgba(255, 255, 255, 0.9);
	border-bottom-color: rgba(255, 255, 255, 0.2);
}
.gui-popover.popover-danger.top > .arrow :after {
	border-top-color: #f44336;
}
.gui-popover.popover-danger.right > .arrow:after {
	border-right-color: #f44336;
}
.gui-popover.popover-danger.bottom > .arrow:after {
	border-bottom-color: #f44336;
}
.gui-popover.popover-danger.left > .arrow:after {
	border-left-color: #f44336;
}
.carousel-control.left {
	background: none;
}
.carousel-control.right {
	background: none;
}
/** initial setup **/
.nano {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.nano > .nano-content {
	position: absolute;
	overflow: scroll;
	overflow-x: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.nano > .nano-content:focus {
	outline:none;
	/*
  outline: thin dotted;
  */
}
.nano > .nano-content::-webkit-scrollbar {
	display: none;
}
.nano > .nano-pane {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
	width: 10px;
	right: 0;
	top: 0;
	bottom: 0;
	/* IE7 및 IE8에만 해당됨 */
	visibility: hidden\9;
	opacity: .01;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.nano > .nano-pane > .nano-slider {
	background: #444;
	background: rgba(0, 0, 0, 0.5);
	position: relative;
	margin: 0 1px;
}
.nano:hover > .nano-pane,
.nano-pane.active,
.nano-pane.flashed {
	/* IE7 및 IE8에만 해당됨 */
	visibility: visible\9;
	opacity: 0.99;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
	display: block;
}
.holder {
	position: relative !important;
}
.absolute{
	position: absolute;
}
.absolute_right{
	right: 0;
}
.no-radius {
	border-radius: 0;
}
.border-round {
	border-radius: 50%;
}
.radius-8 {
	border-radius: 8px;
}

.opacity-25 {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.opacity-50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity-75 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}
.opacity-100 {
	opacity: 1 !important;
	filter: alpha(opacity=100);
}
.no-margin {
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-right {
	margin-left: 0 !important;
}
.no-margin-x {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.no-margin-y {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.margin-bottom-lg {
	margin-bottom: 5px;
}
.xs-margin-bottom{
	margin-bottom: 8px !important;
}
.sm-margin-bottom{
	margin-bottom: 16px !important;
}
.md-margin-bottom{
	margin-bottom: 24px;
}
.lg-margin-bottom{
	margin-bottom: 32px !important;
}
.margin-bottom-xl {
	margin-bottom: 10px !important;
}
.margin-bottom-12{
	margin-bottom: 12px;
}
.margin-bottom-xxl {
	margin-bottom: 20px;
}
.margin-bottom-xxxl {
	margin-bottom: 30px;
}
.margin-bottom-xxxxl {
	margin-bottom: 40px  !important;
}
.margin-bottom-hundread {
	margin-bottom: 100px;
}
.margin-top-lg {
	margin-top: 4px;
}
.margin-top-5{
	margin-top: 5px;
}
.margin-top-xl {
	margin-top: 8px;
}
/* margin-top 간격을 변경해버려서 margin-bottom과 안 맞는데 추후에 통일시킬 것 */
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-12 {
	margin-top: 12px;
}
.margin-top-xxl {
	margin-top: 16px;
}
.margin-top-20 {
	margin-top: 20px;
}
.margin-top-xxxl {
	margin-top: 32px;
}
.margin-top-xxxxl {
	margin-top: 40px;
}
.margin-left-lg {
	margin-left: 4px;
}
.margin-left-xl {
	margin-left: 8px;
}
.margin-left-12{
	margin-left: 12px;
}
.margin-left-xxl {
	margin-left: 16px;
}
.margin-left-xxxl {
	margin-left: 24px;
}
.margin-right-lg {
	margin-right: 4px;
}
.margin-right-xl {
	margin-right: 8px;
}
.margin-right-12 {
	margin-right: 12px;
}
.margin-right-xxl {
	margin-right: 16px;
}
.margin-right-xxxl{
	margin-right: 24px;
}
.margin-x-12{
	margin-left: 12px;
	margin-right: 12px;
}
.padding-bottom-lg {
	padding-bottom: 5px;
}
.padding-bottom-xl {
	padding-bottom: 10px !important;
}
.padding-bottom-xxl {
	padding-bottom: 20px;
}
.padding-bottom-xxxl {
	padding-bottom: 30px !important;
}
.padding-bottom-xxxxl {
	padding-bottom: 40px;
}
.padding-bottom-hundread {
	padding-bottom: 100px;
}
.md-padding-bottom{
	padding-bottom: 24px;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-x {
	padding-left:0 !important;
	padding-right:0 !important;
}
.no-padding-y {
	padding-top:0 !important;
	padding-bottom:0 !important;
}
.no-padding-left {
	padding-left:0 !important;
}
.no-padding-top {
	padding-top:0 !important;
}
.no-padding-bottom {
	padding-bottom:0 !important;
}
.no-padding-right {
	padding-right:0 !important;
}

.sm-padding {
	padding:12px 8px 12px;
}
.padding-x-xxl{
	padding-left: 16px;
	padding-right: 16px;
}
.padding-left-30{
	padding-left: 30px;
}
.xxs-padding-top {
	padding-top: 5px !important;
}
.xs-padding-left {
	padding-left: 10px;
}
.sm-padding-left {
	padding-left: 12px;
}
.lg-padding-left {
	padding-left: 20px;
}
.padding-left-xxxl{
	padding-left: 24px !important;
}
.padding-right-8 {
	padding-right: 8px;
}
.xs-padding-right {
	padding-right: 10px;
}
.sm-padding-right {
	padding-right: 12px;
}
.force-padding {
	padding: 15px 24px;
}
.card.card-sm-padding .force-padding {
	padding: 15px 14px;
}
.medium-padding {
	padding: 24px !important;
}
.large-padding {
	padding: 48px;
}
.xlarge-padding {
	padding: 60px;
}
.small-padding {
	padding: 12px;
}
.padding-16 {
	padding: 16px;
}
.no-y-padding {
	padding: 0 24px;
}
.no-side-padding {
	padding: 24px 0;
}
.xs-padding {
	padding: 5px !important;
}
.xs-padding-x {
	padding : 0 5px;
}
.sm-padding-x {
	padding : 0 10px;
}
.md-padding-x {
	padding : 0 24px;
}
.sm-padding-y {
	padding-top :10px !important;
	padding-bottom: 10px !important;
}
.md-padding-y {
	padding-top:24px !important;
	padding-bottom:24px !important;
}
.padding-top-xxl {
	padding-top: 20px;
}
.padding-top-xxxxl {
	padding-top: 40px !important;
}
.large-padding-bottom {
	padding-bottom : 40px;
}
.large-padding-y {
	padding : 40px 0
}
.x-large-padding-y {
	padding : 80px 0
}
.no-list-style {
	list-style: none;
}
.float_l {
	float: left;
}
.float_r {
	float: right;
}
.text-11 {
	font-size: 11px;
}
.text-12 {
	font-size: 12px !important;
}
.text-13 {
	font-size: 13px;
}
.text-14 {
	font-size: 14px !important;
}
.text-15 {
	font-size: 15px;
}
.text-16 {
	font-size: 16px;
}
.text-18 {
	font-size: 18px;
}
.text-20 {
	font-size: 20px;
}
.text-28 {
	font-size: 28px;
}
.border-gray,
.border-black,
.border-white,
.border-gray-bright,
.border-lg,
.border-xl,
.border-xxl {
	border-style: solid;
	border-width: 1px;
	border-color: #0c0c0c;
}
.border-lg {
	border-width: 2px;
}
.border-xl {
	border-width: 3px;
}
.border-xxl {
	border-width: 5px;
}
.border-white {
	border-color: #ffffff;
}
.border-gray {
	border-color: #969c9c;
}

.border-gray-bright {
	border-color : #ccc
}
.border-transparent {
	border-color: transparent;
}
.border-radius-right {
	border-bottom-right-radius: 2px !important;
	border-top-right-radius: 2px !important;
}
.border-radius-left {
	border-bottom-left-radius: 2px !important;
	border-top-left-radius: 2px !important;
}

.border-rounded {
	border-radius : 30px;
}
.hidden-border {
	border-color: transparent !important;
}
.border-dashed {
	border-style: dashed;
}

.no-border {
	border : 0 !important;
}
.f-left {
	float : left;
}

.f-right {
	float : right;
}
.word-break-all {
	word-break: break-all;
}
.overlay {
	position: absolute;
	left: 0;
	right: 0;
	padding: 15px;
}
.overlay-default {
	background-color: rgba(150, 156, 156, 0.75);
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.overlay-primary {
	background-color: rgba(10, 168, 158, 0.75);
	color: #ffffff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.overlay-shade-top {
	background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, 0.6) 0%, rgba(12, 12, 12, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(12, 12, 12, 0.6) 0%, rgba(12, 12, 12, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0.6) 0%, rgba(12, 12, 12, 0) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990c0c0c', endColorstr='#000c0c0c', GradientType=0);
}
.overlay-shade-bottom {
	background-image: -webkit-linear-gradient(top, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.6) 100%);
	background-image: -o-linear-gradient(top, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.6) 100%);
	background-image: linear-gradient(to bottom, rgba(12, 12, 12, 0) 0%, rgba(12, 12, 12, 0.6) 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000c0c0c', endColorstr='#990c0c0c', GradientType=0);
}
.inline-blocked {
	display: inline-block;
}
.blocked {
	display: block !important;
}
.flexed {
	display: flex;
}
.display-table {
	display : table;
}
.display-none {
	display : none;
}
.bg_fafafa{
	background-color:#fafafa;
}
.bg_transparent {
	background: transparent;
	box-shadow: none;
	border: 1px dashed #BDBDBD;
}
.no-list-style {
	list-style: none;
	padding: 0;
	margin: 0;
}
@media (min-width: 768px) {
	.row.display-table-row {
		margin:0 0 24px 0;
		height: 100%;
		display : table;
		width: 100%;
	}
	.row.display-table-row .col-md-6 {
		display: table-cell;
		float: none;
		height: 100%;
	}
	.row.display-table-row .col-md-6 .card {
		height: 100%;
	}
	.row.display-table-row .table-cell-left {
		padding-left: 0;
	}
	.row.display-table-row .table-cell-right {
		padding-right: 0;
	}
	.empty-img-box {
		margin-top:60px;
	}
}
.mask {
	position: relative;
	overflow: hidden;
}
.bottom-layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 0;
}
.top-layer {
	position: relative;
	z-index: 1;
}
.stick-top-left,
.stick-top-right,
.stick-top-left-right {
	position: absolute;
	top: 0;
}
.stick-bottom-left,
.stick-bottom-right,
.stick-bottom-left-right {
	position: absolute;
	bottom: 0;
}
.stick-top-left,
.stick-bottom-left,
.stick-top-left-right,
.stick-bottom-left-right {
	left: 0;
}
.stick-top-right,
.stick-bottom-right,
.stick-top-left-right,
.stick-bottom-left-right {
	right: 0;
}
.height-0,
.size-0 {
	height: 20px;
}
.height-1,
.size-1 {
	height: 40px;
}
.height-2,
.size-2 {
	height: 80px;
}
.height-3,
.size-3 {
	height: 120px;
}
.height-4,
.size-4 {
	height: 160px;
}
.height-5,
.size-5 {
	height: 200px;
}
.height-6,
.size-6 {
	height: 240px;
}
.height-7,
.size-7 {
	height: 280px;
}
.height-8,
.size-8 {
	height: 320px;
}
.height-9,
.size-9 {
	height: 360px;
}
.height-10,
.size-10 {
	height: 400px;
}
.height-11,
.size-11 {
	height: 440px;
}
.height-12,
.size-12 {
	height: 480px;
}
.height-70 {
	height: 70px;
}
.width-1,
.size-1 {
	width: 40px;
}
.width-2,
.size-2 {
	width: 80px;
}
.width-88,
.size-88 {
	width: 88px;
}
.width-3,
.size-3 {
	width: 120px;
}
.width-4,
.size-4 {
	width: 160px;
}
.width-5,
.size-5 {
	width: 200px;
}
.width-6,
.size-6 {
	width: 240px;
}
.width-7,
.size-7 {
	width: 280px;
}
.width-8,
.size-8 {
	width: 320px;
}
.width-9,
.size-9 {
	width: 360px;
}
.width-10,
.size-10 {
	width: 400px;
}
.width-11,
.size-11 {
	width: 440px;
}
.width-12,
.size-12 {
	width: 480px;
}
.width-50 {
	width: 50%;
}
.width-100 {
	width: 100px;
}
.full-width {
	width: 100%;
}
.max-width-1 {
	max-width:40px;
}
.max-width-2 {
	max-width:80px;
}
.max-width-3 {
	max-width:120px;
}
.max-width-4 {
	max-width:160px;
}
.max-width-5 {
	max-width:200px;
}
.max-width-6 {
	max-width:240px;
}
.max-width-7 {
	max-width:280px;
}
.max-width-8 {
	max-width:320px;
}
.max-width-9 {
	max-width:360px;
}
.max-width-10 {
	max-width:400px;
}
.max-width-11 {
	max-width:440px;
}
.max-width-12 {
	max-width:480px;
}
.max-width-13 {
	max-width:520px;
}
.max-width-14 {
	max-width:560px;
}
.max-width-15 {
	max-width:600px;
}
.max-width-16 {
	max-width:640px;
}
.section-max-width {
	max-width : 1100px;
	margin    : 0 auto;
}
.section-max-width-sm {
	max-width : 840px;
	margin    : 0 auto;
}
.section-max-width-500 {
	max-width: 500px;
	margin    : 0 auto;
}
.auto-width {
	width: auto;
}
.auto-width-force {
	width: auto !important;
}
@media (min-width: 769px) {
	.scroll-xs {
		height: auto !important;
	}
}
@media (min-width: 992px) {
	.scroll-sm {
		height: auto !important;
	}
}
@media (min-width: 1200px) {
	.scroll-lg {
		height: auto !important;
	}
}
.table .graph {padding:12px 8px 0;}
.wrap:after {
	clear: both;
	content: "";
	display: block;
}
.wrap .number {
	width: 80px;
	float: left;
	line-height: 26px;
	margin-top:-11px;
}
.wrap .progress.progress-hairline {
	margin:0;
}
.contain-xs {
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
}
.contain-sm {
	max-width: 769px;
	margin-left: auto;
	margin-right: auto;
}
.contain-zmdi {
	max-width: 992px;
	margin-left: auto;
	margin-right: auto;
}
.contain-lg {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.star-rating,
.demo-color {
	display: inline-block;
}
pre.prettyprint {
	display: block;
	background-color: #f7f7f9;
	font-size: 13px;
	padding: 9px 14px !important;
	border-color: #e1e1e8 !important;
	tab-size: 2;
	-moz-tab-size: 2;
	-o-tab-size: 2;
}
pre .nocode {
	background-color: transparent;
	color: #ffffff;
}
pre .str {
	color: #da4950;
}
/* string */
pre .kwd {
	color: #2f6f9f;
}
/* js function */
pre .com {
	color: #999999;
}
/* comment */
pre .typ {
	color: #2f6f9f;
}
/* type */
pre .lit {
	color: #cd5c5c;
}
/* literal */
pre .pun {
	color: #4f9fcf;
}
/* punctuation */
pre .pln {
	color: #333333;
}
/* plaintext */
pre .tag {
	color: #2f6f9f;
}
/* html/xml tag */
pre .atn {
	color: #4f9fcf;
}
/* attribute name */
pre .atv {
	color: #da4950;
}
/* attribute value */
pre .dec {
	color: #009999;
}
/* decimal */
/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
	margin-top: 0;
	margin-bottom: 0;
	color: #aeaeae;
}
/* IE indents via margin-left */
li.L0,
li.L1,
li.L2,
li.L3,
li.L5,
li.L6,
li.L7,
li.L8 {
	list-style-type: none;
}

.logo_icon {
	font-size: 20px;
	line-height: 50px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.logo_icon span {
	margin-left:12px;
	color:#212121;
	font-weight: normal;
	vertical-align: bottom;
}
.location_text {
	font-size:16px;
}
.detail-top {
	padding-left:0;
	font-size:13px;
	margin-top:-8px;
}
.detail-top li {
	display: inline-block;
	margin-right:24px;
}
.detail-top li:last-child {
	margin: 0;
}
.detail-top li span {
	margin-right:12px;
}
.detail-top li span.text-gray-bright {
	margin-right:0;
}

@media (max-width: 992px) {
	.logo_icon {background: none; padding:0; margin:0; display: none;}
	.location_text {display: inline-block; font-size:18px; margin-left:5px;}
}

#chartjs-tooltip,
.chartjs_tooltip {
	opacity: 1;
	position: absolute;
	background: rgba(255, 255, 255, 1);
	color: #222;
	padding: 16px;
	border:1px solid rgba(0,0,0,0.3);
	border-radius: 2px;
	-webkit-transition: all .1s ease;
	transition: all .1s ease;
	pointer-events: none;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	top:-10000px;
}
.chartjs-tooltip-key{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius: 10px;
	margin-right: 8px;
}
.dashboard-list {
	display:table-cell;
	width: 100%;
}
.dashboard-list h4 {
	margin-bottom:4px;
}
.dashboard-list header {
	font-size:14px;
	word-break: break-all;
}
.dashboard-list small {
	display:block;
	color:#757575;
	font-size:12px;
}
.dashboard-list .item:first-child {
	padding-top:0;
}
.dashboard-list .item {
	padding:3px 0;
	display:table;
	text-decoration: none;
}
.dashboard-list .item .fa {
	font-size:72px;
	padding-right:24px;
	color:#bdbdbd;
	display: table-cell;
	width: 30%;
}
.dashboard-list .item a:hover {
	text-decoration: none;
}
.dashboard-list .img-circle {
	display: table-cell;
	vertical-align: middle;
	margin-right:24px;
	width:64px;
}
.dashboard-list .content {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.btn-file input[type="file"] {
	cursor: inherit;
	min-height:100%;
	min-width:100%;
	position: absolute;
	opacity: 0;
	right:0;
	top:0;
	display: block;
}
.drag {
	opacity        : 0.33;
	background     : url("../../../images/site/drag_pointer.png") no-repeat scroll 0 0 / 50% auto rgba(0, 0, 0, 0);
	cursor         : grab;
	cursor         : -webkit-grab;
	width          : 12px;
	height         : 20px;
	z-index        : 50;
	vertical-align : middle;
}
.drag:hover {
	opacity: 0.7;
}

.shop-table .drag,
.sortable_list .drag{
	position : absolute;
	left     : 10px;
	opacity  : 0;
}
.sortable_list .drag{
	top:15px;
}
.shop-table.order .memo {
	word-break: break-word;
}
.shop-table tr:hover .drag,
.sortable_list li:hover .drag{
	opacity : 0.5;
}

.shop-table tr:hover .drag:hover,
.sortable_list li:hover .drag:hover{
	opacity : 0.7;
}
.col1-right td:nth-child(1),.col2-right td:nth-child(2),.col3-right td:nth-child(3),.col4-right td:nth-child(4),.col5-right td:nth-child(5),.col6-right td:nth-child(6),.col1-right th:nth-child(1),.col2-right th:nth-child(2),.col3-right th:nth-child(3),.col4-right th:nth-child(4),.col5-right th:nth-child(5),.col6-right th:nth-child(6)  {text-align: right}

.col1-center td:nth-child(1),.col1-center th:nth-child(1),
.col2-center td:nth-child(2),.col2-center th:nth-child(2),
.col3-center td:nth-child(3),.col3-center th:nth-child(3),
.col4-center td:nth-child(4),.col4-center th:nth-child(4),
.col5-center td:nth-child(5),.col5-center th:nth-child(5),
.col6-center td:nth-child(6),.col6-center th:nth-child(6),
.col7-center td:nth-child(7),.col7-center th:nth-child(7),
.col8-center td:nth-child(8),.col8-center th:nth-child(8),
.col9-center td:nth-child(9),.col9-center th:nth-child(9) {text-align: center}

.ui-spinner-up {
	top:18px;
}
.ui-spinner-down {
	top:31px;
}
.ui-spinner-button {
	line-height: 12px;
	cursor: pointer;
	display: block;
	font-size:1.2em;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: 0;
	text-align: center;
	width: 16px;
	color:#BDBDBD;
	vertical-align: middle;
}
.ui-spinner-button.col-position {
	right:18px;
}
.ui-spinner-button.col-position.ui-spinner-up {
	top:0;
}
.ui-spinner-button.col-position.ui-spinner-down {
	top:12px;
}
.ui-spinner-button i.zmdi {
	margin:0;
}
.list-default {
	padding-left:0;
}
.list-default li {
	list-style: none;
	padding:0.2em;
}
.list-default li:before {
	content:"·";
	vertical-align:middle;
	margin-right:15px;
}
.wrap-image-upload {
	background:#f5f5f5;
}
.wrap-image-upload .btn-image-upload {
	background:#F5F5F5;
	border: none;
	color:#BDBDBD;
	min-height: 260px;
	vertical-align: middle;
	width: 100%;
}
.ios-icon-radius img {
	border-radius: 30px;

}
.wrap-image-upload .btn-image-upload .icon {font-size:48px;}
.wrap-image-upload .image-list {padding:24px; display:inline-block;}
.wrap-image-upload .image-list .item {display: inline-block; margin-right:24px; position: relative;}
.wrap-image-upload .image-list .item img {max-width:212px; max-height: 212px;}
.input-file {position: absolute; visibility: hidden;}
.wrap-upload-button {position: relative;}
.wrap-image-upload.image-include .wrap-upload-button {width:100px; display: inline-block;}
.wrap-image-upload.image-include  .btn-image-upload .icon {font-size:36px;}

.wrap-image-upload .image-list .item .close {position: absolute; padding:14px; top:0; right:0;  font-size: 18px; background: rgba(255,255,255,1);}
.wrap-image-upload .image-list .item:hover .close {display: block}

@media (max-width: 769px) {
	.wrap-image-upload .image-list .item {
		display: block;
		margin-bottom:12px;
	}
	.wrap-image-upload .wrap-upload-button {
		padding:24px 0;
	}
	.wrap-image-upload .btn-image-upload {
		min-height: 50px;
	}
	.wrap-image-upload.image-include .wrap-upload-button {
		display: block;
	}
}
.tooltip {
	z-index: 1049;
}
.zmdi-help.help-tooltip {position: relative; font-size: 24px; color:#B4B4B4; margin-left: 10px; line-height: 1.2;}
.zmdi-help.help-tooltip .tooltip-content {position: absolute; display: none; font-size:12px; color:#757575; -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.3); z-index: 999; line-height: 1.42857143; -webkit-font-smoothing:subpixel-antialiased;}
.zmdi-help.help-tooltip:hover .tooltip-content {display: block; width:250px;background:#f5f5f5; padding:24px 24px 16px 24px;}

.block {display:block !important;}
.space_info {margin-top:20px; overflow: hidden;}
.space_info .space_label {width: 50%; float: left; padding:8px 24px;}
.space_info .space_label.left {border-right:1px solid #eee; text-align: right}
.form-control.search_only {border:none;}
.form-control.form-dozmain {
	font-size:16px;
	height:48px;
	border:1px solid #e0e0e0;
	background-color:#fff;
	padding:6px 12px;
	border-radius: 2px !important;
	width: 100%;
}
.easy_payment > .btn:first-child > img {
	width: 45px !important;
}
.form-control.form-payment {
	width:135px;
	margin:-4px 0 15px 4px;
	font-size:16px;
}
.form-control ~ #time_zone_chosen.chosen-container {
	width: 100% !important;
}
.form-control ~ .chosen-container.chosen-container-single .chosen-single {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom-color: rgba(12, 12, 12, 0.12);
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	padding-left: 0;
	height: 29px;
	line-height: 29px;
}
.form-control ~ .chosen-container-single .chosen-search:before {
	content: '\f1c3';
	display: inline-block;
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	right: 10px;
	font-size: 20px;
	top: 7px;
}
.form-control ~ .chosen-container-single .chosen-search input[type="text"] {
	background: none !important;
}
.form-control ~ .chosen-container.chosen-container-single .chosen-single div b {
	background : url(../../../images/site/ico_menu-down.png) no-repeat center right !important;
	background-size: 24px 24px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	.form-control ~ .chosen-container.chosen-container-single .chosen-single div b {
		background-image : url(../../../images/site/ico_menu-down.png) no-repeat center right !important;
		background-size: 24px 24px !important;
	}
}
.summary {
	margin-top:10px;
	color:#555;
}
.summary > p {
	margin:10px 0 0;
	font-size:16px;
}
.summary > p .badge {
	margin-right:5px;
}
.price-body .card-underline.card .card-body {
	border-bottom:1px solid #e0e0e0;
}
.price-label {
	position:absolute;
	top:0;
	right:0;
	font-weight: 200;
	font-size:18px;
}
.price-body .duration {
	font-size:16px;
	margin-top:-1px;
}

.card-body.popup_editor span {
	font-size : 14px !important;
}
@media all and (max-width:767px) {
	.section-body.price-body {
		max-width: 246px;
		margin: 0 auto 30px
	}
	.width-1-xs {
		width: 40px;
	}
	.dropdown-right-xs .dropdown-menu {
		right: 0;
		left: auto;
	}
}
.pay-block {width:100%; margin:25px 0;}
.pay-block ul li {position:relative; padding-top:15px; font-size:16px; list-style: none;}
.pay-block ul li .price{position:absolute; right:0;top:15px;}
.pay-block .top{border-bottom:1px solid #ccc; padding-bottom:20px}
.pay-block .middle{width:250px;float:right; border-bottom:1px solid #ccc; padding-bottom:20px}
.pay-block .bottom{clear:both; width:250px ;float:right; margin-bottom:50px}
.pay-block .result {padding-top:20px }
.pay-block .result strong{font-size:24px; text-decoration:none }
.form-horizontal .pay-block .form-group {margin-left:0; margin-right:0;}
.payment.step-02 .form-horizontal{clear:both; }

.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999;
}
.tt-menu {
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	margin: 12px 0;
	padding: 8px 0;
	width: calc(100% + 2px);
}
.tt-menu.tt-open {top:35px !important; left:-1px !important;}
.tt-suggestion {
	font-size: 14px;
	line-height: 24px;
	padding: 3px 64px;
}
.tt-suggestion:hover {
	background-color: #1A6DFF;
	color: #fff;
	cursor: pointer;
}
.tt-suggestion.tt-cursor {
	background-color: #1A6DFF;
	color: #fff;
}
.tt-suggestion p {
	margin: 0;
}

button.btn.layover {
	position:fixed;
	right:36px;
	bottom:36px;
}
.table tr td.check {
	padding-left:24px;
}
.ui-timepicker-wrapper {
	overflow-y: auto;
	height: 150px;
	width: 150px;
	background: #fff;
	border: 1px solid #ddd;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	outline: none;
	z-index: 10001;
	margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
	width: 13em;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
	width: 11em;
}

.ui-timepicker-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ui-timepicker-duration {
	margin-left: 5px; color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
	color: #888;
}

.ui-timepicker-list li {
	padding: 3px 0 3px 5px;
	cursor: pointer;
	white-space: nowrap;
	color: #000;
	list-style: none;
	margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
	background: #fff; color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
	background: #1980EC; color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
	color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	color: #888;
	cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
	background: #f2f2f2;
}
.li_table {width:100%; display: table; transform: translate3d(0, 0, 0);}
.li_table > ul{width:100%; display: table-row; padding:0; margin: 0}
.li_table > ul.bg_fafafa{background-color:#fafafa}
.li_table > ul.content:hover { background-color:#fafafa}
.li_table > ul.content.no-border:hover { background-color:transparent}
.li_table > ul.subject li{font-size:13px; color:#757575;}
.li_table > ul > li {padding:13px 8px;font-size:14px; list-style: none; display: table-cell; border-bottom:1px solid #E0E0E0; margin: 0;min-width: 60px;
	word-break: break-word;}
.li_table > ul > li > a:hover, .li_table > ul > li > a:active, .li_table > ul > li > a:focus {text-decoration:none;}
.li_table > ul > li:first-child {padding-left:24px;}
.li_table > ul > li:last-child {padding-right:24px;}
.li_table > ul > li.check {width: 70px;}
.li_table > ul > li.count_post {width: 120px;}
.li_table > ul > li.action {width: 60px; text-align: right}
.li_table > ul > li.memo a{
	position: relative;
}
.li_table > ul > li.memo a .admin_memo{
	padding: 15px;
	display: none;
	text-align: left;
	z-index: 99;
	background-color: #fff;
	width: 300px;
	position: absolute;
	top:10px;
	left: -290px;
	word-break:break-all;
	white-space: normal;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33);
	max-height: 300px;
	overflow-y: auto;
	font-weight:normal;
}
.li_table > ul > li.memo a:hover > .admin_memo{display: inline-block}

.li_table > ul.content > li {font-size:13px;}
.li_table > ul.content > li.title {font-size:14px;}
.li_table > ul.content > li.title .hide_post_subject {opacity:0.3}
.li_table > ul.content > li.point {
	width: 280px;
	vertical-align: middle;
	padding:0 8px;
}
.li_table > ul.content > li.app_android,
.li_table > ul.content > li.app_ios {
	font-size: 18px;
}
.li_table > ul.content > li.rating button {
	white-space: inherit;
	text-align: left;
}
.li_table > ul.content > li.point .form-group {
	margin:0;
}
.li_table > ul.content > li.point .form-group .input-group-content {
	min-width: 60px;
}
.li_table > ul.content > li.point .form-group .arrow {
	padding:7px 8px;
	color:#999;
}
.li_table > ul.content.active {background:#eee}
.li_table > ul.content.selected {background:#FAFAFA}
/* 버튼색상 강제 부분 삭제 (2015-09-08)
.li_table > ul.content > li button {color:#b4b4b4;}
*/
.li_table > ul.content > li.group button {color:#212121; font-size:13px; font-weight: normal;}

.li_table > ul.no-border > li {
	border-bottom : 0;
}

.li_table > ul.content > li.stz.up .text-info, .li_table > ul.content > li.stz.down .text-danger {
	display : block;
}

.li_table > ul.content > li.stz.up .text-danger, .li_table > ul.content > li.stz.down .text-info {
	display : none;
}
.profile-image .dropdown-menu {
	top:auto; left:25%;
}
.dropdown-menu .profile-info {
	color:#212121;
}
.dropdown-menu .profile-info small {
	color:#999;
}
.profile-info h3 {margin-bottom:32px;}
.table .monthly-balance {
	float:right
}

.shinhan_banner {
	position: relative;
	background-color: #B8D8F9;
	overflow: hidden;
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 10%);
	margin-bottom: 10px;
}
.shinhan_banner-main {
	text-align: center;
	position: relative;
	display: block;
}
.shinhan_banner-logo {
	position:absolute;
	left: 8px;
	top: 10px;
	z-index: 20;
}
.shinhan_banner-logo img {
	width: 60px;
}
.shinhan_banner-content {
	padding-top: 17px;
	padding-bottom: 17px;
	font-size: 13px;
	line-height: 1.25em;
	font-weight: normal;
	position: relative;
	z-index: 10;
	width: 368px;
	margin: auto;
	background: linear-gradient(90deg, #B8D8F9 70%, rgba(184, 216, 249, 0) 100%);
	max-width: calc(100% - 20px);
}
.shinhan_banner-content p {
	margin-bottom: 0;
	font-size: 1em;
}
.shinhan_banner-title {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}
.shinhan_banner-img {
	position: absolute;
	right: 0;
	top: -5px;
}
.shinhan_banner-img img {
	width: 358px;
}
.shinhan_banner-require {
	position: absolute;
	left: 8px;
	z-index: 20;
	bottom: 5px;
}
.shinhan_banner-requireContent {
	display: block;
	font-size: 10px;
	transform: scale(0.7);
	transform-origin: left bottom;
}
@media (max-width: 768px) {
	.shinhan_banner-logo {
		display: none;
	}
	.shinhan_banner-main {
		text-align: left;
	}
	.shinhan_banner-content {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 15px;
		background: linear-gradient(90deg, #B8D8F9 50%, rgba(184, 216, 249, 0) 100%);
		margin: 0;
		margin: 0 10px;
	}
	.shinhan_banner-content p {
		line-height: 15px;
		margin-bottom: 15px;
	}
	.shinhan_banner-title {
		font-size: 14px;
		margin-bottom: 2px;
	}
	.shinhan_banner-require {
		left: 10px;
	}
}
@media (min-width: 769px) {
}

.analytics_card .card-head {
	padding: 0 24px;
}
.analytics_card .card-head .form-control {
	margin-right: 10px;
}
#step01{
	height:auto;
}
#modalAgree,
#AgreeFoot,
#modalApply,
#ApplyFoot{
	display: none;
}
.bg_brand{
	background-color: #1A6DFF !important;
}
#modalApply .form-group{
	margin-bottom: 32px;
	margin-left: 0;
	margin-right: 0;
}
#modalApply .form-group p {
	margin-bottom : 0;
	padding       : 8px 0;
	font-size     : 12px;
	color         : #888;
}
#modalApply .form-group p a{
	color:#1A6DFF;
	font-style: normal;
}
#modalApply #select option{
	font-size: 13px;
	color:#212121;
}
#modalApply label,
#modalApply div.control-label{
	display: inline-block;
	text-align: left;
}
#modalApply div.control-label{
	padding-right:15px;
	padding-left:15px;
	font-weight: normal;
}
#modalApply input[type="url"]{
	width:100%;
}
#modalApply input[type="url"]::placeholder{
	font-size:13px ;
}
#modalApply input[type="file"]{
	position: absolute;
	top:10px;
	left:155px;
	cursor: pointer;
	opacity: 0;
}
#modalApply input[type="radio"] ~ span{
	padding-left: 24px;
}
#modalApply .list_none{
	font-size: 15px;
	color:#212121;
}
.img_label{
	line-height: 2;
}
.btn_file_modal{
	padding: 8px 16px;
	background: #fff;
	border: 1px solid #E5E6E6;
	color:#757575;
	font-size: 13px;
}
#step01 .modal-body{
	padding: 24px;
}
#step01 .modal-body div.txt_box{
	max-height:408px;
	height:auto;
	border:1px solid rgba(131,146,167,0.2);
	padding:4px 0 4px 12px;
}
.txt_box_inner{
	overflow: auto;
	max-height:400px;
	height:auto;
	padding:4px 0 ;
}
#step01 .modal-body div.txt_box .para{
	margin-bottom: 20px;
}
#step01 .modal-body div.txt_box h4{
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 14px;
}
#step01 .modal-body div.txt_box p{
	font-size: 15px;
}
#step01 .modal-body div.txt_box .after li{
	margin-top: 16px;
}
#step01 .modal-header{
	padding:16px 24px;
	border-bottom:1px solid #E5E5E5;
}
#step01 .modal-header button{
	width:14px;
	height:14px;
}
#step01 .modal-header button i{
	vertical-align: top;
	width:100%;
	height:100%;
}
#step01 .modal-header h2{
	margin: 0;
	font-size: 15px;
	color: #110101;
	font-weight: normal;

}
#step01 ul{
	list-style: disc;
}
.list_none{
	list-style: none !important;
	padding: 0;
}
#step01 ol,
#step01 ul{
	font-size: 15px;
}
#modalAgree form{
	margin:16px 0 8px;
}
.warning_txt{
	font-size: 13px;
	color:#FF645E;
}
.warning_txt p{
	margin: 0;
}
#agreeCheck + label{
	font-size: 14px;
	color:#212121;
	margin-left: 4px;
	margin-bottom: 0;
}
#step01 .modal-footer{
	width:100%;
	padding-top: 0;
	padding-bottom: 24px;
}
.btn_modal_default{
	display: inline-block;
	height:44px;
	color:#fff;
	background-color:#C0C0C0;
	width:49%;
	border:0;
}
.btn_modal_default:first-child{
	margin-right: 4px;
}

@media (min-width: 769px) {
	.li_table > ul > li.category {min-width: 80px;}
	.li_table > ul > li.title {min-width:120px;}
	.li_table > ul > li.author {min-width: 80px;}
	.li_table > ul > li.based {min-width: 80px;}
	.li_table > ul > li.date {min-width: 70px;}
	.li_table > ul > li.view {min-width: 40px;}
	.li_table > ul > li.date.send_time_title {min-width: 210px;}
	#modalApply #select{
		width:auto;
	}
}
@media (max-width: 768px) {
	.table-bordered._step_01 > tbody > tr > td {
		border-width: 1px 0 0 0;
	}
	.mp-16 {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}
	.calendar-table table {
		width: auto !important;
	}
	.calendar-table th {
		padding: 10px 16px !important;
	}
	#pg_detail_wrap .m-block {
		padding-right: 0 !important
	}
	.m-block {
		display: block !important;
	}
	.m-inline {
		display: inline-block;
	}
	.m-table-cell {
		display: table-cell;
		padding-right: 6px;
	}
	#pg_detail_wrap .m-block.hidden-xs.hidden-sm {
		display: none !important;
	}
	.input-group.m-blocked .input-group-content:first-child {
		display: block;
	}
	.table-responsive .li_table {
		display: table;
	}
	.table-responsive .li_table > ul {
		display: table-row;
	}
	.table-responsive .li_table > ul.content > li {
		float: none;
		display: table-cell;
		padding: 8px !important;
		white-space: nowrap;
	}
	.li_table > ul.content > li.group button,
	.li_table > ul.content > li.rating button  {
		border: 0;
	}
	.li_table > ul.content > li.group,
	.li_table > ul.content > li.rating,
	.li_table > ul.content > li.date_join,
	.li_table > ul.content > li.rank{
		position: relative;
		top: 1px;
	}
	.li_table > ul.content > li.date_mileage {
		position: relative;
		top: 1px;
	}
	.li_table {width:100%; display: block;}
	.li_table > ul {display: inline-block; border-bottom:1px solid #E0E0E0; padding:13px 0; margin-bottom:-5px;}
	.li_table > ul:last-child {border:none;}
	.li_table > ul:after {content:''; clear: both;}
	.li_table > ul:first-child {border: none;}
	.li_table > ul:hover {background: none;}
	.li_table > ul > li {border:none; padding:4px 8px;}
	.li_table > ul > li {display: block;}
	.li_table > ul.subject {display:none;}
	.li_table > ul.content > li {font-size:13px; float: left; color:#757575; padding:2px 8px;}
	.li_table > ul.content > li.group, .li_table > ul.content > li.ip {padding-left:48px; clear: both;}
	.li_table > ul.content > li.check {position: absolute; left:8px;}
	.li_table > ul.content > li.title {
		padding : 0 30px 0 48px;
		width   : 100%;
		color   : #212121;
	}
	.li_table > ul.content > li.title.auto-width {
		width: auto !important;
		padding: 4px 8px;
	}
	.li_table > ul.content > li.title.auto-width.first-child {
		padding: 4px 8px 4px 48px;
	}
	.li_table > ul.content > li.memo {display: none;}
	.li_table > ul.content > li.date_block {display: none;}
	.li_table > ul.content > li.account {padding:0 30px 0 48px; width: 100%;}
	.li_table > ul.content > li.nick {padding:0 30px 0 48px; width: 100%; font-size: 14px; color: #212121;}
	.li_table > ul.content > li.point {padding:0 30px 0 48px; width: 100%;}
	.li_table.no-check > ul.content > li.title {padding:0 30px 0 15px; width: 100%; color:#212121;}
	.li_table.no-check > ul.content > li.group {padding:2px 8px 1px 15px;}
	.li_table.no-check > ul.content > li.group button {font-size:12px;}
	.li_table > ul.content > li.title a {display: block;}
	.li_table > ul.content > li.action {position: absolute; right:4px; font-size:14px;}
	.li_table > ul.content > li.author {padding-left:48px; clear: both;}
	.li_table.no-check > ul.content > li.author {padding-left:15px; clear: both;}
	.li_table > ul.content > li.count_post {width: auto; padding:3px 8px;}
	.card-head .tools.text {
		padding-right:20px;
	}
	.list-comments > li ul {padding-left: 20px;}
	.no-padding .list .tile .tile-content {
		padding-left: 15px;
	}
	.list .tile .tile-content:last-child {
		padding-right: 15px;
	}
	.list-preview.list .tile .tile-content:last-child {
		padding-right: 0;
	}
	.summary p, .form-control.form-payment, .price-label, .price-body .duration, .list-spec.list-payment li {
		font-size:14px;
	}
	.list-spec.list-payment li > i {
		width:10px;
	}
	.list-spec.list-payment li.inner {
		font-size:13px;
		margin-left:20px;
	}
	.pay-block ul li {
		font-size:14px;
		padding-top:10px;
	}
	.pay-block .top, .pay-block .middle {
		padding-bottom:10px;
	}
	.pay-block .bottom {
		margin-bottom:25px;
	}
	.table tr td.block-cell {
		display: block;
		border: none;
	}
	.table tr td.date.block-cell {
		margin-top:20px;
		padding:8px 0 8px 8px;
		font-size:12px;
		line-height: 15px;
	}
	.table tr td.description.block-cell {
		margin-top:-44px;
		width: 75%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		padding: 0 0 23px 8px;
	}
	.table .monthly-balance {
		float:none;
		display: block;
	}
	.table .monetary-value {
		float:right;
		margin-top:-43px;
		padding:0 8px 0 0;
	}
	.transcation-balance {
		display:none !important;
	}
	.line-item {
		border-bottom:1px solid #e5e5e5;
		display:block;
	}

	.modal.modal_admin {
		margin : 10px;
		right  : 0;
	}

	.modal.modal_admin .modal-dialog {
		width  : 100%;
		margin : 0;
	}
	.cocoa-sticker-modal .modal-header {
		font-size: 18px;
	}
	.cocoa-sticker-modal .modal-header .close {
		display: block;
		font-size: 16px;
		margin-top: 4px;
	}
	.cocoa-sticker-modal .modal-body {
		padding: 8px 0;
	}
	.cocoa-sticker-modal .modal-content {
		display: block;
		width: 100%;
		height: 100%;
		top: 100%;
		left: 0;
		border-radius: 0;
		box-shadow: none;
		transition: top 200ms ease;
	}
	.cocoa-toast {
		top: auto;
		bottom: 24px;
	}
	.cocoa-toast .toast-content {
		min-width: 245px;
		padding: 12px;
	}
	.modal_alert_btn .modal-content {
		width: calc(100% - 16px);
		max-width: 368px;
		margin: 0 auto;
	}
	.modal_alert_responsive .modal-content {
		max-width: calc(100% - 16px);
		padding: 32px 14px 0;
		text-align: center;
	}
	.modal_alert_responsive .modal-body {
		margin-bottom: 32px;
		padding: 0 28px;
	}
	.modal_alert_responsive .modal-footer {
		width: 100%;
		display: table;
	}
	.modal_alert_responsive .modal-footer .btn {
		display: table-cell;
		border-radius: 0;
		padding: 0;
		color: #1A6DFF;
		border: none;
	}
	.modal_alert_responsive .btn.cancel {
		border: none;
		border-top: 1px solid #EEEEEE;
	}
	.modal_alert_responsive .btn.confirm {
		border-top: 1px solid #EEEEEE;
		background: none;
		color: #1A6DFF;
		font-weight: bold;
		width: 100%;
	}
	.modal_alert_responsive .modal-footer .btn + .btn {
		margin-left: 0;
		border-left: 1px solid #EEEEEE;
		border-right: none;
		width: 50%;
	}
	.btn_modal_default:first-child{
		margin-right: 0 !important;
	}
	.txt_box_inner{
		max-height:160px;
	}
	#modalApply label,
	#modalApply .control-label{
		padding-left: 0 !important;
		margin-bottom: 5px;
	}
	#agreeCheck + label{
		width:90%;
	}
	#agreeCheck{
		vertical-align: top;
	}
}
@media (max-width: 560px) {
	.table.hide-col-1 th:nth-child(1), .table.hide-col-1 td:nth-child(1) {
		display:none;
	}
	.table.hide-col-2 th:nth-child(2), .table.hide-col-2 td:nth-child(2) {
		display:none;
	}
	.table.hide-col-3 th:nth-child(3), .table.hide-col-3 td:nth-child(3) {
		display:none;
	}
	.table.hide-col-4 th:nth-child(4), .table.hide-col-4 td:nth-child(4) {
		display:none;
	}
	.table.hide-col-5 th:nth-child(5), .table.hide-col-5 td:nth-child(5) {
		display:none;
	}
	.table.hide-col-6 th:nth-child(6), .table.hide-col-6 td:nth-child(6) {
		display:none;
	}
	.table.hide-col-7 th:nth-child(7), .table.hide-col-7 td:nth-child(7) {
		display:none;
	}
	.table.hide-col-8 th:nth-child(8), .table.hide-col-8 td:nth-child(8) {
		display:none;
	}
	.table.hide-col-9 th:nth-child(9), .table.hide-col-9 td:nth-child(9) {
		display:none;
	}
	.card-body.no-padding .table > tbody > tr > td:first-child,
	.table > thead > tr > th:first-child,
	.table > tbody > tr > th:first-child,
	.table > tfoot > tr > td:first-child {
		padding-left: 16px;
	}
	.card-body.no-padding .table > tbody > tr > td:last-child,
	.table > thead > tr > th:last-child,
	.table > tfoot > tr > td:last-child {
		padding-right: 16px;
	}
}
button.btn.layover {
	position:fixed;
	right:16px;
	bottom:16px;
}
.menu_tree ul {
	list-style: none;
	padding:0;
}
.menu_tree .checkbox-styled:not(ie8) input ~ span {
	margin-bottom:0;
}
.menu_tree ul li ul {
	padding-left:12px;
}
.time_duration {
	width:480px;
	max-width: 100%;
}

.time_duration .bootstrap-datetimepicker-widget {
	z-index : 999999;
}
.file_area.dropdown {
	height: 24px;
	line-height: 24px;
	text-align: right;
}
.file_area.dropdown button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none !important;
	padding-left: 20px;
	position: relative;
	width: 100px;
}
.file_area.dropdown button .zmdi-download {
	font-size: 22px;
	height: 24px;
	left: 0;
	margin-top: -10px;
	padding: 0;
	position: absolute;
	top: 50%;
	width: 24px;
}
.file_area.dropdown .dropdown-toggle .txt {
	color: #757575;
}
.file_area.dropdown button em {
	color: #1A6DFF;
	font-style: normal;
}
.file_area.dropdown .dropdown-menu {
	left: 100% !important;
	margin-left: -300px;
	text-align: left;
	width: 300px;
}
.file_area.dropdown .dropdown-menu li a {
	color: #757575;
	font-size: 14px;
}
.file_area.dropdown .dropdown-menu li a:hover {
	background: #fff none repeat scroll 0 0;
	text-decoration: underline;
}
.file_area.dropdown .dropdown-menu li a em {
	color: #bdbdbd;
	display: inline-block;
	font-size: 12px;
	padding-left: 5px;
}
.file_area.dropdown .dropdown-toggle .txt, .file_area.dropdown .dropdown-toggle .num {
	display: inline-block;
	float: right;
}
.file_area.dropdown .dropdown-toggle .num {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	line-height: 22px;
}

.file_list{
	list-style: none;
	padding: 0px;
}
.file_list li {
	background: #fafafa none repeat scroll 0 0;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	height: 34px;
	padding-left: 10px;
	position: relative;
}
.file_list li span {
	color: #757575;
	cursor: pointer;
	font-size: 12px;
	line-height: 33px;
}
.file_list li em {
	color: #757575;
	font-size: 12px;
}
/* 오래된 브라우저 */

.browsehappy {
	background:#f63d48;
	padding:5px 0;
	text-align: center;
	color:#fff;
	width: 100%;
	position: fixed;
	left:0;
	top:0;
}
.browsehappy a {
	text-decoration: underline;
	color:#fff;
}
.browsehappy a:hover {
	color:#fff;
}

.hover-underline:hover {
	text-decoration: underline;
}

.control-label{
	font-size: 13px;
	color: #7F7F7F;
}


/*푸터*/

.layer-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.4);
	z-index: 5400;
}
.layer-popup.terms {
	max-width: 560px;
	overflow-y: hidden;
	overflow-x: hidden;
	padding: 0;
	line-height: 1.6;
	margin-top: -350px;
}
.layer-popup.terms em {
	font-style: normal;
}
.layer-popup {
	position: fixed;
	left: 50%;
	top: 50%;
	min-width: 560px;
	margin-left: -280px;
	background: #fff;
	padding: 30px;
	-webkit-box-shadow: 2px 5px 30px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 5px 30px 0px rgba(0,0,0,0.3);
	box-shadow: 2px 5px 30px 0px rgba(0,0,0,0.3);
	overflow: auto;
}
.layer-popup.terms header {
	font-size: 20px;
	padding: 20px 30px;
	display: inline-block;
	width: auto;
}
.layer-popup .zmdi-close {
	position: absolute;
	right: 20px;
	top: 10px;
	cursor: pointer;
	padding: 10px;
}
.layer-popup.terms .content {
	height: 650px;
	overflow: auto;
	padding: 0 30px 20px 30px;
}
.layer-popup.terms .content h4:first-child {
	margin-top:0;
}
.layer-popup.terms .content h4 {
	font-weight: 600;
	margin:20px 0;
}
.company-info {padding:0 15px; height:230px; width:100%; padding-top:60px;line-height:2; position:relative; color:#888; clear: both;}
.company-info .foot-btn-block {display: block; margin-top:20px;}
.company-info .foot-btn-block a{display:inline-block; padding-right:30px}
.company-info .foot-btn-block a:hover{color:#212121}
.company-info br {display:none}
.company-info .made-by {margin-top:0; font-size:12px;}
.company-info strong {display:none;}
.company-info address {margin-bottom:10px;line-height:2 }
.company-info .collapse{display:block;visibility:visible}
@media all and (max-width: 1300px) {
	.company-info  {height:250px}
	.company-info .foot-btn-block {position:static;display:block;}
	.company-info .foot-btn-block a{ padding-right:15px}
	.made-by {margin-top:40px}

}
@media all and (max-width: 640px){
	.company-info {padding-top:0;}
	.doz-service .content {padding-bottom:100px}
	.company-info {height:auto; position:static; font-size:12px;}
	.company-info br {display:block}
	.company-info strong {display:inline-block; position:relative; cursor:pointer; font-size:14px; margin-bottom:15px}
	.company-info strong .zmdi {font-size:20px; color:#888; position:absolute; right:-12px; top:50%; margin-top:-9px}
	.company-info .foot-btn-block a{font-size:14px;}
	.made-by {padding:15px 0 40px;}
	.company-info .collapse { display: none;visibility: hidden;}
	.company-info .collapse.in {display: block;visibility: visible;}
}
@media all and (max-width: 640px) {
	.layer-popup.terms, .layer-popup.terms.password {margin-top:0; height:100%; max-height: none;}
	.layer-popup {
		position: fixed;
		box-shadow: none;
		width: 100%;
		min-width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		margin: 0;
	}
	.layer-popup.terms .content {
		height: calc(100% - 50px);
	}
}

/*//푸터*/



/*페이징*/

.pagination > li > a {
	width:24px;
	height:24px;
	line-height:25px;
	color:#212121;
	border-radius:3px;
	padding:0;
	vertical-align:middle;
	font-size:14px;
	cursor:pointer;
	margin-left:5px;
	opacity: 0.7;
}

.pagination>li:first-child a{
	margin-left:0;

}
.pagination>li:first-child>a, .pagination>li:last-child>a {
	padding:0
}
.pagination .prev a:hover, .pagination .next a:hover,.pagination .prev a:active, .pagination .next a:active,.pagination .prev a:focus, .pagination .next a:focus {
	background:none;
	color:#212121
}

.pagination > li > a:hover, .pagination > li > span:hover{
	background:#eee;
	color:#212121;
}
.pagination >.active>a,
.pagination >.active > a:focus, .pagination >.active>span,
.pagination >.active > span:focus,.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination>li>a:hover,
.pagination>li>span:hover {
	color: #212121;
	background:transparent;
	padding:0;
	opacity: 1;
}
.pagination >.active>a,
.pagination >.active > a:focus,
.pagination >.active>span,
.pagination >.active > span:focus,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
	line-height: 24px;
	background: #353535;
	color: #fff;
}
.pagination > li > a i.icon-arrow-left,
.pagination > li > a i.icon-arrow-right {
	font-size: 15px;
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{
	display: none;
	color:#212121;
	opacity: 0.4;
}

/*//페이징*/
/*도움말*/
.help_slide {
	transition: transform 500ms ease 0s;
	width: 800px;
	height: 100%;
	position: fixed;
	top: 0;
	right: -800px;
	bottom: 0;
	z-index: 9000;
}
/*//도움말*/

img.fr-dib.fr-fil,img.fr-dii {
	max-width: 100%;
}

@media print {
	#menubar,
	.top_header,
	.user-search{
		display: none;
	}
	body {
		-webkit-print-color-adjust: exact;
	}
	.canvas-holder {
		max-width: 30%;
	}
}
/*쇼핑*/
.modal-order-list .modal-table thead tr th {
	padding: 15px 0;
}
.modal-order-list .modal-table:first-child thead tr th {
	padding-top: 0;
}
.modal-order-list .modal-table tbody tr td {
	padding-bottom: 20px;
}
.modal-order-list .modal-table tbody tr:last-child td {
	border-bottom: 1px solid rgba(12, 12, 12, 0.12);
}
.modal-order-list .modal-table:last-child tbody tr:last-child td {
	border-bottom: 0;
}
.shop-admin-post .fr-element {
	min-height: 300px;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden {
	display: block;
}
.shop-admin-post .fr-toolbar {
	margin : 5px 0 0 0;
	z-index: 1040 !important;
}
.shop-admin-post._simple_content_wrap .fr-toolbar {
	z-index : 1041 !important;
}
.shop-admin-post.full .fr-toolbar {
	margin: 0;
}
.shop-admin-post .custom-theme.fr-box.fr-basic.fr-top .fr-wrapper {
	margin: 0;
}
.shop-admin-post .fr-box.fr-basic .fr-element hr{
  border-top: 1px solid #ddd;
}
.input-money, .input-krw, .input-number {
	display     : inline-block;
	margin      : 0 10px;
	padding-top : 0 !important;
	position    : relative;
	min-width   : 40px;
}

.option-setting .form-group {
	padding-top : 0;
}
.input-krw .control-krw {
	position       : absolute;
	top            : 50%;
	left           : 0;
	z-index        : 2;
	width          : 20px;
	height         : 20px;
	line-height    : 20px;
	text-align     : center;
	pointer-events : none;
	margin-top     : -10px;
	font-size: 12px;
	color: #757575;
}

.input-money input, .input-krw input, .input-number input {
	padding-left : 20px;
	text-align   : right;
}
.input-krw.input-subtext-right input {
	padding-left: 36px;
	text-align: left;
}
.input-money-code input, .input-krw-code input, .input-number-code input {
	padding-left : 36px;
}
.form-control-krw {
	position       : absolute;
	top            : 30px;
	left           : 15px;
	z-index        : 2;
	width          : 20px;
	height         : 29px;
	text-align     : center;
	pointer-events : none;
	vertical-align : middle;
	font-size      : 12px;
	color: #757575;
}
.holder .form-control-krw {
	top: 7px;
	left: 0;
}
.holder.form-sm .form-control-krw {
	top: 20px;
	left: 0;
}
.preview-tit {
	margin-bottom :0;
	color :#1A0DAB;;
}
.preview-body cite {
	font-style: normal;
	color:#006621
}
.shop-table .li_table > ul.content > li {
	border-bottom :none;
	vertical-align: middle;
}
.shop-table .checkbox-styled:not(ie8) input[type="checkbox"] {
	margin-left : 0;
}
.li_table.li_table_style  > ul > li {
	vertical-align: middle;
}
.li_table.li_table_style  > ul.subject > li {
	padding-bottom: 0;
}
.li_table_ex a {
	font-size: 18px;
}
.on-click {
	position : relative;
}
.on-click:after {
	content                : "\f2f2";
	font-family            : 'Material-Design-Iconic-Font';
	position               : absolute;
	top                    : 50%;
	margin-top             : -16px;
	right                  : 10px;
	display                : inline-block;
	margin-left            : -12px;
	color                  : #aaa;
	font-size              : 23px;
	font-weight            : normal;
	-webkit-font-smoothing : antialiased;
	-webkit-transform      : rotate(0deg);
	-ms-transform          : rotate(0deg);
	-o-transform           : rotate(0deg);
	transform              : rotate(0deg);
	pointer-events: none;
}
.on-click.off:after {
	-webkit-transform : rotate(180deg);
	-o-transform      : rotate(180deg);
	-ms-transform     : rotate(180deg);
	transform         : rotate(180deg);
}

.on-click.stat:after {
	top        : 7px;
	margin-top : 0;
}
.on-click.stat input {
	border-bottom : 0;
}
.on-click > a {
	display:block;
	cursor : pointer;
}
.shop-table .subject .r_date.line-up:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	top: 5px;
}
.shop-table .content.on {
	background: #fefce8;
}
.shop-table .content.on .item-tit {
	color: #00B7FF;
}
.shop-table .content .title .item-thumb {
	float: left;
	margin-right: 30px;
}
.shop-table .content .title .item-thumb:after {
	clear : both;
	display: block;
	content: '';
}
.shop-table .content .title span {
	display: block;
	padding: 0;
}
.shop-table table > thead > tr:first-child th {
	border-bottom : 1px solid #e5e6e6;
}

/*
.shop-table table > tbody > tr:first-child td {
    border-top :1px solid #ddd;
}
*/

.shop-table table > tbody > tr td.title > div {
	margin-top: 5px;
}
.shop-table table > tbody > tr td.title > div:first-child {
	margin-top: 0;
}
.shop-table table > tbody > tr td .item-thumb {
	border : 1px solid #ddd;
	max-width: 60px;
}
.shop-table table > tbody > tr td .product_info {
	float: left;
}
.shop-table.order table > tbody > tr td,
.shop-table.orders table > tbody > tr td {
	vertical-align : top;
	border-bottom  : 1px solid #e5e6e6;
}
.shop-table.order table > tbody > tr td.no-border {
	border-bottom:0;
}
.shop-table table > tbody > tr td .repeat > div {
	display      : table-cell;
	padding-left : 10px;
	vertical-align: top;
}
.shop-table table > tbody > tr td .repeat div > span {
	display : block;
}
.shop-table table > tbody > tr td .repeat div > .item-opt {
	font-size : 13px;
}

.shop-table table > tbody > tr td .repeat {
	margin-bottom : 10px;
	display: table;
	width: 100%;
}

.shop-table table > tbody > tr td .comment {
	padding       : 15px;
	border        : 1px solid #ccc;
	margin-bottom : 10px;
}
.shop-table table > tbody > tr td .repeat .img_wrap {
	padding-left   : 0;
	vertical-align : top;
	width: 60px;
	display: table-cell;
}
.shop-table table > tbody > tr td .repeat .img_wrap img {
	width  : 50px;
}
.shop-table table > tbody > tr > td {
	border-top :none;
}
.shop-table table > tbody > tr > td.title {
	word-break: break-word;
}
.shop-table table > tbody > tr > td:first-child, .shop-table table > thead > tr > th:first-child {
	padding-left :24px;
}
.option-set ul li {
	border-bottom :none;
}
.option-set .subject li.op-sell a:after {
	top: 16px;
	color: #D8D8D8;
}
.option-set .content-subject li {
	font-size :13px;
	color: #757575;
}
.option-set .content li {
	vertical-align: middle;
}
.rwd-table {
	width :100%;
}
.rwd-table tbody > tr > th,.rwd-table tbody > tr > td {
	padding: 10px 15px;
	font-size: 14px;
	margin: 0;
	opacity: 1;
	font-weight: normal;
	border-top :0;
}
.rwd-table tbody > tr > th:first-child,.rwd-table tbody > tr > td:first-child {
	padding-left :24px;
}
.rwd-table .subject {
	background: #fff;
	visibility: visible;
}
.rwd-table .subject.off {
	visibility: hidden;
}
.rwd-table .subject .op-pay,.rwd-table .subject .op-stock {
	color: #BDBDBD;
	font-size: 13px;
}
.rwd-table .content .op-pay {
	position : relative;
}
.rwd-table .content .op-pay .form-control-krw {
	top: 50%;
	left: 11px;
	margin-top:-12px;
}
.rwd-table .content-subject th {
	font-size:13px;
	color : #747474;
}

.card-body .require_wrap .edit_subject, .card-body.check .require_wrap .subject {
	display : none;
}

.card-body.check .require_wrap .edit_subject, .card-body .require_wrap .subject {
	display : table-header-group;
}

.table thead.edit_subject {
	background : #fff;
	opacity    : 1;
}

.table.require_wrap thead > tr > th:first-child, .table.require_wrap tbody > tr > th:first-child {
	padding-left : 24px;
}

.table.require_wrap thead > tr > th:last-child, .table.require_wrap tbody > tr > th:last-child {
	padding-right : 24px;
}
.pd-array div:nth-child(1) {
	padding-left:0
}
.pd-array .checkbox-styled{
	margin: 25px 0 0;
}
.sale-before .help-block {
	top: 60px;
	left: 15px;
}

.prod_image_upload {
	position : relative;
}
.shop-img-up {
	width    : 90px;
	height   : 39px;
	position : absolute;
	top      : 11px;
	left     : 0;
	opacity  : 0;
	cursor   : pointer;
	z-index  : 10;
}

.shop-img-up.ico_active {
	width  : 100%;
	height : 100%;
	top    : 0;
}

.img_area_wrap {
	margin-right : 15px;
	display      : inline-block;
	position     : relative;
	float        : left;
	height: 128px;
	margin-bottom: 10px;
	overflow: hidden;
}

.img_area_wrap a {
	position      : absolute;
	right         : 10px;
	font-size     : 20px;
	top           : 10px;
	color         : #000;
	background    : #fff;
	border-radius : 50%;
	opacity       : .7;
}
.shop-admin-post .fr-box.fr-basic .fr-element {
	min-height: 200px;
	padding-bottom: 10px;
	padding-top: 10px;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
}
.img_area_wrap a:hover {
	opacity : 1;
}

.img_area_wrap img {
	width: 128px;
}
.img_area_wrap:last-child {
	margin-right: 0
}
.shop-category-list p.on {
	color: #757575;
}
.category-body.dd {
	max-height:600px;
	padding: 5px 0;
	overflow-y: auto;
}
.dropdown-list {
	margin     : 0;
	padding    : 0;
	list-style : none;
}
.nav .dropdown-list {
	max-height: none;
}
.category-body .form-group img {
	position:absolute;
}
.category-body .form-group input {
	padding: 0 0 10px 30px;
}
.dropdown-handle {
	display: block;
	text-decoration: none;
	height: 30px;
	line-height: 31px;
	padding-left: 26px;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
}
.dropdown-handle:hover {
	background: #f2f3f5;
}
.dropdown-list .dropdown-list .dropdown-handle {
	padding-left: 36px;
}
.dropdown-list .dropdown-list .dropdown-list .dropdown-handle {
	padding-left: 46px;
}
.dropdown-list .dropdown-handle.checkbox {
	margin-bottom :0;
}
.dropdown-handle .check-item {
	line-height: 1.3;
	margin-bottom :0;
}
.dropdown-item>button {
	display: block;
	position: absolute;
	cursor: pointer;
	float: left;
	width: 8px;
	height: 26px;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border: 0;
	background: transparent;
	line-height: 1;
	text-align: center;
	font-weight: bold;
	z-index: 50;
	left: 20px;
}
.category-body .dropdown-item > button:before {
	color : #a6a6a6;
}
.dropdown-list .dropdown-list .dropdown-item>button {
	left: 20px;
}
.tag-box {
	display: inline-block;
}
.tag-box a {
	background: #1c90f3;
	color: #fff;
	font-size: 12px;
	padding: 3px 6px;
	border-radius: 2px;
}
.tag-box span i {
	padding-left: 10px;
}
.list-array {
	top: 25px;
}
.user-thumb-group .avatar {
	float : left;
	padding-right :20px;
	display: table-cell;
}
.user-thumb-group .avatar img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.user-thumb-group .author {
	display: inline-block;
}
.user-thumb-group .author span {
	font-size :12px;
}
.excel-down {
	height: 48px;
}
.excel-down a {
	display: block;
	text-align: center;
	height:48px;
	line-height: 48px;
}
.excel-down a i {
	margin-right :10px;
}
.shop-table .select-thead,.shop-table.check .subject {
	display: none;
}
.shop-table.check .select-thead {
	display: table-header-group;
}
.table thead.select-thead {
	opacity: 1;
}
.table thead.select-thead .btn {
	padding: 3px 12px;
}
.dd-filter {
	height: 48px;
	line-height: 48px;
	cursor : pointer;
}
.dd-filter .caret {
	float: right;
	margin-top: 20px
}
.dd-filter .dropdown-menu {
	top: 50px;
	padding: 20px;
	width: 230px;
	cursor: default;
}
.dd-filter .dropdown-menu li {
	padding-bottom: 15px;
}
.dd-filter .dropdown-menu li .form-control {
	padding-left  : 0;
	padding-right : 0;
	height        : 26px;
	border-bottom : 1px solid #eee;
}
.dd-filter-serach {
	height: 30px;
	line-height: 30px;
	text-align: right;
}
.big_search .dd-filter-serach {
	height: 48px;
	line-height: 48px;
}
.dd-filter-serach .icon_set {
	position : static !important;
	margin-bottom: 0;
	padding: 0 5px;
	cursor: pointer;
}

.dd-filter-serach .icon_set.shop {
	position   : absolute !important;
	top        : 50%;
	font-size  : 16px;
	z-index    : 1;
	right      : 0;
	margin-top : -14px;
}
.dd-filter-serach a {
	display: inline-block;
	padding: 0 15px;
	text-align: center;
	margin-right: -15px;
	border-left: 1px solid #ccc;
}
.btn-group-right {
	text-align: right;
}
.modal_admin_cancel_accept .modal-dialog,
.modal_admin_return_done .modal-dialog,
.modal_ace_form .modal-dialog {
	width: 980px;
}
.modal_admin_admin_cancel .modal-dialog {
	width: 850px;
}
.modal_admin_category .category-foot {
	clear: both;
	position: relative;
	z-index: 99;
	background: #fff;
	height: 20px;
	border-top: 1px solid #ccc;
}
.modal_admin_category .category-foot .drag {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	position: absolute;
	left: 50%;
	margin-left: -10px;
	top: 2px;
}
.modal_admin_category .modal-dialog {
	width:640px;
}
.modal_admin_category .modal-content{
	overflow: hidden;
}
.modal_admin_category .modal-content .category-body {
	width: 50%;
	float: left;
}
.modal_admin_category .modal-content:before {
	content: '';
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top: 54px;
	height: 100%;
	width: 1px;
	background: #eee;
	z-index: 99;
}
.modal_admin_category .modal-content {
	min-height: 500px;
}
.category-header {
	padding: 16px 15px;
	position : relative;
	border-bottom :1px solid #ccc;
}
.category-header .header-btn {
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
}
.category-header .header-btn .btn {
	padding: 4px 16px;
}
.category-header .header-tit h5{
	margin :0;
	display: inline-block;
}
.category_menu_add {
	font-size: 15px;
	margin-right: 5px;
}
.category-body .dropdown-item>button {
	left :15px;
	height:31px;
}
.category-body .dropdown-handle {
	position : relative;
	height: 30px;
	line-height: 30px;
	padding-left: 45px;
}
.category-body .dropdown-item.top-leaf .dropdown-handle {
	padding-left :15px;
}
.category-body .dropdown-handle input {
	height: 40px;
}
.category-body .dropdown-list .dropdown-list .dropdown-item>button {
	left: 35px;
}
.category-body .dropdown-list .dropdown-list .dropdown-item.sonson>button {
	left: 45px;
}
.category-body .dropdown-list .dropdown-list .dropdown-handle {
	padding-left: 45px;
}
.category-body .dropdown-list .dropdown-list .dropdown-item.sonson > .dropdown-handle,
.category-body .dropdown-list .dropdown-list .dropdown-list .dropdown-handle {
	padding-left: 75px;
}
.category-body .dropdown-handle .i-group {
	position: absolute;
	top: 0;
	right: 5px;
	display: none;
	color: #000;
	font-size: 15px;
}
.category-body .dropdown-handle ~ .dropdown-list .dropdown-item:before {
	content: '';
	display: block;
	border-style :dotted;
	width: 6px;
	height: 10px;
	position: absolute;
	top: 7px;
	border-width: 0 0 1px 1px;
	border-color: #777;
	z-index: 55;
}
.category-body .dropdown-list .dropdown-list .dropdown-item:before {
	left: 25px;
}
.category-body .dropdown-list .dropdown-list .dropdown-list .dropdown-item:before {
	left: 55px;
}
.category-body .dropdown-handle.active, .nav-category .dropdown-handle.active {
	color : #fff;
	background: #1A6DFF;
}
.category-body .dropdown-handle.active .i-group {
	color: #fff;
	display: block;
}
.category-body .dropdown-handle:hover .i-group {
	display: block;
}
.category-body .dropdown-handle .drag {
	display: none;
}
.category-body .dropdown-handle:hover .drag {
	display: block;
	position: absolute;
	left: 5px;
	top: 5px;
}
.category-body .dropdown-handle .i-group a:first-child {
	margin-right: 5px;
}
.new-icon-sm {
	margin-left: 10px;
	font-style: normal;
	width: 35px;
	height: 15px;
	background: #F5A623;
	display: inline-block;
	text-align: center;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
}
.review-content {
	margin :15px 0 ;
}


.btn-naver {
	color        : #fff;
	background   : #00CA54;
	border-color : #00CA54;
}

.btn-naver:hover, .btn-naver:focus {
	color        : #fff;
	background   : #00C451;
	border-color : #00C451;
}
.btn-kakao {
	color        : #212121;
	background   : #ffdc00;
	border-color : #ffdc00;
}
.btn-kakao:hover {
	color        : #212121;
	background   : #f9dd00;
	border-color : #f9dd00;
}

.btn-line {
	color        : #fff;
	background   : #00B900;
	border-color : #00B900;
}

.btn-line:hover {
	color        : #fff;
	background   : #009300;
	border-color : #009300;
}

.btn-apple {
	color        : #fff;
	background   : #000;
	border-color : #000;
}

.btn-apple:hover {
	color        : #fff;
	background   : #000;
	border-color : #000;
}
.modal_admin_pg .modal-dialog {
	max-width : 1150px;
	width     : 100%;
}
.modal_admin_pg .modal-body, .modal_admin_pg .modal-header {
	padding-left: 30px;
	padding-right: 30px;
}
.modal_admin_np .modal-dialog {
	max-width : 1016px;
	width     : 100%;
}
.modal_admin_prod_info_form .modal-dialog {
	width: 645px;
}
.modal_admin_nameserver .modal-dialog {
	width: 800px;
}
.modal_booking_order .modal-dialog {
	width: 800px;
}
.modal_goodsflow_delivery_service_contracts .modal-dialog, .modal_regularly_service_contracts .modal-dialog {
	width: 900px;
}
.pg-order {
	overflow     : hidden;
	padding-left : 0;
	width        : 100%;
}

.pg-order li:before {
	content       : " ";
	display       : block;
	width         : 0;
	height        : 0;
	border-top    : 50px solid transparent;
	border-bottom : 50px solid transparent;
	border-left   : 40px solid white;
	position      : absolute;
	top           : 50%;
	margin-top    : -50px;
	margin-left   : 10px;
	left          : 100%;
	z-index       : 1;
}

.pg-order li:after {
	content       : " ";
	display       : block;
	width         : 0;
	height        : 0;
	border-top    : 50px solid transparent;
	border-bottom : 50px solid transparent;
	border-left   : 40px solid #f1f1f1;
	position      : absolute;
	top           : 50%;
	margin-top    : -50px;
	left          : 100%;
	z-index       : 2;
}

.pg-order li {
	color      : #777;
	padding    : 4px 0 10px 70px;
	background : #f1f1f1;
	position   : relative;
	display    : block;
	float      : left;
	height     : 50px;
	width      : 20%;
}

.pg-order li:first-child {
	padding-left : 20px;
}

.pg-order li:last-child {
	width : 16%;
}

.pg-order li span {
	font-size   : 16px;
	color       : #000;
	line-height : 2.6;
}

.pg-list {
	float        : left;
	margin-right : 30px;
	width: 200px;
}
.pg-list:first-child {
	width: 240px;
	margin-right:10px;
}
.pg-content {
	margin : 30px 0;
}
.pg-content.adult-setting {
	margin : 20px 0 30px 0;
}
.adult-setting .pg-order li:first-child {
	width:20%;
}
.adult-setting .pg-order li {
	width: 22%;
}
.adult-setting .pg-order li:last-child {
	width:22%;
}
.adult-setting .pg-list {
	width: 23%;
	margin:0;
	padding-right:20px;
}
.adult-setting .pg-list:first-child {
	width: 20%;
	margin-right:40px;
}
.modal_adult_confirm_phone .modal-dialog .pc_mobile_padding, .modal_adult_confirm_card .modal-dialog .pc_mobile_padding, .modal_adult_confirm_union_auth .modal-dialog .pc_mobile_padding {
	padding: 0 24px 50px;
}
.modal_adult_confirm_phone .modal-dialog hr.row, .modal_adult_confirm_card .modal-dialog hr.row{
	margin-right: -24px;
	margin-left: -24px;
}
.modal_adult_confirm_phone .btn-primary[disabled], .modal_adult_confirm_card .btn-primary[disabled] {
	background-color: #E0E3E6;
	opacity: 1;
	color: rgba(49,53,52,.4);
}
.pg-content .clearfix {
	padding : 5px 15px;
}

.pg-content label {
	font-size : 13px;
	color     : #757575;
}

.addon-badge {
	background     : #ff635d;
	color          : #fff;
	display        : inline-block;
	height         : 20px;
	width          : 20px;
	padding        : 2px 0;
	text-align     : center;
	vertical-align : bottom;
	margin-left    : 4px;
	border-radius  : 50%;
	font-size      : 12px;
}

.inline-help {
	font-style  : normal;
	padding     : 0 15px;
	font-size   : 13px;
	margin-left : 15px;
	border-left : 1px solid #ccc;
	color       : #757575;
}

.inline-help em {
	font-style : normal;
}
/* 본인인증/성인인증 페이지 스타일 */
.confirm_nav_wrap{
	padding-right: 10px;
}
#phone_tab > .col-md-12,
#card_tab > .col-md-12{
	padding-right:15px;
	padding-left:15px;
}
.btn_confirm{
	margin-bottom: 10px;
	padding-left:0;
}
.btn_confirm > a{
	width:100%;
	display: table;
	height:70px;
}
.btn_confirm a > div{
	display: table-cell;
	vertical-align: middle;
	font-size:16px;
}
.btn_confirm a > div:first-child{
	text-align: center;
	width:78px;
}
.btn_confirm.active{
	border:1px solid #1A6DFF;
}
.line_nav{
	position: relative;
	height: 35px;
	padding-left: 0;
}
.line_nav:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	height: 1px;
	background-color: #C1CBD3;
}
.line_nav_li{
	display: inline-block;
	height: 100%;
	padding:0;
	margin:0 ;
	color:rgba(74,74,74,.5);
	font-size: 14px;
	font-weight: bold;
}
.line_nav_a{
	display: inline-block;
	height: 100%;
	padding:0 16px;
	margin:0 ;
	color:#212121;
	font-size: 13px;
	font-weight: normal;
}
.line_nav_li.active .line_nav_a{
	position: relative;
	color:#1A6DFF;
	font-weight: 600;
}
.line_nav_li.active .line_nav_a:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 1px;
	left:0;
	z-index: 1;
	width:100%;
	height: 2px;
	background-color: #1A6DFF;
}
.confirm_lg_bg_wrap,
.confirm_sm_bg_wrap{
	position: relative;
	width:100%;
}
.confirm_bg_img{
	width:100%;
}
.confirm_txt_wrap{
	position: absolute;
	top: 50%;
	left: 60px;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.confirm_lg_bg_wrap .confirm_bg_txt{
	max-width: 358px;
}
.confirm_sm_bg_wrap .confirm_bg_txt{
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	text-align: center;
}
.confirm_lg_bg_wrap .confirm_bg_h{
	margin-top: 0;
	margin-bottom: 16px;
	font-size: 28px;
	font-weight: bold;
}
.confirm_sm_bg_wrap .confirm_bg_h{
	font-size: 22px;
	font-weight: bold;
	margin-top:0;
	margin-bottom: 16px;
}
.confirm_mobile_help_txt{
	background-color: #F6F6F8;
	padding: 14px 12px;
}
.confirm_mobile_help_txt .tabled{
	margin-bottom: 0;
}
.confirm_mobile_help_txt .lb{
	width: 12px;
}
.confirm_mobile_help_txt .txt{
	padding: 0;
	font-size: 12px;
	color: #212121;
	text-align: left;
}
.confirm_lg_bg_wrap .confirm_bg_p{
	margin-bottom:32px;
	font-size: 15px;
	color: rgba(33,33,33,.6);
	line-height: 1.35;
}
.confirm_lg_bg_wrap .btn-primary{
	font-size: 15px;
}
.confirm_sm_bg_wrap .btn-primary{
	font-size: 13px;
}
.confirm_section{
	margin-top:60px;
	margin-bottom: 67px;
}
.confirm_section_h{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	margin-top: 0;
	margin-bottom: 16px;
}
.confirm_section_p{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 0;
}
.ps_list{
	margin-top:16px;
}
.ps_list_li{
	color: rgba(33,33,33,.6);
	font-size: 14px;
	margin-bottom: 0;
}
.round_icon_wrap{
	width:120px;
	height:120px;
	margin: 24px auto;
	border-radius: 50%;
	background-color: #F9FAFA;
	border: 1px solid #eee;
	text-align: center;
}
.round_icon_wrap i{
	color: #1A6DFF;
	line-height: 120px;
}
.confirm_img_wrap{
	width:120px;
	height:120px;
	margin: 24px auto;
	text-align: center;
}
.confirm_img_wrap img{
	width: 100%;
	height: 100%;
}
.card-head.card-head-modal header {
	padding: 24px 0;
	font-size: 18px;
}
.card-head.card-head-modal .close {
	position: absolute;
	right: -12px;
	padding: 12px;
	font-size: 18px;
	top: 50%;
	transform: translateY(-50%);
}
hr.hr{
	border:1px solid #eee;
	margin: 0;
}
.confirm_lg_table,
.confirm_sm_table{
	width:100%;
	margin-top: 8px;
	table-layout: fixed;
	word-wrap: break-word;
	word-break: break-word;
}
.confirm_lg_table caption,
.confirm_sm_table caption{
	font-size: 14px;
	color: rgba(33,33,33,.6);
	text-align: right;
}
.inner_table{
	display: table;
	vertical-align: middle;
	min-height:42px;
	height:auto;
	width:100%;
}
.confirm_sm_table .inner_table{
	min-height: 40px;
}

.inner_table_td{
	display: table-cell;
	width:100%;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}
.confirm_sm_table tr:nth-child(even){
	background-color: #F6F6F8;
}
.confirm_lg_table td,
.confirm_sm_table td{
	padding-left: 8px;
	padding-right: 8px;
	border: 1px solid #ddd;
	text-align: center;
}
.confirm_lg_table thead tr:first-child td .inner_table{
	min-height: 128px;
	height: auto;
}
.confirm_sm_table tr:first-child .inner_table{
	min-height: 103px;
	height: auto;
}
.confirm_lg_table tr td:first-child{
	width: 20%;
	background-color: #F6F6F8;
}
.confirm_lg_table tr td:nth-child(2),
.confirm_lg_table tr td:nth-child(3){
	width:40%;
}
.step_list{
	position: relative;
	max-width: 425px;
	display: inline-block;
}
.step_list:before{
	position: absolute;
	top:5px;
	left:4px;
	content: '';
	display: inline-block;
	width:1px;
	height: calc(100% - 55px);
	background-color: #eee;
}
.modal_adult_confirm_card .step_list:before,.modal_adult_confirm_phone .step_list:before{
	height:90%;
}
.step_list_li{
	position: relative;
	margin-bottom: 40px !important;
	padding-left: 30px;
	text-align: left;
}
.step_list_li:last-child{
	margin-bottom: 0 !important;
}
.step_list_li:before{
	position:absolute;
	top: 4px;
	left: 0;
	content: '';
	display: inline-block;
	width:10px;
	height: 10px;
	border-radius: 50%;
	background-color: #1A6DFF;
}
.step_list_h{
	margin-top: 0;
	font-size: 16px;
	font-weight: bold;
	color: #212121;
}
.process_info{
	min-width: 430px;
	text-align: center;
}
.btn_confirm_apply{
	font-size: 15px;
	height: 50px;
	border-radius: 4px;
	padding: 0 71px;
}
.gmail_confirm_page{
	font-family: 'Apple SD Gothic Neo', 'Noto Sans', 'sans-serif';
	margin-top: 288px;
}
.btn_confirm_apply_wrap{
	display: block;
	width: 208px;
	margin: 0 auto;
}
.gmail_confirm_page .btn-primary{
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	padding: 8px 20px;
}
.gmail_confirm_page .text-gray{
	color: #585858 !important;
}
.gmail_confirm_page .text-gray-bright{
	color: #757575 !important;
}

#phone_use{
	margin-top:50px;
}
#phone_use .form-group label.col-sm-2,
#card_use .form-group label.col-sm-2{
	text-align: right;
}
#phone_use .form-control,
#card_use .form-control{
	color: rgba(12,12,12,1);
	font-size: 15px;
}
.kg_txt{
	color: rgba(33,33,33,1);
	font-size: 13px;
	line-height: 2.23;
	margin-bottom: 0;
}

#phone_use .checkbox-styled:not(ie8) input ~ span:before, #phone_use .radio-styled:not(ie8) input ~ span:before,
#card_use .checkbox-styled:not(ie8) input ~ span:before, #card_use .radio-styled:not(ie8) input ~ span:before{
	top:50%;
	transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
#phone_use .checkbox-styled:not(ie8) input ~ span, #phone_use .radio-styled:not(ie8) input ~ span,
#card_use .checkbox-styled:not(ie8) input ~ span, #card_use .radio-styled:not(ie8) input ~ span{
	color: rgba(12,12,12,1);
	font-size: 15px;
}
.checkbox-styled span.help-block{
	margin-top:0;
}
/* 사용자 목록 편집 및 추가 초록색 체크 아이콘 */
.confirm_ico_txt{
	margin-bottom: 20px;
}
.confirm_ico_txt .tit{
	font-size: 13px !important;
	color: #757575;
}
.confirm_ico_txt span{
	padding-left: 30px;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	line-height: 20px;
}
.confirm_ico_txt span:before{
	position: absolute;
	top:0;
	left: 0;
	content: "";
	background-image: url("../../../images/site/ico_confirm.png");
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 16px;
	height: 16px;
}
/*경고 문구 표시 빨간색 느낌표 아이콘*/
.icon_warning_txt{
	margin-bottom: 20px;
}
.icon_warning_txt span{
	padding-left: 30px;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	line-height: 20px;
}
.icon_warning_txt span:before{
	position: absolute;
	top:0;
	left: 0;
	content: "\f063";
	display: inline-block;
	font-size: 18px;
	font-family: "Black Tie";
	font-weight: normal;
	color: #de1d1d;
}
/* color_picker style start*/
.color_pick.input-group-addon {
	border-radius:50%!important;
	padding:0 !important;
	width:20px;
	height:20px;
	position:absolute;
	left:88px;
	top:3px;
	cursor:pointer;
	border:none;
}
.color_pick.input-group-addon .color{
	content:"";
	display:inline-block;
	width:20px;
	height:20px;
	background-color: #fff;
	background-image: -webkit-linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef),-webkit-linear-gradient(45deg,#efefef 25%,transparent 25%,transparent 75%,#efefef 75%,#efefef);
	background-position: 0 0,5px 5px;
	-webkit-background-size: 10px 10px;
	background-size: 10px 10px;
	border: 0;
	border-radius:50%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.color_pick.input-group-addon .frame_box {
	display:inline-block;
	position:absolute;
	width:20px;
	height:20px;
	left:0;
	top:0;
	border-radius:50%;
	border:1px solid rgba(0,0,0,0.10);
	z-index:10;
}

.color_pick_article {
	width:284px;
}

.dz-form-control {
	display: block;
	width: 100%;
	height:29px;
	font-size:13px;
	padding:0;
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	box-shadow:none;
	background-color:transparent;
	background-image:none;
	border-color:#e0e0e0;
	border-image:none;
	border-style:none none solid;
	border-width:medium medium 1px;
	outline:0 none;
	line-height:inherit;
	color:#212121;
}
.dz-form-control:focus {
	border-color  :#1A6DFF;
	border-width  : 1px;
	box-shadow    :none
}

.colorpicker-element {
	width: calc(100% - 30px);
}
/* color_picker style end */

/* 에디터 커스텀 start*/
.fr-tooltip {
	z-index:999999;
}
.fr-toolbar {
	z-index:99999;
	border-top:1px solid rgba(0,0,0,.12);
}
.fr-popup {
	z-index:99999 !important;
}
.fr-popup .fr-checkbox-line label {
	cursor:default;
}
.fr-box.fr-basic.fr-top .fr-wrapper,.fr-box.fr-basic .fr-wrapper {
	background:transparent;
}
.fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
	background: #ffffff;
}
div[doz_type="text"] table td.fr-selected-cell, div[doz_type="text"] table th.fr-selected-cell {
	border:inherit;
	border-top: 1px solid rgba(128,128,128,0.1);
}
div[doz_type="text"] table th.fr-selected-cell {
	border-bottom: 2px solid #ddd;
}
div[editing="Y"] table td.fr-selected-cell, div[editing="Y"] table th.fr-selected-cell {
	border:1px double #1A6DFF
}
.fr-separator.fr-vs {
	height: 42px;
}
/* 에디터 커스텀 end*/
.table-block {
	display    : table;
	margin-top : 10px;
}

.table-block > img {
	width   : 50px;
	height  : 50px;
	display : table-cell;
	border  : 1px solid #ddd;
}
.menu_lang_icon > img {
	width: 15px;
	position: absolute;
	left: -30px;
}
.table-block > div {
	display        : table-cell;
	vertical-align : middle;
	padding-left   : 10px;
}

.table-block .img_wrap .item-thumb {
	max-width: 50px;
	border: 1px solid #ccc;
}

.owl_dashboard .owl-item {
	display : inline-block;
}

.owl_dashboard .owl-stage {
	width : 100% !important;
}

.owl-nav-tabs {
	list-style   : none;
	padding-left : 0;
}

.owl-nav-tabs > li > a {
	padding    : 0 15px 15px 15px;
	position   : relative;
	display    : block;
	text-align : center;
	font-size: 13px;
	transition: none;
}
.owl-nav-tabs > li > a:focus {
	outline: none;
	outline-offset: unset;
	border: 0;
}
.owl-nav-tabs > li.active > a, .owl-nav-tabs > li.active > a:hover, .owl-nav-tabs > li.active > a:focus {
	border           : none;
	border-bottom    : 2px solid #1A6DFF;
	color            : #1A6DFF;
	background-color : transparent;
	cursor           : default;
	opacity          : 1;
}
.border-top {
	border-top : 1px solid #eee !important;
}
.border-bottom {
	border-bottom : 1px solid #eee !important;
}

.border-bottom-dark {
	border-bottom : 1px solid #333 !important;
}
.no-border-top {
	border-top : 0 !important;
}
.no-border-bottom {
	border-bottom : 0 !important;
}
.no-border-radius {
	border-radius: 0 !important;
}
.line-top .table > tbody > tr > th {
	opacity   : 1;
	font-size : 14px;
}
.table thead.edit_subject > tr > th {
	padding : 4.5px 8px;
}
.btn-inline {
	width: 100%;
	padding: 1px 5px;
	margin-left: 15px;
}
.dropdown-menu.product-dropdown {
	width: 100%;
}
.star_point .bt-star {
	color: #9299a3;
}

.star_point .active {
	color:#FF472D !important
}

.dropdown-menu > li > a.bt_close {
	position: absolute;
	right: 8px;
	top: 0;
	padding: 0;
	top: 0;
	margin-top: 0;
	padding: 8px;
}
.dropdown-menu > li > a.pord_save_name {
	white-space: initial;
	padding: 8px 34px 8px 24px;
}
.chosen-container.chosen-container-multi {
	padding: 8px 0 0;
}
.chosen-container-multi .chosen-choices {
	border: 0;
	padding: 0;
	background: none;
	cursor: pointer;
}
.chosen-no-border .chosen-container-multi .chosen-choices {
	border-bottom: 0;
}
.chosen-container .chosen-results li {
	padding: 8px;
}
.chosen-container .chosen-results li.highlighted {
	background: #1A6DFF;
}
.chosen-container .chosen-drop {
	border: 1px solid #D7D7D7;
	border-radius: 5px;
	padding: 6px 0;
	background: #fff;
}
.chosen-container-multi .chosen-choices li.search-choice {
	background: #1A6DFF;
	border-color: #1A6DFF;
	box-shadow: none;
	color: #fff;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	background-image: none !important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after{
	content: "\f00c";
	display: inline-block;
	font: normal normal normal 14px/1 "Black Tie";
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);;
}
.chosen-container-active .chosen-choices {
	box-shadow: none;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
	padding: 0 0 3px 0;
}
.modal_multi_prod_add .modal-dialog {
	width: 720px;
}
.modal_multi_prod_add .alert {
	color : #000;
}
.modal_multi_prod_add .alert ul {
	padding: 20px 0 0 0;
	list-style: none;
	margin-bottom :0;
}
.modal_multi_prod_add {
	color:#000;
}
.modal_multi_prod_add .alert ul li .line {
	padding-right :40px;
}
.modal_multi_prod_add .btn-group-sm > .btn {
	font-size :14px;
}
.modal_category_code .dd-item>button {
	left: 0;
	cursor: default;
}
.modal_category_code .dd-list .dd-list .dd-item>button {
	left: 15px;
}
.modal_category_code .dd-handle {
	padding-left : 26px;
	cursor: default;
}
.modal_category_code .dd-handle:hover {
	background: transparent;
	cursor: default;
}
.item-upload .holder i {
	opacity: 0;
	position: absolute;
	left: -25px;
	top: 1px;
}
.item-upload.active .holder i {
	opacity: 1;
}
.item-upload.active .file {
	background: #1A6DFF;
	border-color: #1A6DFF;
	color: #fff !important;
}
.item-upload.img-loading .img-upload label,.item-upload.file-loading .file-upload label,.item-upload .btn-spinner {
	display: none;
}
.item-upload.img-loading .img-upload .btn-spinner,
.item-upload.file-loading .file-upload .btn-spinner {
	display: inline-block;
}
.v-inline-top p {
	margin-bottom: 5px;
	font-size: 14px;
}
.v-align-top {
	vertical-align: top !important;
}
.v-inline-top p i {
	font-size:12px;
	margin-right: 5px
}
.table_list {
	list-style: none;
	display: table;
	width: 100%
}
.table_list li {
	display: table-cell;
}
.table_list li:first-child {
	width: 64px;
}
section .booking-order,.calendar {
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ddd;
}
.calendar-header {
	display: flex;
	line-height: 60px;
	min-height: 60px;
	position:relative;
	padding: 0 30px;
}

.calendar-header div {
	text-align: right;
	display: inline-block;
}

.calendar-header:first-child::before {
	content: '';
	flex-grow: 1;
	width: 33.33%;
}

.calendar-header div {
	flex-grow: 1;
	width: 33.33%;
	font-weight: 500;
}

.calendar-header div:first-child {
	font-size: 20px;
	text-align: center;
}

.calendar-header div:last-child span {
	display: inline-block;
	padding-right: 20px;
}

.calendar-header div:last-child span:last-child {
	padding-right: 0;
}

.calendar-header div:last-child span::before {
	content: '';
	display: inline-block;
	margin-right: 8px;
	width: 6px;
	height: 6px;
	position: relative;
	top: -2px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* 성수기 */
.calendar-primary {
	color: #1d6ffe;
}
.calendar-header div:last-child span:nth-child(1) {
	color: #1d6ffe;
}
.calendar-header div:last-child span:nth-child(1)::before {
	background-color: #1d6ffe;
}

/* 준성수기 */
.calendar-sub-primary {
	color: #202020;
}
.calendar-header div:last-child span:nth-child(2) {
	color: #202020;
}
.calendar-header div:last-child span:nth-child(2)::before {
	background-color: #202020;
}

/* 할인기간 */
.calendar-danger {
	color: #f9585b;
}
.calendar-header div:last-child span:nth-child(3) {
	color: #f9585b;
}
.calendar-header div:last-child span:nth-child(3)::before {
	background-color: #f9585b;
}

/* 지정기간 */
.calendar-gray {
	color: #777777;
}
.calendar-header div:last-child span:nth-child(4) {
	color: #777777;
}
.calendar-header div:last-child span:nth-child(4)::before {
	background-color: #777777;
}

/* 휴무 */
.calendar-light-gray {
	color: #bdbdbd;
}
.calendar-header div:last-child span:nth-child(5) {
	color: #bdbdbd;
}
.calendar-header div:last-child span:nth-child(5)::before {
	background-color: #bdbdbd;
}

@media screen and (max-width: 1472px){
	.calendar-header {
		display: block;
	}

	.calendar-header:first-child::before {
		content: none;
	}

	.calendar-header div{
		display: block;
	}

	.calendar-header div:first-child{
		width: 100%;
	}

	.calendar-header div:last-child{
		width: 100%;
		text-align: right;
		line-height: 1.6;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 768px){
	.calendar-header div:last-child{
		text-align: left;
	}

	/* 성수기 */
	.calendar-primary {
		background-color: #1d6ffe !important;
	}

	/* 준성수기 */
	.calendar-sub-primary {
		background-color: #202020 !important;
	}

	/* 할인기간 */
	.calendar-danger {
		background-color: #f9585b !important;
	}

	/* 지정기간 */
	.calendar-gray {
		background-color: #777777 !important;
	}

	/* 휴무 */
	.calendar-light-gray {
		background-color: #bdbdbd !important;
	}
}

.booking-order ul.inline-blocked {
	position : absolute;
	right: 24px;
	top: 0;
}
.booking-order ul.inline-blocked li {
	margin-left: 40px;
}
.calendar-table,.calendar-table>table {
	position: relative;
	z-index: 1;
}
.calendar-table table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em;
}
.calendar-table th {
	padding: 10px;
	font-weight: normal;
}
.calendar-body .calendar-row {
	position: relative;
	z-index: 2;
}
.calendar-body .calendar-row td,
.calendar-row th {
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #ddd;
	position: relative;
}
.calendar-body .calendar-row td:last-child,
.calendar-row th:last-child {
	border-right :0;
}
.calendar-body .calendar-row:last-child td {
	border-bottom: 1px solid #ddd;
	padding: 45px 10px 10px 10px;
}
.calendar-body .calendar-row:last-child td.on {
	background: rgba(0, 184, 255,0.2);
}
.calendar-body .day-number {
	position: absolute;
	width: 100%;
	left: 0;
	top: 10px;
	padding: 0 10px;
	line-height: 20px;
	font-weight: bold;
}
.calendar-body .holiday .day-number {
	color: #ff3c4c;
}
.min-table {
	min-height: 90px;
	width: 100%;
	display: table;
}
.calendar-body .calendar-row td:first-child .day-number, .booking_head_container .calendar-row th:first-child {
	color: #ff3c4c;
}
.day-list {
	position: relative;
	z-index: 5;
	margin-bottom: 4px;
}
.day-list.full > a {
	color: #D8254D;
	text-decoration: line-through;
}
.day-list.waiting > a {
	color: #999 !important;
}
.calendar-body td.today .day-number {
	color: #fff;
}
.calendar-body td.today:before {
	content: '';
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	background: #1A6DFF;
	z-index: -1;
	left: 5px;
	top: 8px;
	border-radius: 50%;
}
.calendar-body .calendar-row td:hover .calendar-bg {
	display: block;
	background: #1A6DFF;
	opacity: 0.1;
	z-index: 6;
}
.calendar-body .calendar-row td.holiday:hover,.calendar-body .calendar-row td.friday:hover {
	background: transparent;
}
.calendar-body .calendar-row td.friday {
	background: #FFFDEE;
}
.calendar-bg {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.calendar-bg a {
	display: block;
	width: 100%;
	height: 100%;
}
.v-inline-middle a.btn:first-child {
	margin-right: 5px;
}
.no-radius {
	border-radius: 0;
	font-weight: normal;
	margin-right:10px;
}
.dropdown-menu > li > a.disabled {
	color: #BDBDBD;
	cursor: not-allowed;
}
.link_icon {
	font-size: 36px;
	width: 100px;
	height: 100px;
	display: inline-block;
	line-height: 95px;
	background: #1A6DFF;
	color: #fff;
	border-radius: 50%;
}
.link_icon:hover {
	color: #fff;
}
.modal_close {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: 17px;
	padding: 10px;
}
.search-form .form-control {
	border: 1px solid #ccc;
	height: 50px;
	border-radius: 3px !important;
	padding:0 20px;
}
.search-form a {
	font-size: 30px;
	width: 60px;
	height: 50px;
	display: inline-block;
	background: #1A6DFF;
	color: #fff;
	line-height: 45px;
	position: absolute;
	right: 0;
	top: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}
.search-form .form-control:focus {
	box-shadow: none;
	border: 1px solid #1A6DFF;
}
.card-list {
	border-top: 1px solid #e5e5e5;
}
.card-list:first-child {
	border-top: 0;
}
.card-list ul {
	padding-left: 50px;
}
.card-list ul li {
	list-style: none;
}
.card-list ul li span:last-child {
	float:right;
}
.setting_delivery li span:last-child{
	float:none !important;
}
.card-list .icon {
	width:30px;
	position: absolute;
	top: 18px;
}
.card-list span.icon {
	position: absolute;
	top: -5px;
	width: 30px;
	height: 30px;
	display: inline-block;
	background: #F2F2F2;
	border-radius: 50%;
	text-align: center;
	line-height: 33px;
	font-size: 18px;
}
.prod-title-holder {
	position: relative;
	margin: 10px 0 15px;
}
.prod-title-holder img {
	margin-right: 10px;
}
.prod-title-holder input.form-control {
	width: 89%;
	display: inline-block;
}
.prod-title-holder .btn {
	position: absolute;
	top: -5px;
	right: 3px;
}
.prod-title-holder .form-control-krw {
	top: 9px;
	left: 35px;
}
.univ_btn {
	padding: 4px 8px;
	display: inline-block;
	opacity: 0.5;
	margin-left: -8px;
}
.univ_btn.active {
	opacity: 1;
}
.univ-nav-tabs {
	position : absolute;
	top      : 0;
	right    : 0;
	width    : 100%;
}
.univ-nav-tabs > li {
	float : right;
}
.univ-nav-tabs > li.active > a, .univ-nav-tabs > li.active > a:hover, .univ-nav-tabs > li.active > a:focus {
	border-bottom: 2px solid #1A6DFF;
}
.univ-btn-tool {
	overflow: hidden;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -21px;
	z-index: 2;
}
.univ-btn-tool a {
	margin-right: 20px;
	float: left;
	opacity :0.5;
}
.univ-btn-tool a.active {
	opacity: 1;
}
.univ-btn-tool a:last-child {
	margin :0;
}
.univ-btn-tool a > span {
	width: 25px;
	height: 25px;
	display: inline-block;
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	border-radius: 50%;
}
.univ-btn-tool a > span i {
	vertical-align: middle;
}
.required{
	position: relative;
}
.required-icon{
	position: absolute;
	top:50%;
	border-radius: 50%;
	background: #f25656;
	display: inline-block;
	line-height: 18px;
	width: 4px;
	height: 4px;
}
.required a{
	padding-left: 8px;
}
.input-group-content.calendar-wrap .icon-calendar{
	right: 8px;
}
.coupon-list-wrap .nav-tabs{
	margin-bottom: 24px;
}
.coupon-list-wrap .nav-tabs > li > a{
	padding: 15px;
}
.coupon-list-wrap .card:first-child{
	margin-bottom: 10px;
}
.coupon-list-wrap td.sticky-head{
	width: 16px;
}
.coupon-list-wrap .coupon-more .btn{
	padding: 0 16px 0 0;
}
.coupon-list-wrap ._list_delete_header th:nth-child(2) span{
	vertical-align: middle;
}
.coupon-list-wrap ._list_delete_header th:nth-child(2) span ._check_list_count{
	vertical-align: unset;
}
.coupon-list-wrap .table > tbody > tr > td{
	padding: 12px 8px;
}
.coupon_add_form ._sale_wrap.display-none{
	display: none!important;
}
.coupon_add_form .bootstrap-datetimepicker-widget.dropdown-menu{
	display: block;
}
.coupon_add_form input[disabled="disabled"]{
	background: #f3f3f3;
	color: #bdbdbd;
	cursor:not-allowed;
	border: 0;
}
.coupon_add_form input[disabled="disabled"]::placeholder{
	color: #bdbdbd;
}
.coupon_add_form input[name="end_date"]:disabled{
	background: #f3f3f3;
	cursor:not-allowed;
	color: #bdbdbd;
	border: 0;
}
.coupon_add_form .m-block{
	display: inline-block;
	vertical-align: middle;
}
.coupon_add_form .form-control.open{
	z-index: 99!important;
}
input.limit-count{
	text-align: right;
	padding: 5px 0;
}
input.limit-count::placeholder{
	text-align: right;
}
.auto-order-list{
	padding-left: 15px;
}
.coupon_add_form .form-group{
	margin-bottom: 30px;
}
.coupon_add_form .card:first-child{
	margin-bottom: 10px;
}
.coupon_add_form .input-group.input-group-padding .input-group-content{
	padding-right: 8px;
}
.coupon_add_form .card:last-child input{
	text-align: right;
}
.coupon_add_form .card:last-child input[name="start_date"],
.coupon_add_form .card:last-child input[name="end_date"]{
	text-align: left;
}
.coupon_add_form .padding-left-4{
	padding-left: 4px;
}
.coupon_add_form .checkbox span{
	height: 16px;
	line-height: 16px;
}
.coupon_add_form width-2{
	width: 80px!important;
}
.coupon_add_form .coupon-edit-selected{
	padding-top: 5px;
	font-size: 14px;
}
.coupon_add_form .btn-raised{
	box-shadow: unset;
	-webkit-box-shadow: unset;
}
.coupon_add_form .shop-table{
	background: #fafafa;
}
.coupon_add_form .shop-table table{
	margin-bottom: 0;
}
.coupon_add_form .shop-table table > tbody > tr:last-child td,
#product_search_list.shop-table table > tbody > tr:last-child td{
	padding: 12px;
}
.coupon_add_form .shop-table table:last-child > tbody > tr:last-child td,
#product_search_list.shop-table table:last-child > tbody > tr:last-child td{
	border: 0
}
.coupon_add_form .shop-table .item-thumb{
	margin-left: 12px;
}
.coupon_add_form .shop-table .btn{
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}
.coupon_add_form ._product_list{
	padding-right: 48px;
}
#coupon_list_table table{
	line-height: 18px;
}
#coupon_list_table th{
	text-align: center;
	color: #757575
}
#coupon_list_table td{
	vertical-align: middle;
	text-align: center;
}
#coupon_list_table td:nth-child(5){
	text-decoration: underline;
}
#coupon_list_table th:nth-child(2),
#coupon_list_table td:nth-child(2),
#coupon_list_table th:nth-child(6),
#coupon_list_table td:nth-child(6){
	text-align: left;
}
#coupon_list_table p{
	margin-bottom: 3px;
}
#coupon_list_table td p div.text-grey-light{
	line-height: 17px;
}

#coupon_list_table th .btn{
	font-weight: 600;
	padding: 2px 8px;
}
#coupon_list_table .dropdown-menu{
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}
.modal_coupon_detail.modal{
	overflow-y: unset;
}
.modal_coupon_detail .issue-list-wrap{
	overflow: auto;
	border: 1px solid #ddd;
}
.modal_coupon_detail .modal-dialog {
	width: 800px;
}
.modal_coupon_detail .modal-content{
	border-radius: 4px;
	box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.1);
}
.modal_coupon_detail .table-responsive thead th,
.modal_coupon_detail .table-responsive tbody td{
	white-space: nowrap;
}
.modal_coupon_detail .coupon-type-one{
	background: #fafafa;
	padding: 14px 16px;
}
.modal_coupon_detail h3{
	margin-bottom: 20px;
}
.modal_coupon_detail > i{
	font-size: 18px;
}
.modal_coupon_detail .modal-search{
	margin: 8px 0 12px 0;
}
.modal_coupon_detail .modal-search > div{
	height: 34px;
	line-height: 34px;
}
.modal_coupon_detail .modal-search span b{
	color: #000
}
.modal_coupon_detail .twitter_wrap{
	margin: 0 16px;
}
.modal_coupon_detail .twitter_wrap .col-sm-2{
	padding-left: 0;
	border-bottom: 0;
}
.modal_coupon_detail .twitter_wrap .col-sm-2 .form-control{
	border-bottom: 0;
}
.modal_coupon_detail .twitter_wrap .form-control{
	height: 42px;
	line-height: 42px;
}
.modal_coupon_detail .serach_wrap .dd-filter-serach .icon_set{
	padding-right: 2px;
}
.modal_coupon_detail .modal-header .card{
	margin-bottom: 0;
	box-shadow: unset;
	border: 1px solid #ddd;
}
.modal_coupon_detail .modal-body{
	padding: 0px 24px 12px 24px;
}
.coupon-issue-wrap td,
.coupon-issue{
	border-bottom: 1px solid #eee;
}
.coupon-issue-wrap:last-child td{
	border: 0;
}
#coupon_issue_list_wrap > table{
	border: 1px solid #ddd;
}
#coupon_issue_list_wrap > table th{
	font-weight: 400;
	border-bottom: 1px solid #ddd;
}
#coupon_issue_list_wrap > table td{
	border-top: 0;
}
#coupon_issue_list_wrap th:last-child,
#coupon_issue_list_wrap td:last-child{
	padding-right: 12px;
}
#coupon_issue_list_wrap > table th:first-child{
	padding-left: 12px;
}
#coupon_issue_list_wrap > table td:first-child{
	word-break: break-all;
	padding-left: 12px;
}
#coupon_issue_list_wrap .sale-price,
._product_apply_list .sale-price{
	text-decoration-line: line-through;
}
#coupon_issue_list > table tbody td{
	border-bottom: 1px solid #ddd;
}
#coupon_issue_list > table tbody tr:first-child{
	border-top: 0;
}
#coupon_issue_list > table tbody tr td table tr:last-child td{
	border-bottom: 0;
}
.issue-list{
	max-height: 500px;
	width: fit-content;
}
.issue-list .d-grid{
	display: grid;
	display: -ms-grid;
	border-bottom: 1px solid #ddd;
}
.issue-list .d-grid.d-grid-6{
	grid-template-columns: 240px repeat(3, minmax(90px, 1fr)) minmax(120px, 1fr) minmax(90px, 1fr);
	-ms-grid-columns: 240px 90px 90px 90px 120px 90px;
}
.issue-list .d-grid.d-grid-7{
	grid-template-columns: 140px 140px repeat(3, minmax(80px, 1fr)) minmax(100px, 1fr) minmax(80px, 1fr);
	-ms-grid-columns: 140px 140px 80px 80px 80px 100px 80px;
}
.issue-list .d-grid.sticky-head{
	background: #fafafa;
	position: sticky;
	top: 0;
}
.issue-list .d-grid > div:first-child{
	padding-left: 24px;
}
.issue-list .d-grid > div:last-child{
	padding-right: 24px;
}
.issue-list .d-grid > div{
	padding: 8px;
}
.issue-list .d-grid:last-child{
	border: 0;
}
.input-group.input-group-padding .input-group-content {
	padding-right: 15px;
	min-width: auto;
}
.shop-admin-post table.tableHorizontal {
	border: 0;
	border-top: 1px solid rgba(128, 128, 128, 0.15);
}
.shop-admin-post table.tableHorizontal > thead > tr > th {
	vertical-align: middle;
	border-bottom: 2px solid rgba(128, 128, 128, 0.15);
}
.shop-admin-post table.tableHorizontal tbody td,
.shop-admin-post table.tableHorizontal tbody th,
.shop-admin-post table.tableHorizontal tfoot td,
.shop-admin-post table.tableHorizontal tfoot th,
.shop-admin-post table.tableHorizontal thead td,
.shop-admin-post table.tableHorizontal thead th {
	border: 0;
	border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}
.shop-admin-post table.tableHover > tbody > tr:hover {
	background-color: rgba(128, 128, 128, 0.1)
}
.shop-admin-post table.tableStriped > tbody > tr:nth-of-type(odd) {
	background-color: rgba(128, 128, 128, 0.05)
}
.shop-admin-post table.tableStrong,
.shop-admin-post table.tableStrong tbody td,
.shop-admin-post table.tableStrong tbody th,
.shop-admin-post table.tableStrong tfoot td,
.shop-admin-post table.tableStrong tfoot th,
.shop-admin-post table.tableStrong thead td,
.shop-admin-post table.tableStrong thead th {
	border-color: rgba(128, 128, 128, 0.3);
}
.shop-admin-post table.noBorder,
.shop-admin-post table.noBorder tbody td,
.shop-admin-post table.noBorder tbody th,
.shop-admin-post table.noBorder tfoot td,
.shop-admin-post table.noBorder tfoot th,
.shop-admin-post table.noBorder thead td,
.shop-admin-post table.noBorder thead th,
.shop-admin-post table.noBorder > thead > tr > th {
	border-style: dashed;
}
.shop-admin-post table.tableHeaderDarken > thead > tr > th {
	background-color: rgba(128, 128, 128, 0.1)
}
.modal_admin_order_print .modal-dialog {
	width: 850px;
}
.modal_advancedsearch .modal-dialog {
	width: 800px;
}
.modal_admin_order_print .modal-content {
	min-height: 900px;
}
.modal_admin_order_print .button-wrap {
	position: relative;
	padding-bottom: 24px;
}
.button-wrap > div{
	text-align: center;
}
.hidden-print.footer .button-wrap{
	display: inline-block;
}
.hidden-print.footer:before{
	content: "";
	clear: both;
	display: block;
}
.hidden-print.footer .button-wrap{
	float: right;
}
.hidden-print.footer .button-wrap .dropup{
	position: relative;
	right: 0;
}
.hidden-print.footer .btn-sm-padding{
	padding: 2px 15px;
}
.hidden-print.footer .button-wrap .dropup .button-wrap{
	width: 100%;
}
.button-wrap .dropup{
	position: absolute;
	right: 45px;
	top: 0
}
.button-wrap .dropup .dropdown-toggle{
	-webkit-box-shadow: unset;
	box-shadow: unset;
}
.button-wrap .dropup .dropdown-menu{
	font-size: 12px;
	bottom: 100%;
	padding: 10px;
}
.dropdown-menu .button-wrap{
	padding: 0;
}
.print-wrap {
	font-style: normal;
	padding: 50px 45px;
	font-size: 14px;
}
.print-header {
	margin-bottom: 36px;
}
.print-wrap header {
	font-size: 26px;
	margin-bottom: 25px;
}
.print-body .order-summary {
	margin-bottom: 50px;
}
.order-summary .table-cell {
	width: 20%;
	padding-left: 30px;
}
.order-summary .table-cell:first-child {
	width: 50%;
	padding-left:0;
}
.order-items thead tr > th {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}
.order-items tbody tr:first-child > td {
	padding:15px 0;
}
.order-items tbody tr:last-child > td {
	padding-bottom:15px;
	border-bottom: 1px solid #eee;
}
.order-items tfoot tr:first-child > td {
	padding-top: 20px;
}
.order-info p {
	margin-bottom: 0;
}
.order-name {
	margin-bottom: 20px;
}
.order-name > small {
	font-size: 13px;
}
.order-name > div {
	font-size: 16px;
	font-weight: bold;
}
.arrow-right {
	width: 30px;
	display: block;
	height: 1px;
	background: #ccc;
	position: absolute;
	left: 50%;
	margin-left: -20px;
	margin-top: 5px;
}
.arrow-right:before {
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 12px solid #ccc;
	position: absolute;
	right: -12px;
	top: -3.5px;
}
.circle-100 {
	border: 1px solid #ccc;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: #FAFAFA;
	display: table-cell;
	vertical-align: middle;
}
.bank_table > div {
	width: 14%;
}
.eximbay_table > div {
	width: 13%;
}
.eximbay_table > div.arrow {
	width: 4%;
	color: #aaa;
}
.modal-header > .modal_close {
	position: absolute;
	right: 15px;
	top: 50%;
	font-size: 17px;
	padding: 10px;
	margin-top: -15.5px;
}
.modal-header > .modal_btn_prev {
	position: absolute;
	left: 14px;
	top: 50%;
	font-size: 17px;
	padding: 10px;
	margin-top: -14px;
}
.position_right {
	position: absolute;
	right: 0;
	top: 0;
}
.list_cate {
	border: 1px solid #E5E5E5;
	border-radius: 2px;
}
.list_cate.size-5 {
	height: 100%;
	max-height: 224px;
	min-height: 224px;
	overflow-y: auto;
	width: 100%;
	padding: 8px 0;
}
.list_top .btn {
	padding: 8px 16px;
	text-align: left;
}
.list_middle {
	min-height: 480px;
	max-height: 480px;
	overflow-y: auto;
}
.list_middle > li > a.list_txt {
	padding: 8px 16px;
}
.list_middle > li.active {
	background: #1A6DFF;
	color: #fff;
}
.list_middle > li > a.list_ico {
	opacity: 0;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	padding: 4px;
}
.list_middle > li:not(.active):hover > a.list_txt {
	background: #f2f3f5;
}
.list_middle > li:hover > a.list_ico {
	opacity: 1;
}
.row.side_height_control_table{
	display: table;
	width: calc(100% + 30px);
	height: 100%;
}
.side_height_control_table_cell{
	display: table-cell;
	float: none;
	height: 100%;
	vertical-align: top;
}
.side_height_control_table_cell .list_cate{
	height: 100%;
}
.side_height_control_table_cell .list_middle{
	min-height: calc(100% - 42px);
}

.ico_ver_top {
	position: relative;
	top: -1px;
}
.wrap-handle {
	padding: 8px 24px;
	position: relative;
}
.wrap-handle .drag {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
}
.modal_admin_order_excel_download .wrap-handle .drag {
	opacity: 0.3;
}
.wrap-handle:hover {
	background: #F7F7F8;
}
.wrap-handle:hover .drag {
	opacity: 0.33;
}
.wrap-handle > a {
	position: absolute;
	right: 10px;
	padding: 4px;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
}
.wrap-handle:hover > a {
	opacity: 1;
}
.npay_icon {
	background: #00c73c;
	padding: 0 4px 0 2px;
	margin-left: 5px;
}
.npay_icon span:first-child {
	font-family: Arial Black;
	color: #00c73c !important;
	width: 14px;
	height: 14px;
	background: #fff;
	display: inline-block;
	text-align: center;
	line-height: 14px;
	font-size: 11px;
}
.npay_icon span {
	color: #fff !important;
	display: inline-block;
	font-size: 11px;
}
.order_paging {
	width: 100%;
}
.order_paging .pagination {
	margin: 0 0 20px 0;
}
.order_paging .pagination > .disabled a,
.order_paging .pagination > li > a, .pagination > li > span {
	background: transparent;
}
.order_paging .pagination > li.active > a {
	background: #1a6dff;
	color: #fff;
}
#hidden_frame {
	height:0;
	width:0;
	border:0;
}
.modal_admin_order_excel_download .request_btn {
	padding-top: 5px;
	padding-bottom: 5px;
}
.modal_admin_prod_excel_download .excel_empty_wrap {
	display: none;
	border: 1px solid #e5e6e6;
	border-top: 0;
	padding-top: 60px;
	padding-bottom: 80px;
	color: #757575;
}
.modal_admin_prod_excel_download .table-order-excel-list {
	border: 1px solid #e5e6e6;
	margin-bottom: 0;
}
.modal_admin_prod_excel_download .table-order-excel-list .subject > tr > th {
	padding: 10px 9px;
	font-weight: 400;
}
.modal_admin_prod_excel_download .table-order-excel-list .excel_list_body > tr > th {
	padding: 10px 9px;
	font-weight: 400;
}
.modal_admin_prod_excel_download .table-order-excel-list .excel_list_body > tr .make_complete {
	cursor: pointer;
}
.modal_admin_prod_excel_download .table-order-excel-list .excel_list_body > tr .make_progress {
	color: #757575;
}
.modal_admin_prod_excel_download .modal-dialog {
	width: 650px;
}
.modal_admin_order_excel_download .request_btn {
	padding-top: 5px;
	padding-bottom: 5px;
}
.modal_admin_review_excel_download .excel_empty_wrap,
.modal_admin_order_excel_download .excel_empty_wrap {
	display: none;
	border: 1px solid #e5e6e6;
	border-top: 0;
	padding-top: 60px;
	padding-bottom: 80px;
	color: #757575;
}
.table-order-excel-list {
	border: 1px solid #e5e6e6;
	margin-bottom: 0;
}
.table-order-excel-list .subject > tr > th {
	padding: 10px 9px;
	font-weight: 400;
}
.table-order-excel-list .excel_list_body > tr > th {
	padding: 10px 9px;
	font-weight: 400;
}
.table-order-excel-list .excel_list_body > tr .make_complete {
	cursor: pointer;
}
.table-order-excel-list .excel_list_body > tr .make_progress {
	color: #757575;
}
.modal_admin_order_excel_download .modal-dialog {
	width: 720px;
}
.modal_admin_order_excel_form_edit .modal-dialog {
	width: 392px;
	margin-top: 130px;
}
.modal-backdrop + .modal-backdrop {
	z-index: 1050;
}
.shop-table.orders.check .subject {
	display: table-header-group;
}
.shop-table.orders.check .table-btn-group {
	padding:8px;
}
.table-btn-group .btn-group-left {
	float: left;
}
.table-btn-group .btn-group-right {
	float: right;
}
.table-responsive-order-list,
#menu_alert[style^="display: none"] ~ .row .table-responsive-order-list {
	max-height : calc(100vh - 280px);
}
#menu_alert ~ .row .table-responsive-order-list {
	max-height: calc(100vh - 350px);
}
.table-order-list {
	min-width: 1140px;
	margin-bottom: 0;
}
.shop-table.table-responsive {
	overflow-x: inherit;
}
.shop-table.orders.check .before,
.shop-table.orders .after {
	display: none;
}
.shop-table.orders.check .after,
.shop-table.orders .before {
	display: block;
}
.shop-table.orders table > thead th {
	font-size: 12px;
}
.shop-table.orders table > thead > tr:first-child th,
.shop-table.orders table > tbody > tr td {
	border-right: 1px solid #e5e6e6;
	padding: 8px;
}
.shop-table.orders table > tbody > tr:hover {
	background: transparent;
}
.shop-table.orders table >tbody > tr > td {
	padding: 10px 8px;
	font-size: 13px;
	word-break: break-all; /* nbsp 문제 수정시까지 임시 */
}
.shop-table.orders table td.disabled * {
	opacity: 0.5;
}
.shop-table.orders .product_order_no, .shop-table.orders .order_no {
	font-size: 12px;
}
.shop-table.orders .form-control {
	border :1px solid #ccc;
	background-color: #fff;
	padding: 0 5px;
	font-size:13px;
	height: 24px;
	border-radius: 2px;
}
.shop-table.orders .table-btn-group .form-control {
	margin: 0 !important;
	padding: 0 8px;
	height: 30px;
	border-color : #e5e6e6;
}
.shop-table.orders .table-btn-group .form-control[disabled] {
	background-color: #f1f1f1;
}
.shop-table.orders .table-btn-group .form-control.keyword_search {
	padding-right: 30px;
}
.shop-table.orders .form-control:first-child {
	margin-bottom: 5px;
}
.shop-table table > tbody > tr > td.r_date,
.shop-table table > tbody > tr > td.e_date {
	max-width: 105px;
}
.no-border-right {
	border-right: 0 !important;
}
.table-btn-group {
	padding: 10px 24px;
	border-bottom: 1px solid #e5e6e6
}
.table-btn-group:after {
	content:'';
	display: block;
	clear: both;
}
#nprogress {
	position:fixed
}

#loader {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
}
.se-pre-con {
	position: fixed;
	background: rgba(247,247,247,0.7);
	top: 0;
	left: 0;
	width: 100%;
	bottom: 0;
	text-align: center;
	z-index: 100999;
}
.se-pre-con .progress {
	display:none;
}
.se-pre-con.progress {
	background: rgba(0,0,0,0.7);
	height: 100%;
}
.se-pre-con.progress .progress {
	display: block;
}
.se-pre-con.progress .page-loader-spinner {
	display: none;
}
.page-loader-spinner {
	width: 40px;
	height: 40px;
	position: absolute;
	margin-top: -20px;
	margin-left: -20px;
	top: 50%;
	left: 50%;
}
.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #1A6DFF;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out;
}
.double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s;
}
.file_area ul {
	padding: 0;
}
.file_area ul li {
	list-style: none;
	background: #f7f7f7;
	min-height: 55px;
	margin-top: 5px;
	position: relative;
	padding: 15px;
}
.file_area ul li:first-child {
	margin-top: 0;
}
.file_area ul li a {
	display: block;
	color: #333;
}
.file_area ul li a:hover {
	color: #333;
}
.file_area ul li .tit {
	font-size: 15px;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
.file_area ul li em {
	font-size: 11px;
	color: #888;
	display: block;
}
.file_area ul li i {
	position: absolute;
	top: 50%;
	right: 15px;
	font-size: 24px;
	margin-top: -12px;
	color: #999;
}
@-webkit-keyframes bounce {
	0%,100%	{
		-webkit-transform:scale(0.0)
	}
	50%{
		-webkit-transform:scale(1.0)
	}
}
@keyframes bounce{
	0%,100%{
		transform:scale(0.0);
		-webkit-transform:scale(0.0)
	}
	50%{
		transform:scale(1.0);
		-webkit-transform:scale(1.0)
	}
}
.se-pre-con.progress .progress {
	position: absolute;
	top:24%;
	width: 50%;
	margin:0 auto;
	left:0;
	right:0;
}
.se-pre-con.progress .progress .progress-bar {
	background-color:#1A6DFF;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.se-pre-con.progress .progress .progress-bar label {
	color:#212121;
	position: absolute;
	left:50%;
	margin-left:-12px;
}
.table.table-border-bottom > thead > tr:last-child > th,
.table.table-border-bottom > tbody > tr:last-child > th,
.table.table-border-bottom > tfoot > tr:last-child > th,
.table.table-border-bottom > thead > tr:last-child > td,
.table.table-border-bottom > tbody > tr:last-child > td,
.table.table-border-bottom > tfoot > tr:last-child > td {
	border-bottom: 1px solid rgba(193, 193, 193, 0.31);
}
.table.table-th-gray th {
	background-color: #f6f6f6;
}
.table.table-th-gray tbody tr:first-child td {
	border-top: 0;
}
.hidden-double-span {
	max-width: 700px;
}
.datetime_wrap  {
	max-width: 320px;
}
.phonenumber_wrap {
	max-width: 400px;
}
.phonenumber_wrap .form-control {
	width: 25%;
	vertical-align: middle;
}
.phonenumber_wrap .line {
	margin: 0 2%;
}
.datetime_wrap .form-select-wrap {
	width: 47%;
	margin-right: 3%;
	display: block;
	float: left;
}
.preview_wrap {
	background: #f6f6f6;
	padding: 20px;
	min-height: 125px;
}
.right-menu-on {
	padding-right: 348px;
}
.right-menu-fixed {
	margin-top: 24px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 300px;
}
.today-table .text-danger {
	margin-left: 5px;
}
.today-table .tt-list ~ div {
	margin-top: 20px;
}
.today-table .tt-list .inline-blocked {
	margin-right: 20px;
}
.today-table .tt-list .inline-blocked:last-child {
	margin-right: 0;
}
.summary-table > tbody > tr.today > td {
	background: #ffefef;
}
.list-preview .tile .tile-icon img {
	border: 1px solid #eee;
}
.list-preview.list .tile {
	margin-bottom: 10px;
}
.list-preview.list .tile:last-child {
	margin-bottom: 0;
}
.list-preview.list .tile .tile-text {
	line-height: 1.6;
}
.list-preview.list .tile .tile-icon,
.list-preview.list .tile .tile-text {
	padding: 0;
}
.list-badge {
	width: 18px;
	height: 18px;
	font-size: 11px;
	line-height: 18px;
	vertical-align: middle;
	margin-top: -3px;
}
.card-body.production,
.card-body.marketing {
	color: #fff;
	background: url(../../../images/main/inquiry_bg.jpg) no-repeat 50% 50%;
}
.card-body.marketing {
	background: mediumpurple;
}
.card-body.production h2,
.card-body.marketing h2 {
	margin-bottom: 5px;
}
.card-body.production h4,
.card-body.marketing h4 {
	margin-bottom: 15px;
}
.card-body.production .btn,
.card-body.marketing .btn {
	width: 185px;
	padding: 6px 24px;
	background: #FF5DAC;
	border-radius: 5px;
	font-size: 15px;
}
.card-body.marketing .btn {
	background: #506ed9;
}
.fixed_db_banner {
	position: fixed;
	top: 50px;
	left: 230px;
	right: 0;
	min-height: 50px;
	z-index: 1004;
	background: #363b3e;
	color: #fff;
}
.fixed_db_banner.before {
	background: #4a90e2;
}
.fixed_db_banner .bg_blue,
.fixed_db_banner.before .bg_black {
	display: none;
}
.fixed_db_banner.before .bg_blue,
.fixed_db_banner .bg_black {
	display: block;
}
.fixed_db_banner .banner_text {
	display:  inline-table;
	height: 50px;
	padding-left: 24px;
}
.fixed_db_banner .banner_btn {
	float: right;
}
.fixed_db_banner .banner_btn a {
	font-size: 16px;
	padding: 14px 24px;
	display: inline-block;
}
.i-danger {
	color: #fc5f64;
	margin-right: 10px;
}
.i-danger-bright {
	color: #fdafb1;
	margin-right: 10px;
}
.prod_icon {
	display: inline-block !important;
	padding: 3px 8px !important;
	font-family: Helvetica, Arial, Sans-Serif;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 11px;
	border-radius: 2px;
	margin-left: 5px;
}
.prod_icon.sale, .prod_icon.timesale {
	background: #fe5356;
}
.prod_icon.sold_out {
	background: #666;
}
.prod_icon.icon_default {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	width: auto;
	font-weight: normal;
	font-size: 11px;
	line-height: 19px;
	padding: 0 10px !important;
}
.mail_setting_form .table,
.sms_setting_form .table {
	transform: none;
}
.permission_error {
	text-align: center;
	font-size: 1.1em;
	padding: 64px 0;
}
.permission_error_box {
	margin: 0 auto;
	border-radius: 10px;
}
.widget_map_disable {
	position: absolute;
	left: 50%;
	width: 83px;
	height: 85px;
	top: 50%;
	margin: -33px 0 0 -33px;
	background: url(../../../images/site/widget_gray_icon.png) no-repeat;
	background-position: -235px -55px;
}
.opacity-50 {
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.opacity-80 {
	opacity: 0.8;
}
.prod-search-form .rev-filter {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 120px;
	box-shadow: none;
	margin: 0;
}
.prod-search-form .rev-filter .dropdown-menu form {
	padding: 15px;
}
.prod-search-form .qna-filter {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 120px;
	box-shadow: none;
	margin: 0;
}
.prod-search-form .qna-filter .dropdown-menu form {
	padding: 15px;
}
.prod-search-form .form-group .form-control {
	padding-left: 120px;
}
.prod-search-form .form-group .icon_set {
	cursor : pointer;
	margin: -1px 0 0 0;
}
.excel-button {
	position: absolute;
	right: 0;
}
.excel-button i {
	display: inline-block;
	margin-right: 8px;
	line-height: normal;
	position: relative;
	top: 2px;
}
.prod-excel-form {
	vertical-align: inherit;
	line-height: normal;
	min-height: auto;
	padding: 20px 0;
}
.prod-excel-form header {
	padding: 0;
}
.more-btn-tools {
	position: absolute;
	top: 20px;
	right: 0;
}
.more-btn-tools i {
	font-size: 18px;
}
.more-btn-tools ul {
	padding-left: 0 !important;
}


#review_list .list-comments > li {
	border-top: 1px solid #eee;
}
#review_list .list-comments > li:first-child {
	border-top: 0;
}
#review_list .li_body .tit {
	word-break: break-word;
}
.prod-modal-header {
	padding: 12px 24px;
	border-bottom: 1px solid #eee;
	position: relative;
}
.prod-modal-header button {
	font-size: 18px;
	position: absolute;
	right: 25px;
	margin: 0;
	top: 50%;
	margin-top: -9px !important;
}
.prod-modal-header .write-summary {
	display: inline-block;
	margin-right: 5px;
}
.prod-modal-header .write-summary:first-child {
	margin-left: 0;
}
.prod-modal-body {
	padding-left: 0;
	padding-right: 0;
}
.prod-modal-body .comment_section {
	padding: 24px;
}
.prod-modal-body .comment_section .comment_list,
.prod-modal-body .comment_section .comment_list ~ .comment {
	padding: 0;
}

.prod-modal-body .comment_section .comment_list .dropdown_comment {
	padding-left: 40px;
}
.prod-modal-body .comment_section .comment_list ~ .dropdown_comment {
	padding-left: 64px;
}
.prod-modal-body .comment_section .comment_list ~ .comment, .prod-modal-body .comment_section .comment ~ .comment {
	margin-top: 20px;
	border-top: 1px solid #eee;
	padding-top: 20px;
}
.prod-modal-body .comment-btn.comment-display a {
	box-shadow: none;
}
.star-point span {
	display: inline-block;
	margin-left: 2px;
}
.star-point span:first-child {
	margin-left: 0;
}
.cmt_review_form {
	padding: 0;
	margin-top: 24px;
}
.prod-modal-body .comment_list {
	padding: 0 24px;
}
.prod-modal-body .comment_list ~ .comment_qna_form {
	padding: 0;
	margin-top: 24px;
}
.prod-modal-body .comment_list {
	padding: 24px;
}
.shop-admin-post .fr-view blockquote {
	padding: 10px 15px;
	margin: 0 0 20px;
	border-left: 5px solid #ccc;
	color: inherit;
	font-size: inherit;
}
.shop-admin-post blockquote blockquote,
.shop-admin-post blockquote blockquote blockquote {
	border-color : #ccc;
}
.td-order-img-col {
	width: 100px;
}
.preview_container .width-50 {
	padding: 0 30px;
}
.preview_holder {
	position: relative;
	margin: 0 auto;
	max-width: 355px;
	max-height: 355px;
	width: 100%;
	height: 100%;
	word-break: break-word;
}
.preview_overlay {
	display: block;
	color: #fff;
	background: rgba(0,0,0,0.7);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
}
.overlay_container {
	padding: 0 40px;
}
.overlay_container,
.overlay_title > div {
	display: table-cell;
	vertical-align: middle;
}
.overlay_title {
	display: table;
	width: 100%;
}
.overlay_title > .inline-blocked {
	padding-left: 15px;
}
.overlay_title img {
	border-radius: 50%;
}
.overlay_title .overlay_logo {
	width: 75px;
}
.overlay_title .title {
	font-size: 2em;
	font-weight: bold;
}
.overlay_title .sub_title {
	font-size: 1em;
}
.overlay_btn {
	margin-top: 25px;
}
.overlay_btn .button {
	width: 100%;
	padding: 10px 20px;
	font-size: 1.2em;
	font-weight: bold;
	color: #ffffff;
	background-color: #1A6DFF;
	border-color: #1A6DFF;
	display: inline-block;
}
.overlay_close {
	margin-top: 10px;
	text-decoration: underline;
}
#popoverContainer .popover {
	background: #1A6DFF;
	color: #fff;
	width: 360px;
	max-width: none;
	border-radius: 4px;
	border-bottom-right-radius: 0px;
	box-shadow: none;
	border: 0;
	left: -100% !important;
}
#popoverContainer .close_btn {
	padding: 5px;
	position: absolute;
	right: 0;
	top: -3px;
	font-size: 11px;
}
#popoverContainer .popover .btn {
	font-size: 12px;
	padding: 4px 16px;
}
#popoverContainer .popover-content {
	padding: 24px;
}
.popover .btn-transparent {
	border-color: transparent;
}
#popoverContainer .popover.top > .arrow {
	left: auto !important;
	right: 0;
}
#popoverContainer .popover.top > .arrow,
#popoverContainer .popover.top > .arrow:after {
	border-right-width: 0;
	border-right-color: transparent;
	border-top-color: #1A6DFF;
}
.custom_popover {
	position: absolute;
	left: 0;
	width: calc(100% - 80px);
	height: 20px;
	z-index: 10;
}
.row_margin_xxxl{
	margin-right: -24px ;
	margin-left: -24px ;
}
.consulting_banner_wrap {
	position: relative;
}
.consulting_banner_nav {
	position: absolute;
	bottom: 5px;
	right: 5px;
	background-color: rgba(0,0,0,0.5);
	padding: 3px 8px;
	line-height: 13.5px;
	border-radius: 999px;
	z-index: 2;
	min-width: 40px;
	text-align: center;
}
.consulting_banner_navWrap {
	font-size: 10px;
	transform: scale(0.9);
	color: #fff;
	font-weight: 400;
}
.consulting_banner .owl-stage-outer {
	height: 90px;
}
.consulting_banner .banner_wrap a {
	display     : inline-block;
	line-height : 90px;
}
.font-kakao {
	font-family : 'Kakao Regular';
}
.consulting_banner .banner_wrap a h1,
.card .fr-box.fr-basic .fr-element {
	font-family : 'Raleway', 'Noto Sans KR', Sans-Serif;
}
.consulting_banner .banner_wrap h1 {
	font-size      : 20px;
	display        : inline-block;
	margin         : 0 15px;
	vertical-align : middle;
}
.consulting_banner .banner_wrap .sm_text {
	font-size : 16px;
}
.consulting_banner .owl-controls {
	height: 0;
	margin: 0;
}
.consulting_banner .owl-controls .owl-nav [class*=owl-] {
	margin  : 0;
	border  : 0;
	padding : 0;
	color   : transparent;
	height  : 0;
}
.consulting_banner .owl-controls .owl-nav .owl-prev:before {
	content                : "\f092";
	font-size              : 15px;
	color                  : #fff;
	font-family            : 'Black Tie';
	font-style             : normal;
	text-decoration        : inherit;
	-webkit-font-smoothing : antialiased;
	border                 : 1px solid rgba(255,255,255,0.9);
	width                  : 35px;
	height                 : 35px;
	line-height            : 34px;
	display                : inline-block;
	border-radius          : 50%;
	position               : absolute;
	top                    : 50%;
	margin-top             : -17.5px;
	left                   : 50%;
	margin-left            : -240px;
	padding-right          : 3px;
}
.consulting_banner .owl-controls .owl-nav .owl-next:before {
	content                : "\f093";
	font-size              : 15px;
	color                  : #fff;
	font-family            : 'Black Tie';
	font-style             : normal;
	text-decoration        : inherit;
	-webkit-font-smoothing : antialiased;
	border                 : 1px solid rgba(255, 255, 255, 0.9);
	width                  : 35px;
	height                 : 35px;
	line-height            : 34px;
	display                : inline-block;
	border-radius          : 50%;
	position               : absolute;
	top                    : 50%;
	margin-top             : -17.5px;
	right                  : 50%;
	margin-right           : -240px;
	padding-left           : 3px;
}
.consulting_banner .owl-controls .owl-dots {
	position : absolute;
	bottom   : 3px;
	width    : 100%;
	text-align: center;
}

.consulting_banner .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
.consulting_banner .owl-dots .owl-dot span {
	width                       : 8px;
	height                      : 8px;
	margin                      : 4px 6px;
	border                      : 1px solid #000;
	background                  : transparent;
	display                     : block;
	-webkit-backface-visibility : visible;
	-webkit-transition          : opacity 200ms ease;
	-moz-transition             : opacity 200ms ease;
	-ms-transition              : opacity 200ms ease;
	-o-transition               : opacity 200ms ease;
	transition                  : opacity 200ms ease;
	border-radius               : 30px;
	opacity                     : .2;
}
.consulting_banner .owl-dots .owl-dot.active span, .consulting_banner .owl-dots .owl-dot:hover span {
	opacity : 1;
	background: #fff;
	border: none;
}
.consulting_banner .close_btn {
	position : absolute;
	right    : 16px;
	top      : 15px;
	color    : #fff;
	z-index  : 5;
}
.dashboard_main .area_wrap {
	margin-top: 24px;
}
.dashboard_main .area_wrap .float_r {
	float:right;
	position: static;
	margin-top: 0;
}
.dashboard_main .right-menu-fixed .card-summary .tabled:last-child {
	margin-bottom: 0;
}

.pg-style {
	background-color: #00498F;
	background: url(../../../images/site/admin_pg_background.jpg) no-repeat center right;
	background-size: cover;
}
.pg-btn-group .inline-blocked {
	margin-left: 5px;
}
.pg-btn-group .inline-blocked:first-child {
	margin-left: 0;
}
.pg-btn-group .btn {
	padding: 7px 20px;
	min-width : 120px;
}
.pg-btn-group .btn-white {
	color: #00498F;
	border-color: #fff;
	font-weight: bold;
}
.thumb-table .tabled > .table-cell:first-child {
	width: 110px;
}
.thumb-table .tabled {
	margin-bottom: 40px;
}
.table.table-bordered.border-style > thead > tr > th,
.table.table-bordered.border-style > tbody > tr > td,
.table.table-bordered.border-style > tfoot > tr > td {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #ddd;
	text-align: center;
	font-size: 14px;
	padding: 15px 13px;
}
.table.border-style > thead > tr > th:first-child,
.table.border-style > tbody > tr > td:first-child,
.table.border-style > tbody > tr > th:first-child,
.table .border-style> tfoot > tr > td:first-child {
	padding-left: 8px;
}
.table.table-bordered.border-style > thead > tr > th {
	font-weight: bold !important;
}
.list-bordered .linked {
	color: #1A6DFF;
	text-decoration: underline;
}
.list-bordered ul > li {
	position : relative;
	padding-left: 30px;
}
.list-bordered ul > li:after {
	content: '';
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 10px;
	height: 10px;
	background: #9bb7d1;
	border-radius: 50%;
	z-index: 1;
}
.list-bordered ul > li:before {
	content: '';
	display: block;
	position: absolute;
	top: 6px;
	left: 4.5px;
	width: 1px;
	height: 100%;
	background: #eee;
}
.list-bordered ul > li:last-child:before {
	display: none;
}
.btn-dark-blue {
	background: #00498F;
}
.card-max-width-1 {
	max-width: 935px;
	margin: 0 auto;
}
.card-max-width-2 {
	max-width: 405px;
	margin: 0 auto;
}
#prod_list_header_deselected .subject tr td:last-child{
	width: 2%;
}
.partner-theme-type {
	background: url("../../../upload/5c13114b6e6d0.png") no-repeat;
	width: 113px;
	height: 65px;
	margin: 0 0 5px;
}
.partner-theme-type.indigo {
	background-position: -121px 0;
}
.partner-theme-type.darkbrown {
	background-position: -240px 0;
}
.partner-theme-type.chocomint {
	background-position: 0 -69px;
}
.partner-theme-type.tritanopia {
	background-position: -121px -69px;
}
.partner-theme-type.bluegreen {
	background-position: -240px -69px;
}
.partner-theme-type-item {
	float: left;
	margin-right: 15px;
}
.form-wizard.form-wizard-horizontal {
	position: relative;
}
.form-wizard.form-wizard-horizontal .form-wizard-nav .progress {
	position: absolute;
	display: inline-block;
	top: 23px;
	left: 0;
	right: 0;
	margin: auto;
	height: 10px;
}
.form-wizard.form-wizard-horizontal .nav {
	position: relative;
}
.form-wizard.form-wizard-horizontal .nav a {
	margin-bottom: 15px;
}
.form-wizard.form-wizard-horizontal .nav li.active a,
.form-wizard.form-wizard-horizontal .nav li:hover a {
	color: inherit;
	background-color: transparent;
}
.form-wizard.form-wizard-horizontal .nav li.active .step,
.form-wizard.form-wizard-horizontal .nav li:hover .step {
	-webkit-transition: border-color 0.4s linear;
	-o-transition: border-color 0.4s linear;
	transition: border-color 0.4s linear;
	border-color: #1A6DFF;
}
.form-wizard.form-wizard-horizontal .nav li.active .title,
.form-wizard.form-wizard-horizontal .nav li:hover .title {
	color: #313534;
}
.form-wizard.form-wizard-horizontal .nav li.done .step {
	color: #ffffff;
	border-color: #1A6DFF;
	background-color: #1A6DFF;
	font-weight: 500;
	-webkit-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}
.form-wizard.form-wizard-horizontal .nav .step {
	display: inline-block;
	line-height: 28px;
	width: 36px;
	height: 36px;
	border-radius: 999px;
	border: 4px solid #e5e6e6;
	background: #ffffff;
}
.form-wizard.form-wizard-horizontal .nav .title {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: -15px;
	color: #969c9c;
}
.no-padding .form-wizard .pager {
	padding-left: 15px;
	padding-right: 15px;
}
.order_action_dropdown.dropup .caret {
	border-top: 4px dashed;
	border-top: 4px solid \9;
	border-bottom: 0;
}
.order_action_dropdown.dropup .dropdown-menu {
	top: 100%;
	bottom: auto;
}
.custom-table .list-style li.ct-title a {
	position: relative;
}
.custom-table .list-style li.ct-title a:after {
	content: "\f2f2";
	font-family: 'Material-Design-Iconic-Font';
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -16px;
	display: inline-block;
	margin-left: -12px;
	color: #555;
	font-size: 23px;
	font-weight: normal;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
}
.custom-table .list-style li.ct-title a[aria-expanded="true"]:after {
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.list-style {
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.custom-table .list-style li {
	float: left;
	width: 30%;
	text-align: center;
	padding: 8px;
	border-top: 1px solid rgba(193, 193, 193, 0.31);
}
.custom-table .ct-header .list-style li  {
	border-top: 0;
}
.modal-dialog .custom-table .ct-header .list-style li {
	padding-top: 10px;
}
.custom-table .list-style li.ct-title {
	width: 40%;
	padding-left: 40px;
	text-align: left;
}
.custom-table .ct-sub .list-style li.ct-title {
	padding-left: 60px;
}
.right-border-table tr th,
.right-border-table tr td {
	border-right: 1px solid rgba(193, 193, 193, 0.31) !important;
	padding: 8px 24px !important;
}
.right-border-table tr th:first-child,
.right-border-table tr td:first-child,
.right-border-table tr th.receipt,
.right-border-table tr td.receipt {
	border-right: 0 !important;
}
.button-group-wrap {
	margin: -5px;
}
.button-group-wrap .btn {
	float: left;
	margin: 5px;
	width: calc(50% - 10px);
	padding: 4px 0;
}
.button-group-wrap .btn.active {
	background: transparent;
	color: #1A6DFF;
	border-color: #1A6DFF;
}
.table.alarm > tbody + tbody {
	border: 0;
}
.table.alarm > tbody tr:last-child > td {
	padding-bottom: 20px;
}
.table.alarm > tbody + tbody > tr:first-child > td {
	border-top : 1px dotted #D8D8D8 !important;
	padding-top: 20px;
}
.table.alarm > tfoot > tr:first-child > td {
	border-top: double #D8D8D8 4px !important;
	padding-top: 20px;
}
.table.lg-padding > tbody > tr > td {
	padding: 20px 24px;
}
.table.lg-padding.border-bottom {
	border-bottom: 1px solid rgba(193, 193, 193, 0.31) !important;
}
.coin-banner {
	background-repeat: no-repeat;
	background-position: right;
	background-size: 82px;
}
.check_all .group {
	position: relative;
}
.check_all .icon {
	position: absolute;
	top: 9px;
	right: 30px;
}
.form-checkbox-styled {
	border: 1px solid rgba(193, 193, 193, 0.31);
}
.form-checkbox-styled .checkbox-styled-row .checkbox-styled {
	padding: 10px 20px;
	margin-bottom: 0;
}
.form-checkbox-styled .checkbox-styled-row.head {
	border-bottom: 1px solid rgba(193, 193, 193, 0.31);
}
.form-checkbox-styled .checkbox-styled-row.body {
	max-height: 190px;
	min-height: 190px;
	overflow-y: auto;
}
.form-checkbox-styled .input-group .child-1 {
	width: 30px;
}
.form-checkbox-styled .input-group .child-2 span {
	display: none;
}
.form-checkbox-styled .input-group .child-2 .form-control {
	max-width: 120px;
}
.form-checkbox-styled .empty {
	height: 190px;
	width: 100%;
	padding: 85px 50px;
}
.card-button-wrap .text-primary {
	padding-left: 0;
}
.card-button-wrap .btn + .text-primary {
	padding: 2px 15px;
}
.section-max-width.payment .flex-box {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.section-max-width.payment .flex-box > div .card-body {
	padding-top: 10px;
	padding-bottom: 55px;
}
.section-max-width.payment .flex-box > div .card,
.section-max-width.payment .flex-box > div .card .card-body {
	height: 100%;
}
.section-max-width.payment .flex-box > div .card .icon {
	height: 30px;
	margin-top: 10px;
}
.section-max-width.payment .flex-box > div .card .icon img {
	max-width: 100%;
	max-height: 100%;
}
.card-button-wrap {
	position : absolute;
	bottom: 24px;
	left: 24px;
}
.total_price_wrap .table > tbody > tr > td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.total_price_wrap .table > tbody > tr:last-child > td {
	padding-bottom: 15px;
}
.total_price_wrap .table > tfoot > tr td {
	padding-top: 15px;
}
.section-max-width.payment-detail {
	max-width: 960px;
}
.section-max-width .left-col {
	max-width: 600px;
}
.section-max-width .right-col {
	max-width: 280px;
}
.word-break {
	word-break: normal;
	word-wrap: break-word;
}
.file-upload-form input.form-control {
	text-overflow: ellipsis;
	white-space: nowrap;
}
.file-upload-form .upload-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-left: 92px;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.file-upload-form .delete-button {
	display: none;
}
.file-upload-form.active .delete-button {
	display: block;
}
.use-form {
	height: 190px;
	border: 1px solid rgba(12, 12, 12, 0.12);
	background: #fafafa;
	overflow-y: auto;
	word-break: break-word;
	padding: 10px 15px;
	margin-bottom: 5px;
}
.inline-select-styled {
	padding-left: 30px;
	margin-bottom: 30px;
}
.inline-select-styled select.form-control {
	margin: 0 10px;
}
h3.formModalLabel{
	font-size: 18px;
}
.alert.alert_brand{
	border-color: #1A6DFF;
	margin:20px 24px 20px;
	background-color: #FAFAFA;
}
.alert.alert_brand p{
	margin:0;
	font-size: 13px;
}
#joinform_des::placeholder{
	font-size: 13px;
	color:#9D9D9D;
	line-height: 2.4;
}
select.input_width{
	width:180px;
}
select.input_width option{
	font-size: 13px;
	color:#212121;
	line-height: 2.4;
}
.alert_txt{
	font-size: 12px;
	color:#FF7062;
	margin-bottom: 8px;
	margin-top:5px;
}
.alert-danger-bg {
	background: #FF5E60;
	color: #fff;
	padding: 16px 300px 18px 18px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 16px;
}
.alert-danger-btns {
	position: absolute;
	top: 50%;
	right: 18px;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.alert-danger-btns .btn-primary {
	background: #FFF;
	border-color: #fff;
	color: #FF7062;
}
.add_etc{
	margin-bottom: 8px;
}
.add_etc div.drag,
.add_etc input,
button.delete{
	position: relative;
	z-index:2;
}
input.form-control.input_add_etc{
	width:373px;
	float:none;
}
input.form-control.input_add_etc::placeholder{
	font-size: 13px;
}
.add_etc div.drag{
	transition: all 0.2s;
	opacity: 0;
}
#join_form_option_wrap .add_etc div.drag{
	opacity: 0.8;
}
.btn_add_etc{
	display: inline-block;
	background: transparent;
	font-size:14px;
	border:0;
	color:#1A6DFF;
	padding:0;
	margin-top: 4px;
}
button.delete{
	width: 15px;
	height:15px;
	background: transparent;
	border:0;
	padding:0;
}
i.delete_icon{
	opacity: 0;
	font-size: 15px;
	color:#9D9D9D;
	cursor: pointer;
	transition: all 0.2s;
}
.add_etc:hover > button.delete i.delete_icon,
.add_etc:focus > button.delete i.delete_icon,
.add_etc:active > button.delete i.delete_icon{
	opacity: 1 !important;
}
.add_etc:hover > div:first-child,
.add_etc:focus > div:first-child,
.add_etc:active > div:first-child{
	opacity: 0.8 !important;
}
.dropdown-filter .dropdown {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 120px;
	box-shadow: none;
	margin: 0;
}
.dropdown-filter .tt-input {
	padding-left: 120px !important;
}
.dropdown-filter .dropdown-menu form {
	padding: 52px 24px 24px;
}
.dropdown-filter .dropdown-menu {
	min-width : 373px;
}
.dropdown-filter .caret {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -2px;
	opacity: 0.5;
}
.input-group-content .icon-calendar {
	position: absolute;
	right: 0;
	top: 7px;
	z-index: 9;
}
.dismiss_dropdown {
	position: absolute;
	right: 0;
	top: 0;
	opacity: 0.4;
}
.img_block .img_item {
	width: 70px;
	height: 70px;
	box-sizing: border-box;
	background-size: cover;
	background-position: center;
	position: relative;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #eee;
}
.img_block .img_item .hover_box {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 70px;
	text-align: right;
	padding: 6px 5px 0 0;
	background-color: rgba(0,0,0,0.4);
}
.img_block .img_item:hover .hover_box {
	display: block;
}
.img_block .img_item.active .hover_box {
	display: block;
	border: 2px solid #00b8ff;
	padding: 4px 5px 0 0;
}
.img_block .img_item .delete_icon {
	font-size: 19px;
	color: #bdbdbd;
	line-height: 16px;
	width: 16px;
	opacity: 1;
}
.img_block .img_item.add_item {
	text-align: center;
	line-height: 70px;
	font-size: 18px;
	background: #eee;
}
.img_block .img_item.add_item .hover_box {
	width: 95px;
	height: auto;
	background-color: transparent;
	padding: 0;
	text-align: center;
	box-shadow: 0 5px 30px 0 rgba(0,0,0,0.10);
	top: auto;
	bottom: -25px;
	left: 25px;
}
.img_block .img_item.add_item .btn {
	background: #fff;
	border: 1px solid #E0E0E0;
}
.img_block .img_item.add_item .btn:hover {
	background: #0053D9;
	color: #fff;
}
.card-head .header_right {
	position: absolute;
	right: 24px;
}
.custom_block {
	background: #F6F6F8;
}
.custom_block .help_area {
	padding: 12px 10px;
	background: rgba(51, 51, 51, 0.05);
	display: inline-block;
}
.setting_block .form-group {
	margin-bottom: 30px;
}
.setting_block .form-group:last-child {
	margin-bottom: 10px;
}
.setting_block .form-horizontal label {
	margin-bottom: 5px;
}
.setting_block .form-horizontal .has-feedback .form-control-feedback {
	right: 0;
}
.image_button_group .btn .img_upload {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
}
.form-color {
	position: relative;
}
.form-color .form-select {
	padding-right: 30px;
}
.form-select:after {
	content: '';
	-webkit-appearance: none;
	background: url(../../../images/site/ico_menu-down.png) no-repeat center center;
	background-size: 24px 24px;
	padding: 6px;
	position: absolute;
	right: 0;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
}
.form-color .form-select:after {
	right: 30px;
}
.form-select .dz-form-control {
	padding-right: 28px;
}
.form-select ~ .color_pick {
	left: auto;
	right: 0;
	top: 4px;
}
.design-dropdown {
	position: absolute;
	left: -9999px;
	top: -9999px;
	padding: 6px 0;
	background: #f2f3f5;
	border: 1px solid #D7D7D7;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.3);
}
.design-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.design-dropdown li {
	position: relative;
	font-size: 13px;
	color: #000;
	cursor: pointer;
	display: block;
	overflow: hidden;
}
.design-dropdown .tse-scrollable .tse-scroll-content {
	width: 100% !important;
}
.design-dropdown li .txt {
	line-height: 26px;
	padding-left: 27px;
	padding-right: 27px;
	display: block;
}
.design-dropdown li:hover {
	background-color: #1A6DFF;
	color: #fff;
}
.design-dropdown li.active:after {
	position: absolute;
	left: 7px;
	top: 50%;
	margin-top: -14px;
	display: inline-block;
	width: 11px;
	height: 26px;
	line-height: 26px;
	visibility: visible;
	content: "\f26b" !important;
	font-family: "Material-Design-Iconic-Font";
	font-size: 14px;
}
.form-select .dropdown-menu ul {
	list-style: none;
}
.form-select .dropdown-menu > ul {
	padding: 16px 24px;
	max-width: 200px;
	max-height: 600px;
	overflow-y: auto;
}
.form-select .dropdown-menu > ul:last-child {
	display: none;
}
.form-select .dropdown-menu .checkbox-styled:not(ie8) input ~ span {
	padding-left: 25px;
}
.form-select .dropdown-menu .checkbox-styled:not(ie8) input ~ span:before {
	top: 3px;
}
.form-select .dropdown-menu .checkbox-inline {
	padding-top: 0;
}
.form-select .dropdown-menu label {
	margin-bottom: 5px;
}
.receiver-list .dropdown-menu {
	min-width: unset;
	text-align: center;
	max-height: 300px;
}
.receiver-list .dropdown-menu .dropdown-item {
	margin: 4px 16px;
}
.input-group-addon .form-select .dz-form-control {
	padding-right: 8px;
}
input.dropdown-styled {
	background: url(../../../images/site/ico_menu-down.png) no-repeat center right;
	background-size: 24px 24px;
	padding-right: 24px;
}
input.dropdown-styled[readonly] {
	cursor: default;
	border-bottom-style: solid;
	border-bottom-color: rgba(12, 12, 12, 0.12);
}
.form-calendar {
	position: relative;
}
.form-calendar > i {
	position: absolute;
	right: 0;
	top: 7px;
	pointer-events: none;
}
.discount-target .dropdown-menu.check {
	min-width: auto;
}
.image_hover_box {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}
.custom_block .image_area:hover .image_hover_box {
	display: block;
}
.payment_table div:last-child {
	width      : 20%;
	text-align : right;
}
.gmail_smtp_wrap{
	margin-top: -16px;
}
.gmail_oauth_complete{
	margin-top: -4px;
}
.btn_google{
	display: table;
	padding:0;
	min-width: 200px;
	height: 40px;
	background-color: #4285F4;
}
.btn_google_txt{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 11px;
	color: #fff;
	font-size: 14px;
	line-height: 1.2;
	font-family: 'Roboto-Medium';
	font-weight: 500;
}
.btn_google_logo{
	display: table-cell;
	vertical-align: middle;
	width: 38px;
	height: 38px;
	padding: 10px;
	background-image: url("../../../images/logo_google_button.png");
	background-repeat: no-repeat;
	background-origin: padding-box;
	background-size: 18px 18px;
	background-color: #fff;
	background-position: center;
}
.btn_google:active{
	background-color: #3367D6;
}
.btn_google[disabled] {
	background-color: rgba(0,0,0,.08);
}
.btn_google[disabled] .btn_google_txt{
	color: rgba(0,0,0,.4);
}
.btn_google[disabled] .btn_google_logo{
	background-image: url("../../../images/btn_google_logo_disabled.png");
	background-color: transparent;
}
.external_smtp_wrap .form-control[readonly]{
	border-bottom-style: solid;
}
.external_smtp_wrap .form-control[readonly]:focus{
	border-color: rgba(12, 12, 12, 0.12);
	box-shadow: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* ie 10,11 */
	select.form-control::-ms-expand,
	.select-style.form-control::-ms-expand {
		display:none
	}
}
.btn-floating-action.collapse-arrow {
	-webkit-box-shadow: none;
	box-shadow: none;
	position: absolute;
	right: 24px;
	z-index: 10;
}
.collapse-arrow:before {
	content: "\e604";
	font-family: 'simple-line-icons';
	speak: none;
	display: block;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 44px;
	-webkit-font-smoothing: antialiased;
}
[aria-expanded="true"].collapse-arrow:before {
	content: "\e607";
	margin-top: -2px;
}
.post_view img {
	max-width: 100%;
}
.ico_arr_wrap {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%);
	padding: 8px 8px 8px 50%;
	font-size: 14px
}
.ico_arr_wrap .icon-arrow-up,
.ico_arr_wrap[aria-expanded="true"] .icon-arrow-down {
	display: none;
}
.ico_arr_wrap[aria-expanded="true"] .icon-arrow-up,
.ico_arr_wrap .icon-arrow-down {
	display: block;
}
.collapse_wrap {
	padding: 0 24px 0 56px;
}
.table.sm-padding > thead > tr > th:first-child,
.table.sm-padding > tbody > tr > td:first-child {
	padding-left: 18px;
}
.table.sm-padding > thead > tr > th,
.table.sm-padding > tbody > tr > th,
.table.sm-padding > tfoot > tr > th,
.table.sm-padding> thead > tr > td,
.table.sm-padding > tbody > tr > td,
.table.sm-padding > tfoot > tr > td {
	padding: 8px 6px;
}
.input_wrap {
	padding-left: 30px;
}
.input_wrap .position_right {
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.pointer_event_auto label{
	pointer-events: auto !important;
}
.google_oauth_img_wrap{
	width: 399px;
}
.google_oauth_img {
	width: 100%;
}
.google_oauth_img_wrap02{
	width: 445px;
}
.google_oauth_img02 {
	width: 100%;
}
.request_txt {
	max-width: 70%;
}
.card.active {
	background-color: rgba(255,255,255,0.5);
}
.confirm_adult{
	max-width: 1032px;
	margin: 0 auto;
}
.confirm_adult_row{
	margin-left: -10px;
	margin-right: -10px;
}
.confirm_adult_row > .col-md-12{
	padding-left:10px;
	padding-right: 10px;
}
.confirm_adult_wrap.tabled{
	border-spacing: 10px;
}
.confirm_adult_wrap.tabled .card:before,.confirm_adult_wrap.tabled .card:after, .confirm_adult_wrap.tabled .card-body:before,.confirm_adult_wrap.tabled .card-body:after,.confirm_adult_wrap.tabled .form-group:after,.confirm_adult_wrap.tabled .form-group:before,.confirm_adult_wrap.tabled .clearfix:before,.confirm_adult_wrap.tabled .clearfix:after{
	border-spacing: 0;
}
.confirm_adult_wrap .confirm_adult_tit{
	margin-top: 25px;
	line-height: 1.4;
}
.confirm_adult_wrap .confirm_adult_txt{
	line-height: 1.428;
	color: #535858;
}
.confirm_adult_wrap .table-cell .card{
	height: 100%;
}
.confirm_adult_wrap .form-group{
	margin-bottom: 30px;
}
.status_use .card-head{
	padding:0 24px;
	font-size: 14px;
	border-bottom: 1px solid #EEEEEE;
}
.modal_adult_confirm_phone .modal-dialog, .modal_adult_confirm_card .modal-dialog, .modal_adult_confirm_union_auth .modal-dialog{
	width: 100%;
	max-width: 1150px;
	font-size: 14px;
}
.modal_widget_add .modal-dialog .modal-content {
	border-radius:10px
}
.modal_delete .modal-dialog,.modal_save .modal-dialog,.modal_alert .modal-dialog {
	width:350px;
}
.modal_delete .modal-dialog.ui-draggabled,
.modal_save .modal-dialog.ui-draggabled {
	width: 350px !important;
	margin-top: 80px !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	bottom: auto !important;
}
.modal_save .modal-content{
	border-radius: 3px;
}
.modal_save .bt {
	display: inline-block;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid #ddd ;
	white-space: nowrap;
	padding: 6px 16px 5px;
	font-size: 14px;
	border-radius: 2px;
	background: #fff;
	box-shadow: none;
	color: #212121;
	line-height:1.5
}
.modal_save .bt:hover,
.modal_save .bt:focus,
.modal_save .bt.focus,
.modal_save .bt:active,
.modal_save .bt.active,
.open > .modal_save .dropdown-toggle.bt{
	border-color: #ccc;
	background-color:#f9f9f9;
	color:#000;
}
.modal_save .modal-footer .bt + .bt {
	margin-bottom: 0;
	margin-left: 5px;
}
.modal_save .bt.bt-primary {
	background-color: #1A6DFF;
	border-color: #1A6DFF;
	color:#fff
}
.modal_save .bt.bt-primary:hover,
.modal_save .bt.bt-primary:focus,
.modal_save .bt.bt-primary.focus,
.modal_save .bt.bt-primary:active,
.modal_save .bt.bt-primary.active,
.open > .modal_save  .dropdown-toggle.bt.bt-primary {
	color: #fff;
	background-color: #009EFF;
	border-color: #009EFF;
}
.modal_save .bt.bt-primary.disabled {
	background-color: #99E2FF;
	border-color: #99E2FF;
	color: #fff;
	cursor: default;
}

.status_use .form-horizontal .radio,.status_use .form-horizontal .checkbox,.status_use .form-horizontal .radio-inline,.status_use .form-horizontal .checkbox-inline{
	padding-top: 0;
}
.status_use .checkbox-styled{
	margin-bottom: 13px;
}
.status_use .form-group .checkbox-styled label span{
	margin-bottom: 3px;
}
#phoneid::placeholder, #cardid::placeholder{
	font-size: 13px;
}
.popover-content .table.table-fixed{
	table-layout: fixed;
}
.white_space_nowrap{
	white-space: nowrap;
}
.benefit.text-right{
	text-align: right !important;
}
.text-right{
	text-align: right;
}
.text-left {
	text-align: left !important;
}
.cut_txt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
}
.list-form .badge {
	border-radius: 5px;
	font-size: 12px;
	position: relative;
	top: -1px;
}
.vertical-line {
	width: 1px;
	height: 9px;
	background: #ddd;
	display: inline-block;
}
.modal_multi_member_add .bg_fafafa {
	max-height: 163px;
	overflow-y: auto;
}
.modal_admin_join_form .form-group.modal_form:first-child {
	padding-top: 20px;
}
.card-sm-padding .card {
	margin-bottom: 10px;
}
.btn-default.btn-icon-toggle:hover {
	background-color: transparent;
}
.label-primary {
	background-color: #1A6DFF;
}
.label-default {
	background-color: #585858;
}
.label-info {
	background-color: #02CED8;
}
.card-rest-service .form-group {
	padding: 24px;
	border: 1px solid #eee;
	border-radius: 8px;
}
/* dashboard tutorial start */
.dashboard_tutorial .card {
	position: relative;
	padding-bottom: 48px;
}
.dashboard_tutorial .card-body {
	position: static;
}
.dashboard_tutorial header {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.dashboard_tutorial .check_bar_background {
	width: 80%;
	background: #eeeeee;
	height: 5px;
	margin-bottom: 8px;
}
.dashboard_tutorial .check_bar_wrap {
	margin-bottom: 10px;
}
.dashboard_tutorial .check_bar {
	background: #1a6dff;
	height: 100%;
	min-width: 5%;
	transition: width 300ms ease 0s;
}
.dashboard_tutorial .check_bar_text {
	font-size: 12px;
	color: #888888;
}
.dashboard_tutorial .check-list {
	cursor: pointer;
	margin: 0;
	padding: 6px 0;
	display: inline-block;
}
.dashboard_tutorial .check-list.checked {
	cursor: default;
}
.dashboard_tutorial .check-list i {
	font-size: 16px;
	padding-right: 8px;
}
.dashboard_tutorial .check-list i:before {
	content: "\f056";
	color: #999999;
}
.dashboard_tutorial .check-list.checked i:before {
	content: "\f058";
	color: #1a6dff;
}
.dashboard_tutorial .skip {
	position: absolute;
	bottom: 24px;
	right: 24px;
	font-size: 12px;
	color: #888888;
	cursor: pointer;
}
.tutorial_guide {
	height: 560px;
	display: table;
}
.tutorial_guide .left_area {
	background: #F6F6F8;
	width: 260px;
	display: table-cell;
	padding: 32px;
}
.tutorial_guide .left_area .guide_type_wrap {
	margin-bottom: 40px;
}
.tutorial_guide .right_area {
	width: 540px;
	display: table-cell;
	vertical-align: middle;
}
.tutorial_guide .right_area .guide_wrap {
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	max-width: 320px;
}
.tutorial_guide .right_area .guide_wrap img {
	width: 155px;
	height: 155px;
}
.tutorial_guide .right_area .guide_wrap .name {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}
.tutorial_guide .right_area .guide_wrap .description {
	font-size: 14px;
	margin-bottom: 16px;
	color: #585858;
	line-height: 1.571;
}
.tutorial_guide .right_area .guide_wrap .description a {
	display: inline-block;
	width: auto;
	margin: 0;
	font-size: 14px;
	text-decoration: underline;
}
.tutorial_guide .right_area .guide_wrap a {
	display: block;
	max-width: 140px;
	margin: 0 auto 10px;
	font-size: 13px;
}
.tutorial_guide .right_area .guide_wrap a.link {
	display: inline-block;
	margin: 0 10px 10px;
}
.tutorial_guide header {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12px;
}
.tutorial_guide .check_bar_background {
	width: 80%;
	background: #eeeeee;
	height: 5px;
	margin-bottom: 8px;
}
.tutorial_guide .check_bar_wrap {
	margin-bottom: 10px;
}
.tutorial_guide .check_bar {
	background: #1a6dff;
	height: 100%;
	min-width: 5%;
	transition: width 300ms ease 0s;
}
.tutorial_guide .check_bar_text {
	font-size: 12px;
	color: #888888;
}
.tutorial_guide .check-list {
	cursor: pointer;
	font-size: 14px;
	margin: 0 -32px;
	padding: 6px 32px;
}
.tutorial_guide .check-list.checked {
	cursor: default;
}
.tutorial_guide .check-list.active {
	background : #eeeeee;
	font-weight: bold;
	cursor: default;
}
.tutorial_guide .check-list i {
	font-size: 16px;
	padding-right: 8px;
}
.tutorial_guide .check-list i:before {
	content: "\f056";
	color: #999999;
}
.tutorial_guide .check-list.checked i:before {
	content: "\f058";
	color: #1a6dff;
}
.tutorial_guide .tse-scrollable {
	width: 260px;
	height: 560px;
}
.group-wrap .btn-icon-toggle.btn-lg {
	font-size: 15px;
}
.group-wrap .table > thead > tr > th,
.group-wrap .table > tbody > tr > th,
.group-wrap .table > tfoot > tr > th,
.group-wrap .table > thead > tr > td,
.group-wrap .table > tbody > tr > td,
.group-wrap .table > tfoot > tr > td {
	padding: 10px;
}
.margin-bottom-0{
	margin-bottom: 0!important;
}
.d-flex{
	display: flex;
}
.justify-content-center{
	justify-content: center;
}
.justify-content-between{
	justify-content: space-between;
}
.justify-content-end{
	justify-content: flex-end;
}
.align-items-center{
	align-items: center;
}
.f-col-md-8{
	flex: 66.6666% 0 0;
}
.f-col-md-10{
	flex:83.33333333% 0 0;
}
.bankda{
	margin-bottom: 10px;
}
.bankda._bankda_info,
.bankda._bankda_match{
	display: none;
}
.bankda .bar-right{
	display:inline-block;
	border-right: 1px solid #b0b5b4;
	height:9px;
	padding-left: 8px;
}
.bankda._bankda_info.active,
.bankda._bankda_match.active{
	display: block;
	background-color: #fff;
}
.bankda label{
	margin-bottom: 0;
}
.bootstrap-datetimepicker-widget{
	bottom: 0;
}
.bankda .badge_icon{
	background: #eb5757;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
	min-width: 18px;
	min-height: 18px;
	vertical-align: middle;
	line-height: 18px;
	text-align: center;
	margin-right: 4px;
	margin-bottom: 2px;
	padding: 0 3px;

}
.bankda .input-group-content.calendar-wrap .icon-calendar{
	right: 15px;
}
.bankda.modal-body .input-group-content.calendar-wrap .icon-calendar{
	right: 3px;
}
.bankda .tilde-wrap{
	padding-right: 12px!important;
	padding-left: 0!important;
}
.bankda.modal-body .tilde-wrap{
	padding-right: 12px!important;
	padding-left: 12px!important;
}
.bankda .card-head{
	text-align: left;
}
.bankda-body .status h4{
	margin: 8px 0;
}
.bankda .status br{
	display: none;
}
.bankda .status h4 strong{
	font-size: 18px;
}
.bankda-body .status p {
	margin-bottom: 14px;
}
.bankda-body .status p.text-gray-light{
	margin-bottom: 22px;
}
.bankda-body .status p .text-primary{
	text-decoration: underline;
}
.bankda-body .status .btn-primary{
	margin-bottom: 8px;
}
.bankda-body .status.success h4{
	margin: 0
}
.bankda-body h4 span{
	color: #eb5757;
}
.bankda-header .card-body{
	padding: 70px 48px 71px;
	background: #fffaf3;
}
.bankda-header img{
	width: 368px;
}
.bankda-header h1{
	font-size: 32px;
	margin-bottom: 16px;
}
.bankda-header h1 br{
	display: none;
}
.bankda-header h4{
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 20px;
}
.bankda-header .description-list{
	margin-top: 0;
	margin-bottom: 16px;
	color: #757575;
	opacity: 0.8;
}
.bankda-header .description-list li{
	margin: 0;
}
.bankda-header .table-cell .text-primary{
	padding-left: 4px;
}
.bankda.nav-tabs{
	margin-bottom: 24px;
}
.bankda.nav-tabs li{
	cursor: pointer;
}
.bankda-body{
	text-align: center;
}
.bankda-body h2{
	margin: 46px 0 36px;
}
.bankda-info{
	max-width: 1024px;
	width: 100%;
}
.btn-bankda{
	font-size: 14px;
	background: #f68025;
	color: #fff;
	word-break: keep-all;
	word-wrap: normal;
	white-space: unset;
	padding: 0 24px;
	line-height: 40px;
	margin-bottom: 20px;
}
.bankda-body .card-body{
	border-bottom: 1px solid #eee;
}

.absolute {
	position: absolute;
}
.pr-\[12px\] {
	padding-right: 12px;
}
.right-0 {
	right	: 0;
}
.absolute {
	position: absoulte;
}
.border-none {
	border: none;
}
.bg-transparent {
	background-color: transparent;
}
.alert__wrap-fixed {
	text-align: center;
	position: fixed;
	left: 230px;
	top: 50px;
	right: 0;
	z-index: 1003;
	padding-left: 24px; 
	padding-right: 24px;
	display: grid;
	row-gap: 5px;
}
.alert__banner {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 12px;
    font-size: 14px;
}
.alert__banner-case1 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 12px;
    font-size: 14px;
	background: #FF5E60;
}
.alert__banner-case2 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 12px;
    font-size: 14px;
	background-color: #FFF3D6;
}
.alert__banner-case2 a {
	font-weight: bold;
	color: #D68000
}

.alert__banner-case3 {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	padding: 12px;
    font-size: 14px;
	background-color: #DBDBDB;
}
.alert__banner-case3 * {
	margin-bottom: 0;
}
.alert__banner-case3 a {
	font-weight: bold;
}

.alert__banner-img {
	wdith: 1em;
	height: 1em;
	margin-right: 0.5em;
}
.alert__wrap {
	text-align: center;
	padding-left: 24px; 
	padding-right: 24px;
	display: grid;
	row-gap: 5px;
}

.alert__wrap + section {
  padding-top: 0;
}

.alert-purple {
	padding: 8px 10px;
	background: rgba(78, 27, 124, 0.1);
	border-radius: 4px;
	font-size: 13px;
}
.bankda-body .card-body:last-child{
	border-bottom: 0;
	padding-bottom: 24px!important;
}
.bankda-body .card-body .d-grid{
	display: grid;
}
.bankda-body .card-body .grid-gap{
	grid-column: 1/3;
	padding: 15px 0;
	border-left: 1px solid #f68025;
}
.bankda-body .info h2{
	margin: 60px 0 67px;
}
.alert-danger-box {
	padding: 12px;
	background: #FF5E60;
}
.bankda-body .info .d-grid{
	grid-template-columns: 50% 50%;
	gap: 0 28px;
}
.bankda-body .info .d-grid:last-child .info-left{
	border-left: 0;
}
.bankda-body .info .d-grid:last-child .grid-gap{
	border-left: 0;
}
.bankda-body .info-left{
	position: relative;
	border-left: 1px solid #f68025;
}
.bankda-body .info-left .info-title{
	margin-bottom: 12px;
}
.bankda-body .info-left .info-title strong{
	font-size: 16px;
}
.bankda-body .info-left strong{
	color: #212121;
}
.bankda-body .info-left > div{
	font-size: 13px;
	padding-left: 28px;
}
.bankda-body .info-left > div p{
	color: #757575
}
.bankda-body .info-left > div p strong{
	font-size: 13px;
}
.bankda-body .info-left .info-num{
	display: block;
	position: absolute;
	left: -12px;
}
.bankda-body .info-left .asterisk{
	color: #ff5e60
}
.bankda-body .info-left img{
	width: 24px;
}
.bankda-body .info-right img{
	width: 100%;
	max-width: 426px;
}
.bankda-body .info .d-flex{
	margin-bottom: 80px;
}
.bankda-body .info .icon-arrow-down{
	display: none
}
.bankda-body .banks{
	border-bottom: 0;
	margin-bottom: 28px;
}
.bankda-body .banks .d-grid{
	grid-template-columns: repeat(6, auto);
	gap: 15px 37px;
	width: fit-content;
	margin: 0 auto;
}
.bankda-body .banks .d-grid img{
	width: 100%;
	max-width: 154px;
	text-align: center;
}
.bankda-body .alert{
	margin-bottom: 80px;
	font-size: 13px;
}
.bankda-body .alert h4{
	color: #212121;
	margin-bottom: 16px;
}
.bankda-body .alert-wrap strong img{
	width: 20px;
}
.bankda-body .bank-wrap{
	margin: 13px 6px 14px 0;
	padding: 8px 10px 6px;
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 70px;
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
}
.bankda-body .bank-wrap span{
}
.bankda-body .bank-wrap img{
	width: 16px;
	height: 16px;
	margin-right: 4px;
	margin-bottom: 2px;
}
.bankda-body .alert{
	border: 0;
	margin-bottom: 56px;
}
.bankda-body.match .card-body{
	padding: 24px 24px 0;
}
.bankda-body .card-head.match header{
	padding-top: 24px;
	padding-bottom: 16px;
}
.bankda-body .alert .d-flex{
	text-align: left;
}
.bankda-body.match .alert .d-flex{
	display:  block;
}
.bankda-body .match-table .data_empty,
.modal-body.bankda .match-table .data_empty{
	display: grid;
	padding: 64px 0;
	margin: 0 auto;
}
.bankda-body .alert .alert-wrap{
	background: #fafafa;
	padding: 24px;
	border-radius: 8px;
	margin-top: 48px
}
.bankda-body._bankda_match .alert .alert-wrap{
	margin-top: 48px;
}
.bankda-body .alert .description-list{
	margin-bottom: 0;
}
.bankda-body .alert .description-list li{
	margin-bottom: 8px;
	color: #212121;
}
.bankda-body .alert .description-list li:last-child{
	margin-bottom: 0;
}
.bankda-body a[disabled].btn-primary {
	color: #fff;
	background: #ddd;
	font-weight: 600;
}
.bankda .text-success{
	color: #00D69A;
}
.bankda-body .alert .description-list li li{
	margin-bottom: 0;
}
.bankda-body .alert .description-list li p{
	color: #424242
}
.bankda-body .panel-body ul{
	margin-bottom: 0;
}
.bankda .list{
	background: #fafafa;
	padding: 40px 0 34px;
}
.bankda .list .input-group{
	width: 100%;
}
.bankda .list .search-input{
	padding-right: 8px;
}
.bankda .flex-list{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.bankda .flex-list.text-left{
	margin-bottom: 36px;
}
.bankda .flex-list .f-col-md-10 .flex-list:last-child{
	margin-bottom: 0;
}
.bankda .flex-list label.f-col-md-1{
	line-height: 18px;
}
.bankda .flex-list .f-col-md-5{
	line-height: 22px;
}
.bankda .flex-list .f-col-md-1,
.bankda .flex-list .f-col-md-3,
.bankda .flex-list .f-col-md-5,
.bankda .flex-list .f-col-md-9,
.bankda .flex-list .f-col-md-10{
	padding-right: 15px;
	padding-left: 15px;
}
.bankda .flex-list .f-col-md-1{
	flex: 8.333% 0 0;
}
.bankda .flex-list .f-col-md-3{
	flex: 25% 0 0;
}
.bankda .flex-list .f-col-md-5{
	flex: 41.5% 0 0;
}
.bankda .flex-list .f-col-md-9{
	flex: 75% 0 0;
}
.bankda .flex-list .f-col-md-10{
	flex: 83.333% 0 0;
}
.bankda .list .btn{
	font-weight: bold;
}
.bankda .check .btn{
	font-weight: bold;
	margin-left: 24px;
	line-height: 24px;
	padding: 0 8px;
}
.bankda .check > p{
	margin: 0 0 22px;
}
.bankda .check p.d-flex{
	align-items: center;
}
.bankda-body .pagination{
	margin: 34px 0;
}
.bankda .d-grid.sticky-head{
	background: #fafafa;
	position: sticky;
	top: 0;
	color: #757575
}
.bankda .bankda_sort{
	margin-bottom: 10px;
}
.bankda.match .card-head{
	border-bottom: 1px solid #eee;
}
.bankda.match .card-body{
	border-bottom: 0;
}
.bankda .match-table{
	border: 1px solid #ddd;
	overflow: auto;
}
#bankda_table .match-table .d-grid > div{
	padding: 12px;
}
.bankda .match-table .form-control{
	font-size: 13px;
}
.bankda .match-table .d-grid{
	display: grid;
	border-bottom: 1px solid #ddd;
	align-items: center;
}
.bankda .match-table .d-grid:last-child{
	border-bottom: 0;
}
.bankda .pagination .active a{
	background: #1A6Dff;
}
.bankda .d-grid.d-grid-6{
	grid-template-columns: repeat(6, 1fr);
}
._bankda_match #bankda_table .d-grid-6.sticky-head > div{
	padding: 8px 12px;
	color: #757575
}
.bankda .d-grid.sticky-head div{
	padding: 8px;
	line-height: 1.42857143;
}
.bankda .d-grid.sticky-head div{
	padding: 8px 12px;
}
.bankda .d-grid.sticky-head div.checkbox{
	padding: 8px 12px;
}
.bankda .d-grid div.manually{
	padding: 0;
}
.bankda .d-grid-6 > div,
.bankda .d-grid-5 > div{
	padding: 8px 12px;
	line-height: 29px;
}
.bankda .d-grid-6 div:nth-child(2){
	text-align: right;
}
.bankda .d-grid-6 div:nth-child(4),
.bankda .d-grid-6 div:nth-child(5),
.bankda .d-grid-6 div:nth-child(6){
	text-align: left;
}
.bankda .d-grid-6:not(.sticky-head) div:nth-child(4){
	font-weight: bold;
	font-size: 13px;
}
.bankda .d-grid._rejected{
	background: rgba(255, 94, 96, 0.05);
}
.bankda select._rejected{
	color: #ff4848;
}
.bankda ._ordered_count{
	color: #1A6Dff;
}
.bankda input._ordered_count{
	color: #212121!important;
}
.bankda ._match_date .form-control[disabled],
.bankda ._match_date .form-control[readonly]{
	border: 0;
}
.bankda .faq{
	padding-top: 0;
}
.bankda .panel-group{
	margin-bottom: 0;
}
.bankda .panel-default{
	border-bottom: 0;
	font-size: 13px;
}
.bankda .panel.panel-default {
	border: 1px solid #eee;
	margin-bottom: 10px;
}
.bankda .panel.panel-default:last-child{
	margin-bottom: 0;
}
.bankda .panel-default h4{
	font-size: 13px;
	margin: 0;
	color: #212121;
}
.bankda .panel-default .panel-heading{
	padding: 20px 24px;
	position: relative;
}
.bankda-body .panel-default a[aria-expanded="true"] .panel-heading{
	background: rgba(26, 109, 255, 0.05);
}
.bankda .panel-default .panel-heading i{
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -7px;
}
.bankda .panel-default.expanded .icon-arrow-down:before,
.bankda .panel-default a[aria-expanded="true"] .icon-arrow-down:before{
	content: "\e607";
}
.bankda .panel-body{
	color: #585858;
	padding: 24px 24px 24px 32px;
}
.bankda ul ul{
	list-style: disc;
}
.bankda._check_list,
.bankda._order_list{
	display: none;
}
.bankda._check_list.active,
.bankda._order_list.active{
	display: block;
}
.modal_deposit_confirmation_manually .modal-dialog{
	width: 800px;
}
.modal_deposit_confirmation_manually .modal-header{
	border-bottom: 1px solid #eee;
}
.modal_deposit_confirmation_manually .panel-group .panel-default a:not(.collapsed) .panel-heading{
	background-color: #fff;
}
.modal-bankda-header{
	background: #fafafa;
	padding: 21px 0;
}
.modal-bankda-header .progress-list .text-gray-light .circled{
	background: #bdbdbd;
}
.modal-bankda-header .progress-list .circled,
.modal-bankda-header .progress-list .text-gray-light .circled.border-gray-light{
	vertical-align: middle;
	display: inline-block;
	width: 32px;
	height: 32px;
	line-height: 31px;
	border-radius: 50%;
	text-align: center;
	margin-right: 8px;
	background: #fff;
}
.modal-bankda-header .progress-list{
	font-weight: 600;
}
.modal-bankda-header > div span.solid{
	background: #bdbdbd;
}
.modal-bankda-header span.border-primary{
	border: 1px solid #1A6Dff;
}
.modal-bankda-header .text-gray-light{
	color: #bdbdbd;
}
.modal-bankda-header span.border-gray-light{
	border: 1px solid #bdbdbd;
}
.modal-bankda-header span i.bt-check{
	color: #fff;
	font-weight: bold;
}
.modal-bankda-header i.icon-arrow-right{
	padding: 0 24px;
	line-height: 32px;
	color: #999;
}
.modal-bankda-header .progress-list{
	width: 338px;
	margin: 0 auto;
}
.modal-bankda-header .progress-list{
	line-height: 32px;
}
.modal-bankda-header .selected-list.active{
	display: block;
}
.modal-bankda-header .selected-list .panel-default{
	margin-top: 24px;
	padding: 0 24px;
	border: 0;
}
.modal-bankda-header .selected-list .panel-heading{
	background: #fff;
	border: 1px solid #eee;
}
.modal-bankda-header.bankda .selected-list .match-table{
	border: 1px solid #eee
}
.modal-bankda-header.bankda .selected-list .d-grid-5{
	grid-template-columns: repeat(4, 1fr) auto!important;
	border-color: #eee
}
.modal-bankda-header.bankda .selected-list .d-grid-5 div:last-child{
	padding: 8px 24px;
}
.modal-bankda-header.bankda .selected-list .d-grid-5.sticky-head div:last-child{
	padding: 8px 34px
}
.modal-bankda-header.bankda .panel-body{
	padding: 0;
}
.modal-bankda-header.bankda .d-grid:not(.sticky-head){
	background: #fff;
}
.modal-bankda-header .panel-collapse{
	margin-top: -1px;
}
.modal-bankda-header .subtract-icon{
	display: inline-block;

	line-height: 18px;
	cursor: pointer;
}
.modal-bankda-header .subtract-icon img{
	width: 18px;
	height: 18px;
}
.modal-body.bankda{
	margin-bottom: 0;
}
.modal-body.bankda .text-center{
	text-align: center!important;
}
.modal-body.bankda .list{
	padding: 32px;
}
.modal-body.bankda .list .form-group{
	margin-bottom: 0;
}
.modal-body.bankda .list .form-control{
	font-size: 13px;
}
.modal-body.bankda .list .col-md-6{
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}
.modal-body.bankda .list .col-md-6 > *{
	padding: 0;
}
.modal-body.bankda .check > .d-flex{
	justify-content: space-between;
	align-items: center;
	margin: 24px 0 20px;
}
.modal-body.bankda .check .d-flex p.text-left{
	margin-bottom: 0;
}
.modal-bankda-header.bankda{
	margin-bottom: 0;
}
.modal-bankda-header.bankda .d-grid div,
.modal-body.bankda .d-grid div{
	line-height: 1.42857143;
}
.modal-bankda-header.bankda .d-grid.d-grid-5{
	grid-template-columns: repeat(5,1fr);
	text-align: center;
}
.modal-body.bankda .d-grid.d-grid-5{
	grid-template-columns: auto repeat(4,1fr);
	text-align: center;
}
.modal-body.bankda .d-grid.d-grid-6{
	grid-template-columns: auto repeat(5,1fr);
	text-align: center!important;
}
.modal-body.bankda .d-grid.d-grid-6 div{
	text-align: center!important;
}
.modal-body.bankda .d-grid.d-grid-6 div:nth-child(4){
	text-align: right!important;
	font-weight: normal;
}
.modal-body.bankda .d-grid.d-grid-5 div:nth-child(3){
	text-align: right;
}
.modal-body.bankda .check .checkbox.solid{
	background: #fafafa;
}
.modal-body.bankda .checkbox{
	text-align: right;
	position: sticky;
	left: 0;
}
.modal-body.bankda .check .checkbox{
	background: #fff;
}
.modal-footer.bankda{
	padding: 36px 24px 24px;
	margin-bottom: 0;
}
.modal-footer.bankda .d-flex{
	justify-content: flex-end;
	margin-bottom: 0;
}
.deposit_order_list_sort,
.bankda_list_sort{
	width: 144px;
}
.modal_alert_responsive span{
	max-width: 350px;
	word-break: break-all;
}
.pg_detail_wrap h2 {
	line-height: 1.321;
	margin: 0 0 32px;
}
.pg_detail_wrap h3 {
	line-height: 1.455;
	margin: 24px 0;
}
.pg_event_wrap {
	display: table;
	width: 100%;
}
.pg_event_wrap > div {
	width: 65%;
	display: table-cell;
	vertical-align: middle;
}
.pg_event_wrap > div:first-child {
	padding: 60px 24px 50px 80px;
	background: #fff;
	border: 2px solid #0052A9;
	border-right: 0;
}
.pg_event_wrap > div:last-child {
	width: 45%;
	background-image: url("../../../images/site/pg_promotion_new.png");
	background-repeat: no-repeat;
	background-color: #0052A9;
	background-size: cover;
}
.pg_event_wrap > div:last-child strike {
	font-size: 20px;
}
.pg_event_wrap > div:last-child .price {
	font-size: 36px;
}
.pg_event_wrap > div:last-child .btn {
	background: #fff;
	margin-top: 32px;
}
.pg_contents:after {
	content: '추천';
	left: 18px;
	top: 24px;
	position: absolute;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.pg_contents:before {
	content: '';
	width: 0;
	height: 0;
	border-bottom: 110px solid transparent;
	border-left: 110px solid red;
	position: absolute;
	left: 0;
	top: 0;
}
.pg_event_wrap.nicepay .pg_contents:before {
	border-left-color: #0052A9;
}
.pg_event_wrap.nicepay .btn {
	background: #0052A9;
}
.pg_event_wrap.nicepay > div:first-child {
	border-color: #0052A9;
}
.pg_event_wrap.nicepay > div:last-child .btn {
	color: #0052A9;
}
.pg_event_wrap.nicepay > div:last-child {
	background-color: #0052A9;
}
.pg_event_wrap.kicc .pg_contents:before {
	border-left-color: #2abdca;
}
.pg_event_wrap.kicc .btn {
	background: #2abdca;
}
.pg_event_wrap.kicc > div:first-child {
	border-color: #2abdca;
}
.pg_event_wrap.kicc > div:last-child .btn {
	color: #2abdca;
}
.pg_event_wrap.kicc > div:last-child {
	background-color: #2abdca;
}
.pg_event_wrap.kcp .pg_contents:before {
	border-left-color: #007AA8;
}
.pg_event_wrap.kcp .btn {
	background: #007AA8;
}
.pg_event_wrap.kcp > div:first-child {
	border-color: #007AA8;
}
.pg_event_wrap.kcp > div:last-child .btn {
	color: #007AA8;
}
.pg_event_wrap.kcp > div:last-child {
	background-color: #007AA8;
}
.pg_event_wrap.inicis .pg_contents:before {
	border-left-color: #4E1B7C;
}
.pg_event_wrap.inicis .btn {
	background: #4E1B7C;
}
.pg_event_wrap.inicis > div:first-child {
	border-color: #4E1B7C;
}
.pg_event_wrap.inicis > div:last-child .btn {
	color: #4E1B7C;
}
.pg_event_wrap.inicis > div:last-child {
	background-color: #4E1B7C;
}
.pg_event_wrap.kcp .kginisis,
.pg_event_wrap.kcp .kicc_easypay,
.pg_event_wrap.kcp .nice_pay {
	display: none;
}
.pg_event_wrap.nicepay .nhnkcp,
.pg_event_wrap.nicepay .kicc_easypay,
.pg_event_wrap.nicepay .kcp {
	display: none;
}
.pg_event_wrap.inicis .nhnkcp,
.pg_event_wrap.inicis .kicc_easypay,
.pg_event_wrap.inicis .nice_pay {
	display: none;
}
.pg_event_wrap.kicc .nhnkcp,
.pg_event_wrap.kicc .kginisis,
.pg_event_wrap.kicc .nice_pay {
	display: none;
}
.step_wrap {
	margin-bottom: 16px;
	overflow: hidden;
}
.step_wrap .step {
	width: 33.33333333%;
	padding: 14px 24px;
	background: #EEF1F5;
}
.step_wrap .step > div {
	position: relative;
	z-index: 1;
}
.step_wrap .step.active {
	color : #fff;
	background: #585858;
}
.step_01:after,
.step_02:after {
	content: "";
	display: block;
	width: 64px;
	height: 64px;
	border-top: 14px solid #fff;
	border-right: 14px solid #ffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 19px;
	top: 4px;
	margin-top: 0;
	z-index: 0;
}
.step.active span {
	content: "";
	display: block;
	width: 90px;
	height: 90px;
	border-top: 38px solid #EEF1F5;
	border-right: 38px solid #EEF1F5;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: -27px;
	top: -9px;
	margin-top: 0;
	z-index: 0;
}
.step_02.active:before {
	content: "";
	display: block;
	width: 90px;
	height: 90px;
	border-top: 38px solid #585858;
	border-right: 38px solid #585858;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: -58px;
	top: -9px;
	margin-top: 0;
	z-index: 0;
}
.step_03.active span {
	border-top: 38px solid #585858;
	border-right: 38px solid #585858;
	right: auto;
	left: -60px;
}
.alert-purple {
	padding: 8px 10px;
	background: rgba(78, 27, 124, 0.1);
	border-radius: 4px;
	font-size: 13px;
}
.alert-purple strong {
	color: #4E1B7D;
	margin-right: 8px;
}
.alert-blue {
	padding: 8px 10px;
	background: rgba(0, 122, 68, 0.1);
	border-radius: 4px;
	font-size: 13px;
}
.alert-blue strong {
	color: #007aa8;
	margin-right: 8px;
}
.alert-danger-box {
	padding: 12px;
	background: #FF5E60;
	text-align: center;
	position: fixed;
	left: 230px;
	top: 50px;
	right: 0;
	font-size: 14px;
}
.alert-danger-box ~ #content {
	padding-top: 94px;
}
.alert-danger-box ~ form #content {
	padding-top: 94px;
}
a[data-toggle="popover"]:focus {
	outline: none;
}
@media (max-width: 1680px) {
	.shop-table.orders table > tbody > tr td .item-thumb {
		max-width: 30px;
	}
	.shop-table table > tbody > tr td .repeat .img_wrap img {
		max-width  : 50px;
	}
	.td-order-img-col {
		width: 66px;
		min-width: 66px;
	}
}
@media (max-width: 1024px){
	.btn_confirm_apply{
		width:45%;
	}
}
@media (max-width: 1279px) {
	.booking-order ul.inline-blocked {
		position: static;
		line-height: 30px;
	}
}
@media (max-width: 992px) {
	.search_form .form_left,
	.search_form .form_right {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.list-array {
		top: 0;
	}
	.owl_dashboard .owl-stage {
		width : 1000px !important;
	}
	.m-margin-bottom-xl {
		margin-bottom: 10px;
	}
	.m-margin-bottom-xxl {
		margin-bottom: 20px;
	}

	.coupon-code .stick-bottom-right {
		position : static;
		margin-top :5px;
	}
}
@media (max-width: 991px) {
	.t-no-margin {
		margin: 0 !important;
	}
	.t-no-padding {
		padding: 0 !important;
	}
	.t-no-padding-x {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.menubar-visible #menubar:after {
		content: '';
		width: 100vw;
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		z-index: -1;
		background: #000;
		opacity: .6;
	}
	.toggle-btn {
		display: none;
	}
	.menubar-visible .toggle-btn {
		top: 0;
		position: fixed;
		left: 230px;
		font-size: 18px;
		border: 0;
		color: #fff;
		padding: 0 15px;
		margin: 0;
		display: block;
		line-height: 50px;
		background: transparent;
		z-index: 1310;
	}
	.pg_detail_wrap h3 {
		font-size: 18px;
	}
	.alert-danger-bg {
		padding: 16px 14px;
	}
	.alert-danger-btns {
		position: static;
		transform: none;
		-moz-transform: none;
		-ms-transform: none;
		margin-top: 8px;
	}
	.step_wrap .step {
		width: 25%;
		padding: 10px 14px;
		height: 60px;

	}
	.step_wrap .step.active {
		width: 50%;
	}
	.step_wrap .step.active .text-13 {
		font-size: 12px;
	}
	.step_wrap .step.active .text-15 {
		font-size: 13px;
	}
	.step_wrap .step:not(.active) > div {
		display: none;
	}
	.step_wrap .step:not(.active) > span {
		display: block;
		position: relative;
		left: 50%;
		margin-left: -25px;
	}
	.step_wrap .step span {
		color: rgba(88, 88, 88, 0.2);
		font-size: 24px;
	}
	.step_wrap .step span em {
		font-style: normal;
	}
	.step_wrap .step.step_03.active span em {
		display: none;
	}
	.pg_event_wrap {
		display: flex;
		flex-direction: column;
	}
	.pg_event_wrap > div {
		width: 100%;
	}
	.pg_event_wrap > div:last-child {
		order: 1;
		width: 100%;
		padding: 70px 14px;
	}
	.pg_event_wrap.inicis > div:first-child {
		order: 2;
		padding: 24px 14px;
		text-align: center;
	}
	.pg_detail_wrap .table > thead > tr > th:first-child,
	.pg_detail_wrap .table > tbody > tr > td:first-child {
		padding-left: 8px;
	}
	.pg_detail_wrap .table > thead > tr > th:last-child,
	.pg_detail_wrap .table > tbody > tr > td:last-child {
		padding-right: 8px;
	}
	.pg_detail_wrap .table,
	.pg_detail_wrap .table thead,
	.pg_detail_wrap .table tbody,
	.pg_detail_wrap .table tr,
	.pg_detail_wrap .table th,
	.pg_detail_wrap .table td,
	.pg_event_wrap.inicis > div:first-child .form-group {
		display: block;
	}
	.pg_event_wrap.inicis > div:first-child .table-cell {
		display: block !important;
		text-align: left;
	}
	.pg_contents:before {
		display: none;
	}
	.pg_event_wrap > div:first-child {
		border-top: 0;
		border-right: 2px solid #0052A9;
	}
	.step_01:after, .step_02:after {
		right: 13px;
		top: -2px;
		border-top: 4px solid #fff;
		border-right: 4px solid #ffff;
	}
	.step_02.active:before {
		left: -55px;
		top: -15px;
	}
	.step.active span {
		right: -34px;
		top: -14px;
	}
	#popoverContainer .popover {
		left: 5.5px !important;
		border-bottom-right-radius: 4px;
	}
	#popoverContainer .popover.top > .arrow,
	#popoverContainer .popover.top > .arrow:after {
		border-right-width: 10px;
		border-top-color: #1A6DFF;
		border-left-width: 0;
		border-left-color: transparent;
		margin-left: 0;
	}
	#popoverContainer .popover.top > .arrow {
		left: 30px !important;
	}
	.section-max-width .right-col,
	.section-max-width .left-col {
		max-width: none !important;
	}
	.section-max-width.payment .flex-box {
		display: block !important;
	}
	.section-max-width.payment .flex-box > div {
		width: 100%;
	}
	.card-button-wrap {
		left: 16px !important;
	}
	.preview_container .width-50 {
		width: 100%;
		padding: 0 !important;
	}
	.preview_holder {
		max-width: inherit;
		max-height: inherit;
	}
	.fixed_db_banner ~ #content {
		padding-top: 50px;
	}
	.right-menu-on {
		padding-right: 15px;
		display: flex;
		display: -ms-flexbox;
		flex-wrap: wrap-reverse;
		-ms-flex-wrap: wrap-reverse;
	}
	.right-menu-on .section-body {
		width: 100%;
	}
	.timeline.collapse-sm {
		left: 0;
	}
	.timeline.collapse-sm:before {
		left: 10px;
	}
	.timeline.collapse-sm li {
		left: 0;
		width: 100%;
	}
	.timeline.collapse-sm .timeline-entry {
		left: 0 !important;
	}
	.timeline.collapse-sm .timeline-entry .card {
		margin-left: 40px !important;
		margin-right: 0;
	}
	.timeline.collapse-sm .timeline-entry .card:after {
		right: auto;
		left: -9px;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.timeline.collapse-sm .timeline-circ {
		left: 10px;
	}
	.prod-title-fixed-top.scroll-to-fixed-fixed {
		position: static !important;
	}
	#phone_tab .inner_step > .col-md-12,#phone_tab > .col-md-12,
	#card_tab .inner_step > .col-md-12,#card_tab > .col-md-12{
		padding-right: 15px;
		padding-left: 15px;
	}
	#phone_use{
		margin-top:0;
	}
	.confirm_section{
		margin-top:40px;
		margin-bottom: 47px;
	}
	.round_icon_wrap{
		margin-top:40px;
		margin-bottom: 16px;
	}
	.confirm_section > .col-md-4:first-child .round_icon_wrap{
		margin-top: 32px;
	}
	.confirm_nav_wrap{
		padding-right:0;
	}
	.btn_confirm{
		padding:0;
	}
	.confirm_nav_wrap .btn_confirm_a{
		width:100%;
		height:50px;
	}
	.confirm_nav_wrap .btn_confirm_a .btn_confirm_txt{
		width:100%;
		text-align: center;
		font-size: 14px;
	}
	.confirm_sm_bg_wrap .btn-primary{
		padding: 9px 12px;
		line-height: 1;
	}
	.ps_list{
		margin-top:8px;
	}
	.confirm_bg_p{
		color: rgba(33,33,33,.6);
		font-size: 15px;
	}
	.confirm_section_h{
		font-size: 18px;
	}
	.confirm_section_p{
		font-size: 14px;
	}
	.inner_table_td{
		font-size: 14px;
	}
	.process_info{
		min-width: auto;
	}
	.modal_goodsflow_delivery_service_contracts:before, .modal_regularly_service_contracts:before {
		display: none;
	}
	.modal_goodsflow_delivery_service_contracts .modal-dialog, .modal_regularly_service_contracts .modal-dialog {
		width: 100%;
		padding: 10px;
		margin: 70px 0 0;
	}
	.sm-flex-direction-column {
		flex-direction: column;
	}
	.bankda.nav-tabs{
		margin-bottom: 12px;
	}
	.bankda .m-block{
		display: block!important;
	}
	.bankda .status h4 strong{
		font-size: 16px;
	}
	.bankda .tilde-wrap{
		padding-right: 8px!important;
		padding-left: 8px!important;
	}
	.bankda-header .card-body{
		padding: 0;
		text-align: center;
	}
	.bankda-header .header-mobile{
		padding: 16px;
		background: #333;
	}
	.bankda-header .header-mobile .description-list{
		color: #fff;
		font-size: 12px;
		text-align: left;
		opacity: 1;
		margin-bottom: 0;
	}
	.bankda-header h1{
		padding-top: 40px;
		font-size: 24px;
		margin-top: 0;
	}
	.bankda-header h1 br{
		display: block;
	}
	.bankda-header h4{
		font-size: 14px;
		margin-bottom: 24px;
	}
	.bankda-visual{
		margin: 45px 0 53px;
	}
	.bankda-visual img{
		max-width: 286px;
	}
	.bankda-header .table-cell .text-primary{
		padding-left: 8px;
	}
	.bankda-header .bar{
		margin-left: 8px;
		display: inline-block;
		background: #b0b5b4;
		width: 1px;
		height: 9px;
	}
	.bankda-btn{
		margin-bottom: 20px;
	}
	.bankda-body .f-col-md-8{
		flex: 100% 0 0;
	}
	.bankda-body .d-grid.d-grid-6{
		grid-template-columns: minmax(120px, 1fr) minmax(150px, 1fr) repeat(2, minmax(120px, 1fr))  repeat(2, minmax(150px, 1fr))
	}
	.bankda-body h2,
	.bankda-body .info h2,
	.bankda-body .banks h2{
		margin: 32px 0 24px;
	}
	.bankda-body h2 strong{
		font-size: 20px;
	}
	.bankda-body._bankda_match .alert .alert-wrap{
		margin-top: 26px;
	}
	.bankda-body .alert-wrap strong img{
		width: 16px;
	}
	.bankda-body .info .d-grid{
		grid-template-columns: 100%;
		border: 1px solid #ddd;
		border-radius: 16px;
		background: #fafafa;
		padding: 16px;
		margin-bottom: 58px;
		position: relative;
	}
	.bankda-body .info .d-grid:last-child{
		margin-bottom: 0;
	}
	.bankda-body .info .grid-gap{
		display: none;
	}
	.bankda-body .info .info-num{
		display: none;
	}
	.bankda-body .info .info-left{
		border: 0;
	}
	.bankda-body .info .info-left:first-child{
		order: 2
	}
	.bankda-body .info .info-left div{
		padding: 16px 0 8px;
	}
	.bankda-body .info .info-right img{
		border-radius: 16px;
		max-width: unset;
	}
	.bankda-body .info .icon-arrow-down{
		display: block;
		position: absolute;
		bottom: -35px;
		left: 50%;
	}
	.bankda-body .info .d-flex{
		margin-bottom: 48px;
	}
	.bankda-body._bankda_info .f-col-md-10{
		flex: 100% 0 0;
	}
	._bankda_info img{
		width: 100%
	}
	.bankda-body .banks{
		margin-bottom: 32px;
	}
	.bankda-body .banks .d-grid{
		grid-template-columns: repeat(3, auto);
		gap: 0;
		width: fit-content;
		margin: 0 auto;
	}
	.bankda-body .banks .f-col-md-10,
	.bankda-body .alert .f-col-md-10{
		flex: 100% 0 0;
	}
	.bankda-body .banks{
		padding-bottom: 0;
	}
	.bankda-body .banks .d-grid{
		width: 100%;
		gap: 13px 0;
	}
	.bankda-body .alert{
		margin-bottom: 0px;
	}
	.bankda-body .alert .alert-wrap{
		padding: 16px;
	}
	.bankda-body._bankda_info .alert .alert-wrap{
		margin-top: 0;
	}
	.bankda-body._bankda_info .alert{
		padding-top: 0;
	}
	.bankda-body._bankda_match .alert-wrap{
		margin-top: 26px;
	}
	.bankda-body.match .card-body.alert{
		padding-bottom: 40px!important;
	}
	.bankda-body .alert-wrap h4 strong{
		font-size: 13px;
	}
	.bankda-body .alert-wrap .description-list li{
		font-size: 12px;
		margin-bottom: 4px;
	}
	.bankda-body a.bank-wrap{
		margin-bottom:0;
		padding: 6px 0;
		display: flex;
		border-radius: unset;
		background: unset;
		border: 0;
		border-bottom: 1px solid #eee;
		justify-content: space-between;
	}
	.bankda-body .status p.text-gray-light{
		margin: 12px 0;
	}
	.bankda.bankda-body .card-body.status{
		padding: 28px 72px!important;
		padding-bottom: 28px!important;
	}
	.bankda .status br{
		display: block;
	}
	.bankda .status h4{
		line-height: 23px;
		margin-top: 0;
		margin-bottom: 12px;
	}
	.bankda .status h4 .im-icon{
		display: block;
		padding-bottom: 12px;
	}
	.bankda-body .status .btn-primary{
		margin-bottom: 0;
	}
	.bankda .col-md-6{
		padding: 0;
	}
	.bankda .list-wrap{
		padding-bottom: 0;
		border-bottom: 1px solid #eee!important;
	}
	.bankda .flex-list{
		margin-bottom: 0;
	}
	.bankda .flex-list.text-left{
		margin-bottom: 26px;
	}
	.bankda .flex-list .f-col-md-5{
		margin-bottom: 32px;
	}
	.bankda .flex-list .f-col-md-1,
	.bankda .flex-list .f-col-md-3,
	.bankda .flex-list .f-col-md-5,
	.bankda .flex-list .f-col-md-9,
	.bankda .flex-list .f-col-md-10{
		padding: 0
	}
	.bankda .flex-list .f-col-md-1,
	.bankda .flex-list .f-col-md-3,
	.bankda .flex-list .f-col-md-5,
	.bankda .flex-list .f-col-md-6,
	.bankda .flex-list .f-col-md-9,
	.bankda .flex-list .f-col-md-10{
		flex: 100% 0 0;
	}
	.bankda .flex-list .text-right{
		text-align: left;
	}
	.bankda-body.match .card-body{
		padding: 16px;
	}
	.bankda .list{
		background: #fff;
		padding: 0px 0 20px;
	}
	.bankda .list .col-md-6{
		display: block;
	}
	.bankda .list .form-group .col-md-6:last-child{
		margin-bottom: 26px;
	}
	.bankda .check p.d-flex{
		justify-content: space-between;
		margin: 8px 0 16px;
	}
	.bankda-body .pagination{
		margin-top: 0;
		margin-bottom: 0;
	}
	.bankda.modal-body .check .d-grid.d-grid-5{
		grid-template-columns: 0.5fr repeat(4, 180px);
	}
	.bankda.modal-body .check .d-grid.d-grid-6{
		grid-template-columns: 0.5fr repeat(5, 180px);
	}
	.bankda.modal-body .input-group .input-group-content.calendar-wrap i.icon-calendar{
		right: 7px!important;
	}
	.bankda.modal-body .input-group .input-group-content.tilde-wrap{
		padding-left: 8px!important;
		padding-right: 8px!important;
	}
	.bankda .match-table .d-grid{
		width: fit-content;
	}
	.modal-bankda-header .subtract-icon img{
		width: 18px!important;
		height: 18px!important;
	}
	.modal_deposit_confirmation_manually .modal-title{
		font-size: 18px;
	}
	.modal-bankda-header.bankda .d-grid.d-grid-5{
		grid-template-columns: repeat(5, 150px)
	}
	.modal-bankda-header .progress-list .circled{
		margin-right: 0!important;
	}
	.modal-bankda-header .progress-list{
		width: 130px;
	}
	.modal-bankda-header i.icon-arrow-right{
		padding: 0 17px;
	}
	.modal-bankda-header.bankda .selected-list .d-grid-5{
		grid-template-columns: repeat(4, 180px) 80px!important;
	}
	.modal-body.bankda{
		padding: 8px 16px 16px;
	}
	.modal-body.bankda .input-group-content.calendar-wrap .icon-calendar{
		right: 0;
	}
	.modal-body.bankda nav.text-center{
		padding: 16px 0;
	}
	.modal-body.bankda .pagination{
		margin: 0;
	}
	.modal-body.bankda .list{
		padding: 6px 0 0 0;
	}
	.modal-body.bankda .list .col-md-6{
		display: block;
		margin-bottom: 30px;
	}
	.modal-body.bankda .check .d-flex{
		margin: 40px 0 16px;
	}
	.modal-footer.bankda{
		padding-top: 8px;
	}
	.modal-footer.bankda .d-flex button{
		border: 0;
		background-color: unset;
	}
	.deposit_order_list_sort,
	.bankda_list_sort{
		width: 156px;
		font-size: 13px;
	}
}
@media (max-width: 768px) {
	.calendar-body td.today:before {
		left: 17px;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.m-no-padding {
		padding: 0 !important;
	}
	.m-no-margin {
		margin: 0 !important;
	}
	.m-padding-16 {
		padding: 16px !important
	}
	.calendar-row th,
	.calendar-row td {
		min-width: 60px;
	}
	.list-form .medium-padding {
		padding: 16px !important;
	}
	.mobile-margin-bottom {
		margin-bottom: 10px;
	}
	.pg-order {
		display: none;
	}
	.booking-order ul.inline-blocked {
		position : static;
		display: block;
	}
	.pg-list {
		float:none;
		width:100%;
	}
	.adult-setting .pg-list:first-child,
	.adult-setting .pg-list {
		float:none;
		width:100%;
	}
	.fr-sticky-box .fr-element {
		padding-top:  40px !important;
	}
	.modal {
		right:0;
	}
	.modal.in .modal-dialog {
		width: 100%;
		padding: 10px;
		margin: 14px 0 0;
		max-width: 100%;
	}
	.global_setting {
		left: 50px;
		z-index: 1014;
	}
	.table-btn-group .btn-group-left {
		display: table;
		width: 100%;
		margin-bottom: 5px;
	}
	.table-btn-group .btn-group-left > .btn {
		display: table-cell;
		width: 1%;
		padding: 5px 0;
		margin-right: 0;
		border-radius: 0;
	}
	.table-btn-group .btn-group-left > .btn:first-child {
		margin-left: 0;
	}
	.table-btn-group .btn-group-left .btn+.btn {
		margin-left: -1px;
	}
	.btn-group-left > .btn:first-child:not(:last-child) {
		border-top-left-radius: 2px;
		border-bottom-left-radius: 2px;
	}
	.btn-group-left > .btn:last-child:not(:first-child) {
		border-top-right-radius: 2px;
		border-bottom-right-radius: 2px;
	}
	.table-btn-group .btn-group-right .blocked-xs input {
		height: 36px !important;
	}
	.table-btn-group .btn-group-right .blocked-xs .dd-filter-serach .icon_set.shop {
		margin-top: -11px;
	}
	.table-btn-group .btn-group-right .order_tools,
	.univ-btn-tool {
		display: none;
	}
	.table-btn-group .btn-group-right .excel_down_btn {
		width: 100%;
		margin-top: 5px;
	}
	.table-btn-group .btn-group-right .excel_down_btn > a {
		width: 100%;
	}
	.order_paging {
		padding: 20px 0;
	}
	.table-responsive.shop-table.orders {
		overflow-y: unset;
		overflow-x: auto;
	}
	#menu_alert ~ .row .table-responsive-order-list,
	.shop-table .table-responsive-order-list {
		max-height: 100%;
	}

	.table-btn-group .btn-group-left,
	.table-btn-group .btn-group-right {
		float: none;
		text-align: left;
	}
	.blocked-xs {
		display: block !important;
	}
	.coupon_add_form .input-group-content[style^="display: none;"]{
		display: none !important;
	}
	.board_thumb {
		width: 60px !important;
		height: 60px !important;
    overflow: hidden;
	}
	.board_sub_thumb {
		display: none;
	}
	#review_list .more-btn-tools {
		right: -10px;
	}
	.m-blocked {
		display: block;
		margin-left:0 !important;
		padding-left: 0 !important;
		padding-top: 0 !important;
	}
	.eximbay_table,
	.bank_table {
		width: 700px;
	}

	.list_middle {
		min-height: auto;
	}
	.list_cate {
		margin-bottom: 24px;
	}
	.modal_admin_order_excel_download .wrap-handle .drag {
		opacity: 0;
	}
	.row_margin_xxxl{
		margin-right: -16px;
		margin-left:-16px;
	}
	.mobile_width_full{
		width: 100%;
		padding: 0 !important;
	}
	.mobile_width_full.text-right{
		text-align: left;
	}
	.mobile_absolute_top_right{
		position: absolute;
		top: 17px;
		right: 0;
	}
	.mobile_medium_padding{
		padding: 15px;
	}
	.mobile_style{
		color: #212121 !important;
		font-size: 13px !important;
		margin-top: 4px !important;
	}
	.mobile_style .text-gray{
		color: #212121 !important;
	}
	.card-body.pg-style {
		text-align: left;
		padding-top: 40px;
		background: url(../../../images/site/admin_pg_background_m.jpg) no-repeat center center;
		background-size: cover;
		background-color: #00498F;
	}
	.card-body.xlarge-padding {
		padding: 40px 20px;
	}
	.pg-btn-group .inline-blocked:first-child {
		display: block;
		margin-bottom: 10px;
	}
	.pg-btn-group .btn {
		padding: 7px 5px;
		min-width: 110px;
		font-size: 12px !important;
	}
	.hidden-xs-margin {
		margin: 0 !important;
	}
	.text-28 {
		font-size: 24px;
	}
	.consulting_banner .owl-stage-outer {
		height: 80px;
	}
	.consulting_banner .banner_wrap {
		height : 80px;
	}
	.consulting_banner .banner_wrap a {
		display     : inline-block;
		line-height : 66px;
	}
	.consulting_banner .banner_wrap h1 {
		font-size      : 15px;
		vertical-align : middle;
	}
	.consulting_banner .banner_wrap .sm_text, .consulting_banner .banner_wrap.naver a h1 > div {
		font-size: 13px;
	}
	.consulting_banner .owl-controls .owl-nav {
		display: none !important;
	}
	.consulting_banner .owl-controls .owl-dots {
		display : block !important;
		bottom  : 0;
	}
	.consulting_banner .owl-dots .owl-dot span {
		margin : 5px 3px;
		border : 1px solid #fff;
	}
	.consulting_banner .owl-dots .owl-dot.active span, .consulting_banner .owl-dots .owl-dot:hover span {
		background   : #fff;
		border-color : #fff;
	}
	.consulting_banner .close_btn {
		font-size: 15px;
		top: 50%;
		right: 20px;
		margin-top: -11.5px;
	}
	.form-wizard.form-wizard-horizontal .form-wizard-nav .progress {
		display: none;
	}
	.dashboard_tutorial {
		padding-right: 10px;
	}
	.dashboard_tutorial .ma-item {
		height: 414px;
	}
	.dashboard_tutorial .skip {
		bottom: 36px;
	}
	.dashboard_tutorial .owl-dots {
		position: absolute;
		z-index: 20;
		bottom: 16px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		text-align: center;
	}
	.dashboard_tutorial .owl-dots .owl-dot {
		display: inline-block;
		zoom: 1;
	}
	.dashboard_tutorial .owl-dots .owl-dot span {
		display: block;
		width: 10px;
		height: 10px;
		margin: 5px 5px;
		border-color: #888888;
		border-radius: 30px;
		border-width: 1px;
		border-style: solid;
	}
	.dashboard_tutorial .owl-dots .owl-dot.active span {
		background: #888888;
	}
	.tutorial_guide {
		width: 100%;
	}
	.tutorial_guide #tutorial_trackpad {
		display: none;
	}
	.tutorial_guide .right_area {
		width: 100%;
	}
	.coupon-list-wrap .nav-tabs{
		min-width: 350px;
		margin-bottom: 12px;
	}
	.coupon-list-wrap .sticky-head{
		position: sticky;
		left: 0;
		background: #fff;
	}
	.coupon_add_form .m-block{
		display: block;
	}
	.coupon_add_form ._sale_wrap.m-block .input-group-content{
		display: inline-block;
		margin-top: 8px;
	}
	.coupon_add_form ._sale_wrap.m-block .input-group-content:first-child{
		width: 128px!important;
	}
	.coupon_add_form ._sale_wrap.m-block .input-group-content:last-child{
		width: 88px!important;
	}
	.coupon_add_form ._product_list{
		padding-right: 0;
	}
	.input-group.input-group-padding .input-group-content.calendar-wrap{
		min-width: 140px;
	}
	.issue-list .d-grid.d-grid-6{
		grid-template-columns: 300px repeat(3, minmax(100px, 1fr)) minmax(120px, 1fr) minmax(100px, 1fr);
	}
	.issue-list .d-grid.d-grid-7{
		grid-template-columns: 150px 300px repeat(3, minmax(100px, 1fr)) minmax(120px, 1fr) minmax(100px, 1fr);
	}
	.margin-bottom-40.sm{
		margin-bottom: 40px;
	}
	.padding-top-10.sm{
		padding-top: 10px;
	}
	.sidebar-mini.menubar-pin #base {
		padding-left: 0px;
	}
}
/* dashboard tutorial end */
.sd-archivo {
	font-family: 'SD Archivo';
}
.board_thumb.dash-board-thumb {
  width: 196px;
}