.error_prefix {margin-top: 0.5rem; font-size: 0.675rem;line-height: 1.2; color:var(--bs-form-invalid-border-color);}
.content-html {max-width: 1024px;}
.content-tit {font-size: 24px;line-height: 36px;text-align: center; margin-bottom: 36px;}
.content-body {font-size: 14px;line-height: 24px;}
.content-body.pre {white-space:pre-wrap;}

.jconfirm-box {max-width:1440px;}


.alarm_list-wrap {position: fixed; bottom:100px;right:30px;}
.alarm_list-wrap *,
.alarm_list-wrap *:after,
.alarm_list-wrap *:before {box-sizing:border-box;}
.alarm_list-wrap h3 {position: absolute; top:-9999px;left:-9999px}
.alarm_list-wrap .type-alarm {position: relative;}
.alarm_list-wrap .type-alarm + .type-alarm {margin-top: 8px;}
.alarm_list-wrap .type-alarm a {display: block;width: 60px;height: 60px;border-radius: 4px;background: #fff; border: 1px solid #e7e7e7; line-height: 20px;text-align: center; font-size: 12px; padding: 6px 5px; color: #333; box-shadow:0 0 5px rgba(0,0,0,0.1); text-decoration: none;}
.alarm_list-wrap .type-alarm b {display: block; position: relative; z-index: 5;}
.alarm_list-wrap .type-alarm span {display: inline-block; background: #E64D67; color: #fff;  border-radius: 24px; line-height: 24px; padding: 0 4px;min-width:16px; text-align: center; font-size: 12px; min-width:24px; margin-top: 2px; position: relative; z-index: 5; font-weight: bold;}
.alarm_list-wrap .type-request {}



.glow-on:before {
content: '';
background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
position: absolute;
top: -2px;
left:-2px;
background-size: 400%;
z-index: -1;
filter: blur(5px);
width: calc(100% + 4px);
height: calc(100% + 4px);
animation: glowing 20s linear;
opacity: 1;
transition: opacity .3s ease-in-out;
border-radius: 4px;
}

.glow-on:active {
color: #000
}

.glow-on:active:after {
background: transparent;
} 
.glow-on:after {
z-index: -1;
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
left: 0;
top: 0;
border-radius: 4px;
}

@keyframes glowing {
0% { background-position: 0 0; }
50% { background-position: 400% 0; }
100% { background-position: 0 0; }
}

.paging .page-item {display:flex; }
.paging .page-item b {padding: 0 6px;}
.paging .page-item.next .page-link,
.paging .page-item.last .page-link,
.paging .page-item.first .page-link,
.paging .page-item.prev .page-link {padding: 0.375rem 0.5rem;}

section.datatables .table-responsive .dataTables_wrapper .dataTables_paginate .paginate_button {padding: 0;border: 0;}
section.datatables div.dataTables_wrapper div.dataTables_paginate {margin-top: 1rem;}
section.datatables div.dataTables_wrapper div.dataTables_length select {padding-right: 38px; background-position: right 8px center;}
section.datatables .dataTables_length {margin: 15px 0 0 ;}
.joining_daterange {min-width:20% !important}
div.dataTables_processing {z-index: 100;}
div.dataTables_processing>div:last-child>div {
background: rgb(13 110 253);
}
select.select2 {padding-right: 3rem;}


.form-control::placeholder {
opacity: 0.5
}



.dropzone .dz-preview .dz-image {width: 80px;height: 80px;}
.dropzone .dz-preview .dz-remove {width: 100%;word-break:break-all;}
.dropzone .dz-preview {margin: 5px;}
.dropzone .dz-preview .dz-details {font-size: 11px;padding: 1em 0.5em;line-height: 1.25;}
.dropzone .dz-preview .dz-details .dz-size {font-size: 12px;}
.dropzone .dz-preview .dz-details .dz-filename {width: 100%;overflow: hidden;
text-overflow: ellipsis;}

.dropzone-preview {padding: 10px; display:flex; flex-wrap:wrap;}
.dropzone-preview .dz_item-box:first-child::after {content:"대표이미지"; position: absolute; bottom:0;left:0;right:0;padding: 4px;text-align: center;font-size: 12px;color: #fff;line-height: 20px; background: rgba(0,0,0,0.5);}
.dz_item-box {width: 160px;margin: 10px;position: relative;}
.dz_item-box .dz_item {position: relative; border-radius: 8px; border: 1px solid #999;}
.dz_item-box .dz_preview {width: 100%;overflow: hidden;border-radius: 8px; }
.dz_item-box .dz_preview img {max-width: 100%;max-height: 100%;}
.dz_item-box .btn_remove_box {position: absolute; top:-12px;right:-12px;z-index: 5;}
.dz_item-box .btn_remove_box a {width: 32px;height: 32px;z-index: 5;}

.form-text-box {
padding-top: calc(8px + var(--bs-border-width));
padding-bottom: calc(8px + var(--bs-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}

.img_preview {max-width:100%;}
.data-table th {background: #f7f9ff !important;width: 150px;}
.img_preview-box {position: relative;height: 100%;}
.img_preview-item {position: absolute; top:0;left:0;right:0;bottom:0;}
.img_preview-item img {object-fit:cover;width: 100%;height: 100%;}
.img_preview-wrap {height: 100%;}




.layer-popup {display: none;font-size: 0;line-height: 0; text-align: center;position: fixed; top:0;left:0;right:0;bottom:0; z-index: 2101;}
.layer-popup:before {content:""; display: inline-block; vertical-align: middle; height: 100%; width: 1px;}
.layer-popup.open {display: block;}
.layer-popup .lp-dimmed {position: fixed; top:0;left:0;right:0;bottom:0; z-index: 2100; background: rgba(0,0,0,0.8);}
.layer-popup .lp-content {display: inline-block; vertical-align: middle; position: relative; z-index: 2102; min-width:480px; font-size: 15px;line-height: 1.42; background: #fff;border-radius: 8px;padding: 25px;}
.layer-popup .btn-close {position: absolute; top:12px;right:12px;font-size: 24px;}
.layer-popup .btn-close span {width: 0;height: 0;overflow: hidden;position: absolute;}

.app_user_grade {padding: 18px 0;}
.app_user_grade .grade {position: relative;display: inline-block;vertical-align: middle;}
.app_user_grade .grade + .grade {margin-left: 20px;}
.app_user_grade .grade span {display: block; font-size: 80px;line-height: 1;}
.app_user_grade .grade input {opacity:0;width: 100%;height: 100%;position: absolute; top:0;left:0;}
.app_user_grade .grade input:checked ~ span {color: #E64D67}



		.alarm_list-wrap {position: fixed; bottom:100px;right:30px;z-index: 100;}
		.alarm_list-wrap *,
		.alarm_list-wrap *:after,
		.alarm_list-wrap *:before {box-sizing:border-box;}
		.alarm_list-wrap h3 {position: absolute; top:-9999px;left:-9999px}
		.alarm_list-wrap .type-alarm {position: relative;}
		.alarm_list-wrap .type-alarm + .type-alarm {margin-top: 8px;}
		.alarm_list-wrap .type-alarm a {display: block;width: 60px;height: 60px;border-radius: 4px;background: #fff; border: 1px solid #e7e7e7; line-height: 20px;text-align: center; font-size: 12px; padding: 6px 5px; color: #333; box-shadow:0 0 5px rgba(0,0,0,0.1); text-decoration: none;}
		.alarm_list-wrap .type-alarm b {display: block; position: relative; z-index: 5;}
		.alarm_list-wrap .type-alarm span {display: inline-block; background: #E64D67; color: #fff;  border-radius: 24px; line-height: 24px; padding: 0 4px;min-width:16px; text-align: center; font-size: 12px; min-width:24px; margin-top: 2px; position: relative; z-index: 5; font-weight: bold;}
		.alarm_list-wrap .type-request {}

 

		.glow-on:before {
			content: '';
			background: linear-gradient(45deg, #ff0000, #ff7300, #fffb00, #48ff00, #00ffd5, #002bff, #7a00ff, #ff00c8, #ff0000);
			position: absolute;
			top: -2px;
			left:-2px;
			background-size: 400%;
			z-index: -1;
			filter: blur(5px);
			width: calc(100% + 4px);
			height: calc(100% + 4px);
			animation: glowing 20s linear;
			opacity: 1;
			transition: opacity .3s ease-in-out;
			border-radius: 4px;
		}

		.glow-on:active {
			color: #000
		}

		.glow-on:active:after {
			background: transparent;
		} 
		.glow-on:after {
			z-index: -1;
			content: '';
			position: absolute;
			width: 100%;
			height: 100%;
			background: #fff;
			left: 0;
			top: 0;
			border-radius: 4px;
		}

		@keyframes glowing {
			0% { background-position: 0 0; }
			50% { background-position: 400% 0; }
			100% { background-position: 0 0; }
		}

  .content-page .content {
    min-height: calc(100vh - 80px);
    }


.container-fluid {
	max-width: 1440px !important;
	padding: 0;
}
.ta-r {text-align: right;}
.prod-card-item {display:flex; align-items:center; border: 1px solid #cfcfcf; padding: 10px; border-radius: 4px; position: relative;margin: 5px 0;}
.prod-card-item .prod-link  {position: absolute; top:0;left:0; z-index: 1;overflow: hidden;text-align: left;text-indent: -9999px;width: 100%;height: 100%;}
.prod-card-item .prod-check {position: absolute; top:5px;left:5px; z-index: 5;overflow: hidden;}
.prod-card-item .prod-check span {
	display: block;
    background-color: #fff;
    border-radius: 3px;
    border: 2px solid #dee2e6;
    height: 18px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 18px;
    outline: 0!important;
}
.prod-card-item .prod-check input{ position: absolute; top:0;left:0;width: 200%;height: 200%;opacity:0;z-index: 2;}
.prod-card-item .prod-check input:checked ~ span {
	background-color: #458bc4;
    border-color: #458bc4;
}
.prod-card-item .prod-check input:checked ~ span::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 7px;
    display: table;
    width: 4px;
    height: 8px;
    border: 2px solid #fff;
	color: #fff;
    border-top-width: 0;
    border-left-width: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.prod-card-item .prod-img {border-radius: 8px;overflow: hidden;width: 120px; flex:0 0 120px;}
.prod-card-item .prod-img img {width: 100%;display: block;}
.prod-card-item .prod-desc {margin-left: 20px;width: calc(100% - 140px);}
.prod-card-item .prod-desc .prod-where,
.prod-card-item .prod-desc .prod-brand,
.prod-card-item .prod-desc .prod-name,
.prod-card-item .prod-desc .prod-price,
.prod-card-item .prod-desc .prod-keyword {margin-top: 5px; font-size: 14px;line-height: 20px;}
.prod-card-item .prod-desc .prod-keyword,
.prod-card-item .prod-desc .prod-name {max-height:20px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

.prod-card-item .prod-desc .prod-price s {margin-right: 10px;}
.prod-card-item .prod-status .btn-sm {font-size: 0.6rem;line-height: 1.25;}
.ctrl-group-part {padding: 0 12px;}
.ctrl-group-part {padding: 0 12px;}
.ctrl-group {margin-top: 10px;display:flex;justify-content: space-between; align-items:center}
@media (max-width: 767.98px) {
	.content-page, .enlarged .content-page {
		margin-left: 0!important;
		padding: 0;
	}
}

.container-fluid {
	max-width: 1440px !important;
}

.switchery-line {
	padding-top: calc(0.15rem + 1px);
	padding-bottom: calc(0.15rem + 1px);
}

.switchery-line span {
	display: inline-block;
	vertical-align: middle;
	font-size: 1rem;
	color: #999;
}

.alarm_list-wrap {
	display: none;
}

.ta-r {
	text-align: right;
}

#att_zone {
	width: 100%;
	min-height: 150px;
	padding: 10px;
	border: 1px dotted #00f;
}

#att_zone:empty:before {
	content: attr(data-placeholder);
	color: #999;
	font-size: .9em;
}

.image_preview {}

.image_preview .file_img {}

.image_preview .att_zone {
	display: flex;
	flex-wrap: wrap;
}

.image_preview .att_zone .file_img {
	max-width: 33.33333%;
	width: 150px;
	height: 150px;
	padding: 5px;
	position: relative;
}

.image_preview .att_zone .file_img img {
	width: 100%;
	height: 100%;
}

.image_preview .att_zone .file_img button {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 2;
	background: #fff;
	padding: 0;
}
 

.jconfirm .jconfirm-box div.jconfirm-title-c {font-size: 18px;}
.table-md>:not(caption)>*>* {
    padding: .50rem .50rem
}
.reserv-card > .row {margin: 0 !important;}
.reserv-card .table th {background: #f7f9ff;}
.reserv-card .table tbody th {white-space:nowrap; background: #f7f9ff;}
.card-imgarea img {max-width:100%;}


div.paging {text-align: center;margin-top: 30px;}
div.paging .pagination {display: inline-block;vertical-align: top;}
div.paging .pagination li {display: inline-block;vertical-align: top;margin: 0 4px;}
div.paging .pagination li a {display: inline-block;min-width:24px;height: 24px;border: 1px solid #e7e7e7; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 14px; line-height: 20px;text-decoration: none;}
div.paging .pagination li b {display: inline-block; margin-right: 8px;}
div.paging .pagination li.active a {font-weight: bold;background: #f7f7f7;}
/*
table.dataTable th.wrap, table.dataTable td.wrap {
  white-space:normal;
}
*/

.data_text {
  width: 240px;white-space:normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; 
}
.sidebar-link .order_cnt {
  position: absolute; top:-3px; right:-3px;
  padding: 0 6px;
  text-align: center;
  font-size: 12px;color: #763ebd;background:#f7f9ff;
  line-height: 20px;
  min-width:20px;
  border-radius:50%;
  font-weight: bold;
}

.sidebar-nav ul .sidebar-item .first-level .sidebar-item .sidebar-link.active {font-weight: bold;}


.order_cnt_box {position: relative;}
.order_cnt_link {position: absolute; top:0;left:0;right:0;bottom:0;z-index: 10;text-indent: -9999px;}


.datatables .form-check-input {width: 1.6em;height: 1.6em;}

.datatables input[type=checkbox] {
    --bs-form-check-bg: transparent;
    width: 1.5em;
    height: 1.5em;
    margin-top: .0935em;
    vertical-align: top;
    background-color: var(--bs-form-check-bg);
    background-image: var(--bs-form-check-bg-image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1.25px solid #dfe5ef;
    appearance: none;
    print-color-adjust: exact
}

.datatables input[type=checkbox] {
    border-radius: .25em
}

.datatables input[type=radio] {
    border-radius: 50%
}

.datatables input[type=checkbox]:active {
    filter: brightness(90%)
}

.datatables input[type=checkbox]:focus {
    border-color: #bb9fde;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(118,62,189,.25)
}

.datatables input[type=checkbox]:checked {
    background-color: #763ebd;
    border-color: #763ebd
}

.datatables input:checked[type=checkbox] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.datatables input:checked[type=radio] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.datatables input[type=checkbox]:indeterminate {
    background-color: #763ebd;
    border-color: #763ebd;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.datatables input[type=checkbox]:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.datatables input[type=checkbox]:disabled~.form-check-label,.datatables input[type=checkbox][disabled]~.form-check-label {
    cursor: default;
    opacity: .5
}