@charset "utf-8";
/* @import url("../fonts/pretendard-subset.css"); */

/* Updated 2024.08.13 */
:root {
	--bs-blue: #3577f1;
	--bs-indigo: #0033a1;
	--bs-purple: #552bb6;
	--bs-pink: #ce2f92;
	--bs-red: #ef2b49;
	--bs-orange: #ff7519;
	--bs-yellow: #ffc107;
	--bs-green: #00b34a;
	--bs-teal: #008086;
	--bs-cyan: #22bbbb;

	--bs-white: #fff;
	--bs-gray: #676d73;
	--bs-gray-dark: #35383b;
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e5e7e8;
	--bs-gray-300: #cdcfd1;
	--bs-gray-400: #adb0b3;
	--bs-gray-500: #9b9fa3;
	--bs-gray-600: #676d73;
	--bs-gray-700: #52575c;
	--bs-gray-800: #35383b;
	--bs-gray-900: #212529;

	--bs-primary: #000;
	--bs-secondary: #676d73;
	--bs-success: #00b34a;
	--bs-info: #22bbbb;
	--bs-warning: #ffc107;
	--bs-danger: #ef2b49;
	--bs-light: #f8f9fa;
	--bs-dark: #35383b;

	--bs-primary-rgb: 0, 0, 0;
	--bs-secondary-rgb: 103, 109, 115;
	--bs-success-rgb: 0, 179, 74;
	--bs-info-rgb: 34, 187, 187;
	--bs-warning-rgb: 255, 193, 7;
	--bs-danger-rgb: 239, 43, 73;
	--bs-light-rgb: 248, 249, 250;
	--bs-dark-rgb: 53, 56, 59;
	--bs-white-rgb: 255, 255, 255;
	--bs-black-rgb: 0, 0, 0;

	--bs-body-color-rgb: 82, 87, 92;
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-font-sans-serif: 'Roboto', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
	--bs-font-monospace: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, Roboto, "Spoqa Han Sans Neo", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
	--bs-body-font-size: 1rem;
	--bs-body-font-weight: 400;
	--bs-body-line-height: 1;
	--bs-body-color: #52575c;
	--bs-body-bg: #fff;
}

*,
*::before,
*::after {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box
}

html, body{
	margin:0;
	padding:0;
	height: 100%;
	-webkit-font-smoothing: antialiased; /* Support for all WebKit browsers. */
	-moz-osx-font-smoothing: grayscale; /* Firefox */
	-webkit-text-size-adjust : none;
	-ms-text-size-adjust : none;  /* IE */
	-moz-text-size-adjust : none;
	-o-text-size-adjust : none;  /* Old version of Opera */
	text-size-adjust: none;
}
body {
	position: relative;
	overflow-x: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

p {margin-bottom: 0;}

/* a {text-decoration: unset; color: currentColor;}
a:hover {color: #00b34a;} */
a, a:hover {text-decoration: none; color: inherit;}

ol, ul {margin: 0; padding: 0;}
mark {all: unset;}

.material-icons,
.material-icons-outlined,
.material-icons-round {vertical-align: top; font-size: 16px; line-height: inherit;}

#page-content-wrapper {
	width: 100%;
	min-height: 100vh !important;
	background: #f8f9fa;
}

#page-content-wrapper .container-fluid {
	padding: 0 24px 24px;
}

.contents {
	position: relative;
	display: block;
	box-sizing: border-box;
	min-height: calc(100vh - 198px);
	margin-top: 24px;
	padding: 40px 24px;
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04);
	background-color: #fff;
}

@media (max-width:991.98px) {
	#page-content-wrapper .container-fluid {
		padding: 0 16px 16px;
	}

	.contents {
		margin-top: 16px;
		padding: 20px 16px;
		min-height: calc(100vh - 169px);
	}
}

/*SIDEBAR*/
#sidebar {
	position: relative;
	width: 264px;
	min-width: 264px;
	max-width: 264px;
	min-height: 100vh;
	padding-top: 30px;
	background: #000;
}

#sidebar.collapse:not(.show) {
	display: block;
	margin-left: -264px;
	transition: margin-left 0.35s ease-in-out, left 0.35s ease-in-out, margin-right 0.35s ease-in-out, right 0.35s ease-in-out;
	direction: ltr;
}

#sidebar.collapsing {
	transition: unset;
	height: unset;
	width: 0;
}

#sidebar .sidebar-heading {
	text-align: center;
	margin-bottom: 50px;
}

#sidebar .sidebar-body .navbar {
	padding: 4px 24px;
}

#sidebar .sidebar-body .navbar .container-fluid {
	padding: 0;
	margin: 0;
}

#sidebar .sidebar-body .navbar .container-fluid button {
	display: block;
	width: 100%;
	padding: 10px 0;
	border-radius: 0;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	font-family: 'Montserrat', sans-serif;
	color: #9b9fa3;
}

#sidebar .sidebar-body .navbar .container-fluid button:focus {
	box-shadow: none;
}

#sidebar .sidebar-body .navbar .container-fluid button i {
	margin-right: 10px;
	font-size: 18px;
	vertical-align: text-top;
}

#sidebar .sidebar-body .navbar .container-fluid button.active,
#sidebar .sidebar-body .navbar:hover .container-fluid button,
#sidebar .sidebar-body .navbar:active .container-fluid button,
#sidebar .sidebar-body .navbar .not-collapsed,
#sidebar .sidebar-body .collapse-item a span {
	color: #fff;
}

#sidebar .sidebar-body .collapse-item a:hover span,
#sidebar .sidebar-body .collapse-item a.active span {
	color: #00b34a;
}

#sidebar .sidebar-body .collapse-item {
	padding: 12px 24px;
	background: #35383b;
}

#sidebar .sidebar-body .collapse-item a {
	display: block;
	margin: 2px 0;
	padding: 10px 0 9px 30px;
}

#sidebar .sidebar-body .collapse-item a span {
	display: inline-block;
	font-size: 14px;
	transition: .3s ease-out;
}

#sidebar .time-zone {
	position: -webkit-sticky;
	/* Safari */
	position: sticky;
	top: calc(100vh - 80px);
	height: 80px;
	margin-top: 30px;
	padding: 20px 30px 0;
	font-size: 12px;
	line-height: 1.25;
	color: #9b9fa3;
}

#bg {display: none;}

.swiper {display: none;}

/* TABLES */
table {width: 100%; text-align: center;}
table td .text-truncate {
	display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1 !important;
    overflow: hidden; text-overflow: ellipsis; white-space: normal;
	word-break: break-all;
}
.table {
	margin-bottom: 0;
	border-collapse: initial;
	border-spacing: 0;
	border-top: 2px solid #35383b;
	border-bottom: 1px solid #adb0b3;
	color: #52575c;
}
.table * {border-collapse:collapse;}
.table > :not(caption) > * > * {border-bottom-color: #e5e7e8;}
.table thead {color: #000; background-color: #f8f9fa;}
.table tbody tr {border-bottom: 1px solid #e5e7e8;}
.table th,
.table td {
	padding: 1.25em 0.75em 1.25em;
	vertical-align: middle;
	line-height: 1.25em;
	/* word-wrap: break-word !important;
	word-break: break-word !important; */
}
.table td {color: #52575c;}
.table tbody tr:last-of-type th,
.table tbody tr:last-of-type td {
	border-bottom: 0 !important;
}
.table tbody + tbody {border-top: 2px solid #e5e7e8;}
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 0;
}
.table> :not(:last-child)> :last-child>* {
	font-weight: 700;
	border-bottom: 1px solid #e5e7e8;
}
.table.table-lg > :not(:last-child) > :last-child > * {
	line-height: 62px;
}
.table.table-md > :not(:last-child) > :last-child > * {
	line-height: 46px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	color: #676d73;
	--bs-table-accent-bg: transparent;
}
.table td img {max-width: 100px;}
.table .hide {display: none; padding: 1rem;}
.table.table-sm th,
.table.table-sm td {padding: 8px 12px; font-size: 14px !important;}

table.list th,
table.list td {
	border: 1px solid #e3e6f0;
	border-right: 0;
	border-top: 0;
}
table.list th:first-of-type,
table.list td:first-of-type {
	border-left: 0;
}

/* room/List.vue */
table.si-list th {
	border: 1px solid #e3e6f0;
	border-right: 0;
	border-top: 0;
}

table.si-list th:first-of-type {
	border-left: 0;
}

table.table-bordered th,
table.table-bordered td {
	border: 1px solid #e5e7e8;
	border-right: 0;
	border-top: 0;
}
table.table-bordered th:first-of-type,
table.table-bordered td:first-of-type {
	border-left: 0;
}
.table.board .th-arrow {
	display: none;
}
.table.board .td-arrow {
	display: none;
}

/* sticky-column */
.table.b-table>tbody>tr>.table-b-table-default,
.table.b-table>tfoot>tr>.table-b-table-default,
.table.b-table>thead>tr>.table-b-table-default {
	color: #000;
	background-color: #f8f9fa;
}

.table.b-table>thead {
	background-color: #fff;
}

.table.b-table .table-b-table-default.b-table-sticky-column {
	white-space: nowrap;
}

.toggle-content {position: relative; width: 100%; /* padding: 12px 0;  */text-align: left; line-height: 1.25em;}
.toggle-content .row {--bs-gutter-x: 0; --bs-gutter-y: 0;}
/* .toggle-content .row + .row {margin-top: 12px;} */
.toggle-content .row div {padding: 8px 0;}
.toggle-content .row div:nth-of-type(2) {padding-left: 12px;}
.toggle-content .row div[class|=col]:first-of-type {font-weight:700; color:#000;}

@media (max-width: 991.98px) {
	.table.board tbody {
		font-size: 14px;
	}
	.table.board thead th {
		padding:12px 12px 10px;
		border-bottom: 0;
	}
	.table.board tbody td {
		padding: 12px;
	}
	.table.board thead th,
	.table.board tbody td {
		position: relative;
		/* line-height: 1.5em; */
	}
	.table.board .th-arrow, .table.board .td-arrow {
		display: table-cell;
		padding-left:0.5rem;
		padding-right:0.5rem;
		width:32px !important;
	}
	.table.board .td-arrow:hover {
		cursor: pointer;
	}
	.table.board .td-arrow img {
		max-width: 15px;
		display: block;
		margin: auto;
		transition: 0.2s ease-in-out;
	}
	.table.board .td-arrow img.btn-toggle-arrow {
		transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 0.2s ease-in-out;
	}
	.table.board tbody tr.show {
		background: none;
	}
	.table.board tbody tr:last-of-type {
		border-bottom-color: #e5e7e8;
	}
	tr.show {
		position: relative;
	}
	.hide .table tbody td {
		height: unset;
		min-height: unset;
	}
	.table.b-table .table-b-table-default.b-table-sticky-column {font-size: 14px;}
}

@media (max-width: 1199.98px) {

	.table.board.toggle-xl .th-arrow,
	.table.board.toggle-xl .td-arrow {
		display: table-cell;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		width: 32px !important;
	}

	.table.board.toggle-xl .td-arrow:hover {
		cursor: pointer;
	}

	.table.board.toggle-xl .td-arrow img {
		max-width: 15px;
		display: block;
		margin: auto;
		transition: 0.2s ease-in-out;
	}

	.table.board.toggle-xl .td-arrow img.btn-toggle-arrow {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transition: 0.2s ease-in-out;
	}

	.table.board.toggle-xl tbody tr.show {
		background: none;
	}
}

@media (max-width: 1399.98px) {

	.table.board.toggle-xxl .th-arrow,
	.table.board.toggle-xxl .td-arrow {
		display: table-cell;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		width: 32px !important;
	}

	.table.board.toggle-xxl .td-arrow:hover {
		cursor: pointer;
	}

	.table.board.toggle-xxl .td-arrow img {
		max-width: 15px;
		display: block;
		margin: auto;
		transition: 0.2s ease-in-out;
	}

	.table.board.toggle-xxl .td-arrow img.btn-toggle-arrow {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transition: 0.2s ease-in-out;
	}

	.table.board.toggle-xxl tbody tr.show {
		background: none;
	}
}

@media (max-width: 1679.98px) {

	.table.board.toggle-xxxl .th-arrow,
	.table.board.toggle-xxxl .td-arrow {
		display: table-cell;
		padding-left: 0.5rem;
		padding-right: 0.5rem;
		width: 32px !important;
	}

	.table.board.toggle-xxxl .td-arrow:hover {
		cursor: pointer;
	}

	.table.board.toggle-xxxl .td-arrow img {
		max-width: 15px;
		display: block;
		margin: auto;
		transition: 0.2s ease-in-out;
	}

	.table.board.toggle-xxxl .td-arrow img.btn-toggle-arrow {
		transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		transition: 0.2s ease-in-out;
	}

	.table.board.toggle-xxxl tbody tr.show {
		background: none;
	}

	.text-xxxl-start {
		text-align: left;
	}
}

@media (min-width: 1680px) {

	.table.board th.d-xxxl-table-cell,
	.table.board td.d-xxxl-table-cell {
		display: table-cell !important;
	}

	.table.board tr.d-xxxl-none {
		display: none !important;
	}
}

/* table-type : Updated 23.09.12  */
.table-type {
	display: flex;
	align-items: center;
	border-top: 2px solid #35383b;
	border-bottom: 1px solid #adb0b3;
}

.table-type>div {
	display: flex;
	/* justify-content: center; */
	align-self: stretch;
	align-items: center;
	padding: 0.75rem;
	line-height: 1.25rem;
	border-bottom: 1px solid #e5e7e8;
	color: #52575c;
}

.table-type>div:last-child {
	border-bottom: 0;
}

@media (min-width: 576px) {
	.table-type>div:nth-last-child(2) {
		border-bottom: 0;
	}
}

.table-type.header-col>div:nth-of-type(odd) {
	font-weight: 700;
	text-transform: capitalize;
	color: #000 !important;
	background-color: #f8f9fa;
	/* text-align: center; */
}

.table-type.header-col.size-sm>div {
	display: flex;
	align-items: center;
	padding: 0.5rem;
	line-height: 1em;
	font-size: 13px;
	color: #86888a;
	word-break: break-all;
}

/* BUTTON */
button,
button:focus,
button:active {
	outline: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	/* border: unset; */
}

.btn {
	color: #000;
	border-radius: 0;
	white-space: nowrap;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	letter-spacing: -0.5px;
	/* text-align: center !important; */
}

.btn:active,
.btn:focus {
	box-shadow: none !important;
}

.btn-primary {
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
	color: #fff;
	background-color: #323538 !important;
	border: 1px solid #323538 !important;
}

.btn-secondary {
	color: #fff;
	background-color: #52575c;
	border: 1px solid #52575c;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
	background-color: #5d6369;
	border: 1px solid #5d6369;
}

.btn-primary:disabled,
.btn-primary.disabled,
.btn-secondary:disabled,
.btn-secondary.disabled {
	background-color: #7c838a !important;
	border-color: #7c838a !important;
}

.btn-outline-primary {
	color: #000;
	background-color: #fff;
	border: 1px solid #000;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}

.btn-outline-secondary {
	color: #212529;
	background-color: #fff;
	border: 1px solid #52575c;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
	color: #fff;
	background-color: #52575c;
	border: 1px solid #52575c;
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled,
.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
	color: #52575c;
	background-color: #fff !important;
	border-color: #9b9fa3 !important;
}

.btn-outline-secondary.btn-prev:hover,
.btn-outline-secondary.btn-next:hover,
.btn-outline-secondary.btn-prev:focus,
.btn-outline-secondary.btn-next:focus,
.btn-outline-secondary.btn-prev:active,
.btn-outline-secondary.btn-next:active {
	color: #676d73;
	background-color: #fff;
	border: 1px solid #7c838a;
}

.btn-xl {
	padding: 0.75rem 1rem;
	height: 56px;
	font-size: 16px;
}

.btn-lg {
	padding: 0.5rem 1rem;
	height: 48px;
	font-size: 16px;
}

.btn-md {
	padding: 0.375rem 0.75rem;
	height: 40px;
	font-size: 16px;
}

.btn-sm {
	padding: 0.25rem 0.5rem;
	height: 32px;
	font-size: 16px;
}

.btn-xs {
	padding: 0 0.5rem;
	height: 24px;
	line-height: 22px !important;
	font-size: 13px !important;
}

.btn-lg,
.btn-group-lg>.btn {
	border-radius: 0;
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
	box-shadow: unset;
	background: #000;
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
	box-shadow: unset;
}

/* 확인 후 지울 수도 */
/* .btn.btn-primary.btn-xs, .btn.btn-outline.btn-xs {min-width: 100px;} */
.layer1 .btn.btn-primary.btn-xs,
.layer1 .btn.btn-outline.btn-xs {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

/* .btn-left {margin-left:10px;}
.btn-link {padding:0;}
.btn-full {width:100%;}
.btn-check:focus + .btn-primary, .btn-primary:focus {background:#000; box-shadow:unset;}
.btn-check:focus+.btn, .btn:focus {box-shadow:unset;} */

.btn-close:focus {box-shadow: none;}

/* btn-bottom-wrapper */
.btn-bottom-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 48px auto;
}

.btn-bottom-wrapper button {
	min-width: 20%;
}

.btn-bottom-wrapper button+button {
	margin-left: 8px;
}

.btn-bottom-wrapper button.btn-prev [class|=material],
.btn-bottom-wrapper button.btn-next [class|=material] {
	font-size: 20px;
	line-height: 24px;
}

@media (max-width: 419.98px) {
	.btn-bottom-wrapper {
		flex-direction: column;
	}

	.btn-bottom-wrapper>button:not(:last-child) {
		margin-bottom: 8px;
	}

	.btn-bottom-wrapper button+button {
		margin-left: 0;
	}

	.tab-pane:last-child>.btn-bottom-wrapper>button:last-child {
		display: none;
	}

	.tab-pane:last-child>.btn-bottom-wrapper .btn-group {
		margin-bottom: 8px;
	}

	.tab-pane:last-child>.btn-bottom-wrapper .btn-group .btn-xl {
		height: unset;
	}
}

@media (max-width: 575.98px) {
	.btn-bottom-wrapper button {
		flex: 1 1 0%;
	}
}

@media (min-width: 420px) {

	.btn-bottom-wrapper button.btn-prev,
	.btn-bottom-wrapper button.btn-next {
		min-width: 56px;
		flex: 0 0 56px;
	}

	.progress-step-arrow .tab-pane:last-child>.btn-bottom-wrapper .btn-group>button:last-child {
		display: none;
	}
}

/* modal */
.modal-open {overflow: hidden;} /* Remove body scroll */
.fade:not(.show) {opacity: .6;}
.modal.fade:not(.show) {opacity: 1;}

.modal .modal-dialog {height: calc(100% - 15rem) !important;}

.modal-content {border: 0; border-radius: 0;}

.modal-header {
	padding: 20px 24px;
	border-bottom: 1px solid #dcdee0;
}

.modal-header .modal-title {
	font-size: calc(1.125rem + 0.3vw);
	line-height: 1;
	word-wrap: break-word !important;
	word-break: break-word !important;
	text-transform: capitalize;
}

.modal-header .btn-close {
	margin: -8px -10px -8px auto;
	border-radius: 0;
	background-size: 12px;
	opacity: 0.4;
}
.modal-header .btn-close:hover {opacity: 1;}

.modal-body {
	padding: 24px;
	max-height: 600px;
	overflow-y: auto;
	color: #52575c;
}
.modal-body .modal-subtitle {
    margin-bottom: 16px;
	text-transform: capitalize;
    font-size: 1.125rem;
    font-weight: 700;
	color:#000;
}
[id*="modal"] small.info-check {
	display: block;
	margin-top: 1rem;
	line-height: 1.25;
	font-size: 14px;
	color: #676D73;
}

.modal-footer {
	background-color: #fff;
}

.modal-footer > * {
	margin: unset;
}

.modal-footer.btn-bottom-wrapper {
	margin: 0;
	padding: 16px;
	border-top: 1px solid #9b9fa3;
	border-radius: 0;
}

.modal-footer.has-pagination {
	justify-content: flex-end;
}

.modal-footer.has-pagination .pagination {
	margin: 0;
}

@media (max-width: 419.98px) {
	.modal-footer.btn-bottom-wrapper button {
		width: 100%;
	}

	.modal-footer .pagination .page-item:first-child,
	.modal-footer .pagination .page-item:last-child {
		display: none !important;
	}

	.modal-footer.has-pagination .flex-row {
		flex-direction: column !important;
		align-self: flex-start;
	}

	.modal-footer.has-pagination .flex-row>button:not(:last-child) {
		margin-bottom: 8px;
	}
}

@media (max-width: 991.98px) {
	.modal-footer.has-pagination {
		flex-direction: column;
	}

	.modal-footer.has-pagination button {
		flex: 1 1 0%;
	}

	.modal-footer.has-pagination .flex-row {
		width: 100%;
	}
}

@media (max-width: 991.98px) {

	/* .modal {width:90%; left:5%;} */
	.modal-header {
		padding: 16px;
	}

	.modal-body .modal-subtitle {
		font-size: 1rem;
	}

	.modal-body {
		/* max-height:450px; overflow-y:auto;  */
		padding: 20px 16px;
	}

	/* .modal-footer {padding:16px;} */
	.modal-body .justify-content-center {
		margin-top: 15px;
	}

	/* .modal .btn {padding: 0;} */
	.modal .btn1 {
		width: 100%;
	}

	.modal .btn2 {
		width: 50%;
	}

	.modal .btn3 {
		width: 33.333%;
	}
}

/*Member Info*/
.modal-body .justify-content-center {
	margin-top: 30px;
}

/* border */
.border {
	border: 1px solid #e5e7e8 !important;
}

.border-top {
	border-top: 1px solid #e5e7e8 !important;
}

.border-end {
	border-right: 1px solid #e5e7e8 !important;
}

.border-bottom {
	border-bottom: 1px solid #e5e7e8 !important;
}

.border-start {
	border-left: 1px solid #e5e7e8 !important;
}

.border-dark {
	border-color: #35383b !important;
}

.border-gray {
	border-color: #adb0b3 !important;
}

.border-top-dgray {
	border-top: 2px solid #35383b;
}

.border-top-gray {
	border-top: 1px solid #adb0b3 !important;
}

.border-bottom-gray {
	border-bottom: 1px solid #adb0b3 !important;
}

@media (min-width: 576px) {
	.border-sm-0 {
		border: 0 !important;
	}

	.border-top-sm {
		border-top: 1px solid #e5e7e8 !important;
	}

	.border-end-sm {
		border-right: 1px solid #e5e7e8 !important;
	}

	.border-bottom-sm {
		border-bottom: 1px solid #e5e7e8 !important;
	}

	.border-bottom-sm-0 {
		border-bottom: 0 !important;
	}

	.border-start-sm {
		border-left: 1px solid #e5e7e8 !important;
	}
}

@media (min-width: 768px) {
	.border-md-0 {
		border: 0 !important;
	}

	.border-top-md {
		border-top: 1px solid #e5e7e8 !important;
	}

	.border-end-md {
		border-right: 1px solid #e5e7e8 !important;
	}

	.border-bottom-md {
		border-bottom: 1px solid #e5e7e8 !important;
	}

	.border-bottom-md-0 {
		border-bottom: 0 !important;
	}

	.border-start-md {
		border-left: 1px solid #e5e7e8 !important;
	}
}

@media (min-width: 992px) {
	.border-lg-0 {
		border: 0 !important;
	}

	.border-top-lg {
		border-top: 1px solid #e5e7e8 !important;
	}

	.border-end-lg {
		border-right: 1px solid #e5e7e8 !important;
	}

	.border-bottom-lg {
		border-bottom: 1px solid #e5e7e8 !important;
	}

	.border-bottom-lg-0 {
		border-bottom: 0 !important;
	}

	.border-start-lg {
		border-left: 1px solid #e5e7e8 !important;
	}
}

/* card */
.card {
	border: 1px solid #ced4da;
}

.card-header {
	background-color: #f8f9fa;
}

/* WIDTH */
.w-40 {
	width: 40% !important;
	max-width: unset;
}

.w-1 {
	width: 1% !important;
	white-space: nowrap;
}

.min-w-64px {
	min-width: 64px !important;
}

/*ACCORDION*/
.accordion-item {
	border: 0 !important;
	;
	border-radius: 0 !important;
}

.accordion-body {
	padding: 0;
}

.accordion-button {
	display: block;
	text-align: center;
	padding: 0;
	border: 1px solid #cdcfd1;
	color: #676d73;
	line-height: 64px;
	border-radius: 0;
}

.accordion-button:not(.collapsed) {
	background: #000;
	color: #fff;
	border-color: #000;
}

.accordion-button:focus {
	border-color: unset;
	box-shadow: none;
}

.accordion-item:last-of-type .accordion-button.collapsed,
.accordion-item:first-of-type .accordion-button {
	border-radius: 0 !important;
}

video {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

/* Forms */
input, select, textarea {
	-webkit-appearance: none !important;
    -moz-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}
input:focus {outline: none;}

.filter-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 24px;
}

/* Input-group */
.input-group>.form-control:focus,
.input-group>.form-select:focus {
	border: 1px solid #35383b;
}

.form-control:disabled,
.form-control[readonly] {
	background: #f8f9fa;
}

.input-group-text {
	border-right: 0;
	border-radius: 0;
	background: #f8f9fa;
	width: 100%;
	color: #afb3b6;
	font-size: 16px;
	text-align: center;
	display: block;
}

.form-control-lg {
	height: 48px !important;
	line-height: 48px !important;
	max-height: 48px;
	font-size: 16px;
	color: #cdcfd1;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	min-height: unset;
	padding: 0 10px;
	border-width: 1px;
	border: 1px solid #cdcfd1;
	background-color: #fff;
}

.form-control-md {
	height: 40px !important;
	line-height: 40px !important;
	max-height: 40px;
	font-size: 16px;
	color: #cdcfd1;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	min-height: unset;
	padding: 0 10px;
	border-width: 1px;
	border: 1px solid #cdcfd1;
	background-color: #fff;
}

.form-control-sm {
	height: 32px !important;
	line-height: 32px !important;
	max-height: 31px;
	font-size: 14px !important;
	color: #cdcfd1;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	min-height: unset;
	padding: 0 10px;
	border-width: 1px;
	border: 1px solid #cdcfd1;
	background-color: #fff;
}

/* form select */
select, .form-select {
	width: 100%;
	height: 48px;
	padding: 0 30px 0 10px;
	background-color: #fff;
	background-image: url("/img/ico_select.png");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 12px 8px;
	border: 1px solid #cdcfd1;
	outline: 0;
	color: #52575c;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
	cursor: pointer;
}
select::-ms-expand {
	display: none;
}
select:disabled {
	background-color: #fafafa !important;
	color: #86888a !important;
	background-image: url("/img/ico_select_disabled.png");
}
select:focus {
	border-color: #35383b !important;
}
option {
	font-size: 16px;
	line-height: 48px;
	color: #52575c !important;
}
option:hover {
	background: #f8f9fa;
	color: #000;
}
option:active {
	background: #f8f9fa;
	color: #000;
}
option:focus {
	background: #f8f9fa;
	color: #000;
}
option:selected {
	color: #000;
}
select:not(:checked) {
	color: #52575c;
}
select option:not(:disabled) {
	color: #52575c;
}
select:required:invalid {
	color: #52575c;
}

.form-select-lg {
	height: 48px !important;
	line-height: 48px !important;
	max-height: 48px;
	font-size: 16px;
	padding: 0 30px 0 10px;
	border-radius: 0;
}

.form-select-md {
	height: 40px !important;
	line-height: 40px !important;
	max-height: 40px;
	font-size: 16px;
	padding: 0 30px 0 10px;
	border-radius: 0;
}

.form-select-sm {
	height: 32px !important;
	line-height: 32px !important;
	max-height: 31px;
	font-size: 14px;
	padding: 0 30px 0 10px;
	border-radius: 0;
}

/* Owner List > Hitting Bay Count > Token Name */
.btn.icon-edit,
.btn.icon-edit:focus,
.btn.icon-edit:active {
	width: 48px;
	height: 48px;
	vertical-align: top;
	background: #fff url("/img/ico_edit.png") no-repeat center;
	background-size: 20px;
	border: 1px solid #cdcfd1;
}

.btn.icon-edit:hover {
	border-color: #000;
}

/* Form - Input group & Icon Button */
.btn-primary.icon-search,
.btn-primary.icon-search:hover,
.btn-primary.icon-search:focus,
.btn-primary.icon-search:active {
	width: 48px;
	height: 48px;
	/* vertical-align: top; */
	background: #000 url("/img/ico_search_white.png") no-repeat center;
	background-size: 20px;
}

@media (max-width: 991.98px) {
	.input-group .btn-primary[class*="icon"] {
		width: 48px;
		height: 48px;
		background-color: #000;
		background-repeat: no-repeat;
		background-position: center;
		/* border: 0; overflow: hidden; */
	}

	.input-group .btn-primary.icon-search {
		text-indent: -9999px;
		background-image: url("/img/ico_search_white.png");
		background-size: 20px;
	}

	.input-group .btn-primary.icon-check {
		text-indent: -9999px;
		background-image: url("/img/ico_check_avail.png");
		background-size: 20px;
	}

	.input-group .btn-primary.icon-attachment {
		text-indent: -9999px;
		background-image: url("/img/attachment-line.svg");
		background-size: 20px;
	}

	.input-group .btn-primary.icon-photo {
		text-indent: -9999px;
		background-image: url("/img/ico_camera_white.png");
		background-size: 20px;
	}
}

/*FORM-CHECKBOX*/
.form-check {padding: 0; margin-bottom: 0; min-height: 1rem;}
.form-check .form-check-input {margin: 0 8px 0 0;}
.form-check-input:checked {background: #000;}
.form-check-input {border-color: #000;}
.form-check-input:checked {border-color: #000;}
.form-check-input:focus {box-shadow: unset;}

.form-check label {
	padding-top: 2px;
	line-height: 18px;
	cursor: pointer;
	color: #000;
	font-weight: 400 !important;
}
@media (max-width: 991.98px) {
	.form-check label {padding-top: 0;}
}

/* Switch style checkboxes */
.custom-switch,
.custom-switch.b-custom-control-lg, .input-group-lg .custom-switch {
  padding-left: 2.5em;
}
.custom-switch input[type=checkbox] {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em !important;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch input[type=checkbox] {
    transition: none;
  }
}
.custom-switch input[type=checkbox]:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='black'/%3e%3c/svg%3e");
}
.custom-switch input[type=checkbox]:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e");
}

/*FORM CHECKBOX*/
input[type=checkbox] {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	border: 1px solid #cdcfd1;
	border-radius: 3px !important;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-print-color-adjust: exact;
	margin-right: 0.5em;
	margin-top: 0;
}

input[type=checkbox]:focus {
	box-shadow: unset;
	border-color: #000;
}

input[type=checkbox]:checked {
	background-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 10l3 3l6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: center;
	background-color: #000;
	border-color: #000;
	/* 
	background-image: url("../img/ico_check.png") !important; 
	background-size: 10px;
	*/	
}

/* FORM RADIO */
input[type=radio] {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-color: #cdcfd1;
	vertical-align: middle;
	margin-right: 0.5em;
	margin-top: 0;
	border-radius: 50% !important;
}

input[type=radio]:checked {
	background-color: #000;
	border-color: #000;
}

input[type=radio]:focus {
	box-shadow: unset;
}

@media (min-width: 992px) {

	input[type=checkbox],
	input[type=radio] {
		width: 20px;
		height: 20px;
	}
}

/*FORM TEXT*/
input[type=text] {
	width: 100%;
	padding: 0 10px;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	height: 48px;
	color: #52575c;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

input[type=text]::-webkit-input-placeholder {
	color: #9b9fa3 !important;
}

input[type=text]::-moz-placeholder {
	color: #9b9fa3 !important;
}

input[type=text]:-moz-placeholder {
	color: #9b9fa3 !important;
}

input[type=text]:-ms-input-placeholder {
	color: #9b9fa3 !important;
}

input[type=text]:disabled {
	color: #9b9fa3;
	background: #f8f9fa;
}

input[type=text]:focus {
	border-color: #35383b;
	border-radius: 0;
}

/*FORM PASSWORD*/
input[type=password] {
	width: 100%;
	padding: 0 10px;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

input[type=password]::-webkit-input-placeholder {
	color: #9b9fa3 !important;
}

input[type=password]::-moz-placeholder {
	color: #9b9fa3 !important;
}

input[type=password]:-moz-placeholder {
	color: #9b9fa3 !important;
}

input[type=password]:-ms-input-placeholder {
	color: #9b9fa3 !important;
}

input[type=password]::placeholder {
	color: #9b9fa3 !important;
}

input[type=password]:focus {
	border-color: #35383b;
	border-radius: 0;
}

/* FORM DATE */
input[type=date], input[type=month] {
	-webkit-appearance: none;
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0 0 0 10px;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	font-size: 16px;
	color: #52575c;
	background: #fff;
	box-shadow: none;
}

/* input[type=date]::before {
	content: attr(data-placeholder);
	width: 100%;
	color: #b7b7b7;
	font-weight: 400;
} */

input[type=date]:focus, input[type=month]:focus {
	border-color: #35383b;
}
input[type=date]:focus::before, input[type=month]:focus::before {
	display: none;
}
input[type=date]:valid::before, input[type=month]:valid::before {
	display: none;
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator {
	display: block;
	-webkit-appearance: block;
	width: 36px;
	height: 46px;
	padding: 0;
	background: url("../img/ico_date.png") no-repeat center;
	background-size: 14px 16px;
	cursor: pointer;
}

input[type=date]::-webkit-input-placeholder,
input[type=date]::-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=date]::placeholder,
input[type=date]:disabled,
input[type=date]:invalid::-webkit-datetime-edit,
input[type=month]::-webkit-input-placeholder,
input[type=month]::-moz-placeholder,
input[type=month]:-moz-placeholder,
input[type=month]:-ms-input-placeholder,
input[type=month]::placeholder,
input[type=month]:disabled,
input[type=month]:invalid::-webkit-datetime-edit {
	color: #9b9fa3 !important;
}

@media (max-width: 991.98px) {
	input[type=date], input[type=month] {font-size: 14px;}
}

/*FORM TIME*/
input[type=time] {
	-webkit-appearance: none;
	position: relative;
	width: 100%;
	height: 48px;
	padding: 0 0 0 10px;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	font-size: 16px;
	color: #52575c;
	background: #fff;
	box-shadow: none;
}

input[type=time]::-webkit-calendar-picker-indicator {
	background: url('../img/schedule_black.png') no-repeat center;
	background-size: 16px;
	display: block;
	-webkit-appearance: block;
	width: 36px;
	height: 46px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

input[type=time]::-webkit-date-and-time-value {
	text-align: left;
}

/*FORM SEARCH*/
input[type="search"] {
	border-radius: 0;
	border-color: #cdcfd1;
	padding: 0 10px;
	background-color: #fff !important;
	background-image: url('../img/ico_search.png');
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 15px;
	width: 100%;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	font-size: 16px;
}

input[type="search"]:hover {
	background-image: none;
}

/*FORM TEXTAREA*/
textarea {
	resize: none;
	width: 100%;
	border-color: #cdcfd1;
	max-height: 180px;
	height: 180px;
	padding: 17px 12px !important;
	color: #52575c;
	border-radius: 0
}

textarea:focus {
	border-radius: 0;
	border-width: 1px;
	outline: none;
	border-color: #35383b;
}

textarea::-webkit-input-placeholder {
	color: #9b9fa3 !important;
}

textarea::-moz-placeholder {
	color: #9b9fa3 !important;
}

textarea:-moz-placeholder {
	color: #9b9fa3 !important;
}

textarea:-ms-input-placeholder {
	color: #9b9fa3 !important;
}

textarea::placeholder {
	color: #9b9fa3 !important;
}

/* Breadcrumb */
.breadcrumb {
	display: flex;
	flex-wrap: nowrap;
	margin: 0;
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb li a {
	font-size: 13px;
	line-height: 24px;
	color: #9b9fa3;
	text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
	content: "";
	width: 5px;
	height: 24px;
	display: block;
	background: url("../img/ico_breadcrumb.png") no-repeat center;
	padding: 0 10px;
}

.breadcrumb-item+.breadcrumb-item {
	padding-left: 0;
}

/*TITLE*/
.title {margin-left: 28px;}
.sub-title {margin-bottom: 1em;}
.montserrat {font-family: 'Montserrat', sans-serif !important;}

/* PAGENATION */
.pagination {
	justify-content: center;
	margin-top: 48px;
}

.modal .pagination {
	margin-top: 24px;
}

@media (max-width: 991.98px) {
	.pagination {
		margin-top: 24px;
	}
}

.page-item:not(:first-child) .page-link {
	margin-left: 4px;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 0;
}

.page-link {
	border: 0px;
	padding: 0;
	text-align: center;
	line-height: 39px;
	width: 40px;
	color: #676d73;
	font-weight: 400;
}

.page-link:hover {
	z-index: 2;
}

.page-link:focus {
	z-index: 3;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
}

.page-link.prev,
.page-link.next {
	max-height: 40px;
	box-sizing: border-box;
}

.page-link.prev i,
.page-link.next i {
	line-height: 40px;
	font-size: 18px;
}

.page-link:hover {
	color: #000;
	background: none;
	border-bottom: 1px solid #000;
}

.page-item.active .page-link {
	border-bottom: 1px solid #000;
	background: transparent;
	color: #000;
}

.page-item.prev a:hover,
.page-item.next a:hover {
	border-bottom: none;
}

.page-item a {
	color: #676d73;
}

/*TAB*/
.nav-pills .nav-link {
	border: 1px solid #cdcfd1;
	border-left: 0;
	color: #676d73;
	background: transparent;
	border-radius: 0 !important;
}

.nav-pills li:first-of-type .nav-link {
	border-left: 1px solid #cdcfd1;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	border-color: #000;
	background: #000;
}

/*SECONDARY LIST*/
.list-group {
	border-radius: 0;
	border-top-color: #000;
	border-top-width: 2px;
	border-bottom: 1px solid #929596;
}

.list-group-item {
	border-left: 0;
	border-right: 0;
}

.list-group-item.active {
	border-color: #000;
	background: #000;
}

.list-group-item.active:hover {
	border-color: #000;
	background: #000;
	color: #fff;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
	background: #f8f9fa;
	color: #000;
}

.nav-tabs .nav-link {
	border-radius: 0;
	color: #000;
}

.nav-link:focus,
.nav-link:hover {
	color: #000;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
	border-color: #000;
	color: #fff;
	background: #000;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	border-color: #000;
	color: #fff;
	background: #000;
}

/*LABEL*/
label {
	vertical-align: middle;
}

/* .essential {position:relative; padding-right:11px;} */
.essential::after,
.required::after {
	content: '*';
	margin-left: 4px;
	color: #EF2B49;
}

.label-md {
	height: 40px;
	line-height: 40px;
	max-height: 40px;
	padding: 0;
}

.label-lg {
	height: 48px;
	line-height: 48px;
	max-height: 48px;
	padding: 0;
}

.label-xlg {
	height: 54px;
	line-height: 54px;
	max-height: 54px;
	padding: 0;
}

label.sky {
	color: #4a91f7;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	padding: 5px 15px;
	background-color: #e8f3ff;
	border-radius: 50px;
	font-weight: bold;
}

label.red {
	color: #ef2b49;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	padding: 5px 15px;
	background-color: #fee8e8;
	border-radius: 50px;
	font-weight: bold;
}

label.green {
	color: #00b34a;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	padding: 5px 15px;
	background-color: #cef5d4;
	border-radius: 50px;
	font-weight: bold;
}

.drop {
	color: #ef2b49;
}

label[class*="status"] {
	height: 24px;
	line-height: 22px;
	text-align: center !important;
	border-radius: 50rem;
	font-size: 12px !important;
	font-weight: 500;
	white-space: nowrap;
}

label[class*="status"].border-0 {
	line-height: 24px;
}

.status-done {
	color: #00b34a;
	background-color: rgba(0, 179, 74, 0.06);
	border: 1px solid rgba(0, 179, 74, 0.3);
} /* 완료, 정상, 활성, 개시, 사용 등 */

.status-pend, .status-none {
	color: #676d73;
	background-color: rgba(103, 109, 115, 0.06);
	border: 1px solid rgba(103, 109, 115, 0.3);
}/* 보류 */

.status-standby {
	color: #3577f1;
	background-color: rgba(53, 119, 241, 0.06);
	border: 1px solid rgba(53, 119, 241, 0.3);
} /* 대기 */

.status-drop {
	color: #ef2b49;
	background-color: rgba(239, 43, 73, 0.06);
	border: 1px solid rgba(239, 43, 73, 0.3);
} /* 미사용, 비활성 */

/* Typography */
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin: 0;
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.5px;
	color: #000;
}
h6, .h6 {font-size: 18px;}

h4.subtitle {margin-bottom: 1rem;}
@media (max-width: 991.98px) {
	h4.subtitle {
		font-size: 20px !important;
	}
}

/* Font */
.fw-500 {font-weight: 500 !important;}
.fs-14 {font-size: 14px !important;}
.fs-13 {font-size: 13px !important;}
.fs-12 {font-size: 12px !important;}
@media (min-width: 992px) {
	.fs-lg-18 {
		font-size: 18px !important;
	}
}

/*DISPLAY HEADING*/
.display-1 {
	font-size: 80px;
	font-weight: bold;
}

.display-2 {
	font-size: 72px;
	font-weight: bold;
}

.display-3 {
	font-size: 64px;
	font-weight: bold;
}

.display-4 {
	font-size: 56px;
	font-weight: bold;
}

.display-5 {
	font-size: 48px;
	font-weight: bold;
}

.display-6 {
	font-size: 40px;
	font-weight: bold;
}

/* TEXT */
.text-blue {color: #3577f1 !important;}
.text-indigo {color: #0033a1 !important;}
.text-purple {color: #552bb6 !important;}
.text-pink {color: #ce2f92 !important;} /* Event type */
.text-red {color: #ef2b49 !important;} /* No. of Play */
.text-orange {color: #ff7519 !important;}
.text-yellow {color: #ffc107 !important;}
.text-green {color: #00b34a !important;}
.text-teal {color: #008086 !important;}
.text-cyan {color: #22bbbb !important;}
.text-lightgray {color: #9b9fa3 !important;}
.text-normal {color: #52575c;}
.text-gray {color: #676d73 !important;}
.text-dgray {color: #35383B !important;}

.text-nickname {color: #000 !important;}
.text-date {/* font-size: 13px !important;  */letter-spacing: -0.5px; color: #9b9fa3 !important;}
.text-point-op {color: #552bb6 !important;} /* OOM Point */
.text-point-sp {color: #22bbbb !important;} /* Standard Point */
.text-prize {color: #3577f1 !important;}
.text-price {color: #ef2b49 !important;}

.text-subscript {font-size: 0.875em; line-height: 1.25em; color: #86888a;}
a.text-subscript:hover {text-decoration: underline}
@media (max-width: 991.98px) {
	.text-subscript {font-size: 13px !important;}
}

/* BACKGROUND */
.bg-sky {background-color: #e8f3ff;}
.bg-lightgreen {background-color: #cef5d4 !important;}
.bg-blue {background-color:#3577f1 !important;}
.bg-indigo {background-color:#0033a1 !important;}
.bg-purple {background-color:#552bb6 !important;} /* 공지 */
.bg-pink {background-color:#ce2f92 !important;}
.bg-orange {background-color:#ff7519 !important;;} /* A/S */
.bg-yellow {background-color: #ffc107 !important;}
.bg-teal {background-color:#008086 !important;} /* 제안 */
.bg-cyan {background-color:#22bbbb !important;}
.bg-green {background-color:#00b34a !important;}
.bg-lime {background-color:#cdea35 !important;}
/* Membership Site Only */
.bg-lightgray {background: #fcfcfc !important;}
.bg-gray {background: #f8f9fa !important;}

.lh-48 {line-height: 48px !important;}

.input-wrap {
	padding: 20px 40px;
	overflow: hidden;
}
@media (max-width: 991.98px) {
	.input-wrap {
		padding: 0;
	}

	/*input[type="file"] {margin-bottom:10px;}*/
	.input-wrap .btn-lg {
		line-height: 45px;
		max-height: 45px;
	}
}

/* Common ---------------------------*/
.goods-name,
.shop-name {
	text-transform: capitalize;
	font-weight: 500 !important;
	/* font-size: 1rem; */
	color: #000 !important;
}

.goods-kind {
	text-transform: capitalize;
	font-weight: 500;
	font-size: 0.875rem;
	color: #008086;
}

.brand-name {
	text-transform: uppercase;
	font-weight: 500;
	font-size: inherit;
	color: #35383b;
	letter-spacing: -0.2px;
}

.pointer {cursor: pointer;}
.more {color: #000; cursor: pointer;}
.more:hover, a:hover .more {text-decoration: underline; color: #000;}

.overflow-x-auto {overflow-x: auto;}

.icon.badge {
	padding: 4px 6px !important;
	border-radius: calc(0.25rem - 1px);
	text-align: center !important;
	font-size: 12px !important;
	font-weight: 400 !important;
	color: #fff;
	letter-spacing: 0;
}

/* ROUNDED */
.rounded {
	border-radius: 50px !important;
	padding: 6px 18px;
	line-height: 1;
	border-radius: 0.35rem !important;
	margin-bottom: 0;
}
.center-cropped {
	width: 48px;
	height: 48px;
	border-radius: 50% !important;
	border: 1px solid rgba(0, 0, 0, 0.125);
	object-fit: cover;
	object-position: center;
	vertical-align: middle;
}
@media (max-width: 991.98px) {
	.center-cropped {
		height: 40px;
		width: 40px;
	}
}

/* Profile & Xbadge */
.avatar {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	flex-shrink: 0;
	width: 40px;
	max-width: 100%;
	height: 40px;
	font-size: inherit;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	background-color: #f5f6f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.avatar-xs {width: 24px; height: 24px;}
.avatar-sm {width: 32px; height: 32px;}
.avatar-md {width: 40px; height: 40px;}
.avatar-lg {width: 48px; height: 48px;}
.avatar-xl {width: 56px; height: 56px;}
.avatar-xxl {width: 72px; height: 72px;}
.avatar-xxxl {width: 96px; height: 96px;}

.avatar-xs span[class*="default-icon"] {font-size: 18px;}
.avatar-sm span[class*="default-icon"] {font-size: 22px;}
.avatar-md span[class*="default-icon"] {font-size: 26px;}
.avatar-lg span[class*="default-icon"] {font-size: 30px;}
.avatar-xl span[class*="default-icon"] {font-size: 34px;}
.avatar-xxl span[class*="default-icon"] {font-size: 40px;}
.avatar-xxxl span[class*="default-icon"] {font-size: 56px;}

.avatar .avatar-active {
    position: absolute;
    top: -2px;
    right: -2px;
    display: inline-block;
    padding: 1px;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
    border: 3px solid #fff;
    background-color: #00b34a;
    z-index: 1;
}
.avatar img {
	width: 100%;
	height: 100%;
	border-radius: inherit;
	-o-object-fit: cover;
	object-fit: cover;
}
.avatar .avatar-unavailable {opacity: 0.25 !important;}

@media (max-width: 991.98px) {

	.row *:not(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, small, .small),
	.form-check-label {
		font-size: 14px;
	}

	/*#wrapper {overflow-y:hidden;}*/
	#sidebar {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
	}

	#bg {
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
	}

	/*HEADER*/
	.topbar .small {
		display: none;
	}

	/*.total_manager .montserrat {font-size:26px; margin-bottom:5px;}*/
	.breadcrumb {
		padding-top: 0;
	}

	.breadcrumb-item,
	.breadcrumb-item a,
	.breadcrumb li a {
		font-size: 12px;
	}

	/*TITLE*/
	.title {
		margin-left: 0;
	}

	.input-wrap {
		padding: 0;
	}

	/*input[type="file"] {margin-bottom:10px;}*/
	.input-wrap .btn-lg {
		line-height: 45px;
		max-height: 45px;
	}

	iframe {
		margin-bottom: 25px;
		height: 250px;
	}

	.layer1 {
		width: 100%;
		padding: 20px 0;
		line-height: 1.2em;
		position: relative;
	}

	/*.layer1::before {content:''; display:block; position:absolute; top:-3px; left:-5%; width:calc(100% + 30%); height:5px; background:#fff;}*/
	.layer1 .row {
		margin: 0 0 15px;
	}

	.layer1 .row:last-of-type {
		margin-bottom: 0;
	}

	.layer1 .row div:nth-of-type(2) {
		padding-left: .75rem;
	}

	.layer1 * {
		font-size: 14px;
	}

	.btn_view {
		max-width: 15px;
		height: 15px;
		display: block;
		position: absolute;
		right: .75rem;
		top: 20px;
		z-index: 1;
	}

	.btn_view img {
		width: 100%;
		display: block;
	}

	video {
		margin-bottom: 0;
	}

	.nav {
		display: none;
	}

	.swiper {
		display: block;
	}
}

/* b-form-file */
.custom-file {
	position: relative;
}

.custom-file-input {
	display: none;
}

.custom-file-label {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 58px 0 10px;
	overflow: hidden;
	background-color: transparent;
	border: 1px solid #cdcfd1;
	color: #9b9fa3;
}

.custom-file-label span {
	line-height: 48px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.custom-file-label::after {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	padding: 0;
	width: 48px;
	height: 48px;
	display: block;
	content: "";
	background: #000 url("/img/attachment-line.svg") no-repeat center !important;
	background-size: 18px;
	border: 1px solid #000;
	text-align: center;
	color: #fff;
	cursor: pointer;
	-webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}

.custom-file-label:hover::after,
.custom-file-label:focus::after,
.custom-file-label:active::after {
	background: #323538 url("/img/attachment-line.svg") no-repeat center !important;
	border-color: #323538;
}

.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label:before,
.custom-file-input.is-valid~.custom-file-label,
.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label:before,
.was-validated .custom-file-input:valid~.custom-file-label {
	color: #000;
}

.custom-file-input.is-valid:focus~.custom-file-label,
.was-validated .custom-file-input:valid:focus~.custom-file-label {
	color: #000;
}