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

/* Updated 2024.6.3 */
: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: Pretendard, -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: #f9f9f9; /* #f5f6f8 */
  }
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;
}
@media (max-width:991.98px) {
	body {background-color: #fff;}
}

p {margin-bottom: 0;}
a {color: currentColor; text-decoration: unset;}
a:hover {color: currentColor;}
ol, ul {margin: 0; padding: 0;}
mark {all: unset;}

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

/* TABLES */
table {width: 100%; text-align: center;}
.table {
	margin-bottom: 0;
	color: #52575c;
	border-collapse: initial;
	border-spacing: 0;
	border-top: 2px solid #35383b;
	border-bottom: 1px solid #adb0b3; 
}
.table > :not(caption) > * > * {border-bottom-color: #e5e7e8;}
.table tr:last-of-type td {border-bottom: 0 !important;}
@media (min-width: 992px) {
	.table tr:nth-last-child(2):has(+ .show) td {border-bottom: 0 !important;}
}
/* .table tr:nth-last-child(2) > td[rowspan]:not([rowspan="1"]) {border-bottom: 0 !important;} */

.table th,
.table td {
	padding: 1.375em 0.75em 1.25em;
	vertical-align: middle;
	line-height: 1.25em;
	word-wrap: break-word !important;
	word-break: break-word !important;
}

.table thead {color: #000; background-color: #f8f9fa;}
/* .table > :not(:last-child) > :last-child > * {
	font-weight: 700; 
	border-bottom: 1px solid #e5e7e8;
} thead관련 */
.table tbody + tbody {border-top: 2px solid #e5e7e8;}

.table tfoot > tr > td,
.table.tfoot-type tr:nth-last-child(1) > td {
	border-top: 1px solid #ced4da !important; 
	font-weight: 500; color: #000;
	background-color: #fcfcfc;
}
.table.tfoot-type tr:nth-last-child(2) > td {border-bottom: 0 !important;}

.table.table-sm th, .table.table-sm td {padding: 8px 12px;}
@media (max-width: 991.98px) {
    .table.table-sm th, .table.table-sm td {
        font-size: 14px !important;
    }
}
.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.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 .hide {display: none; padding: 1rem;}

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;
}

/* 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;
}

.table.board .th-arrow {
	display: none;
}
.table.board .td-arrow {
	display: none;
}

@media (max-width: 991.98px) {
/* 	.table.board * {
		text-align: left;
	} */
	.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 {
		display: table-cell; /* display: block; */
		padding-left:0.5rem;
		padding-right:0.5rem;
	}
	.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;
	} */
	.hide .table tbody td {
		height: unset;
		min-height: unset;
	}
	tr.show {
		position: relative;
	}	
	.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:nth-of-type(2) {padding-left: 12px;}
	.toggle-content .row div[class|=col]:first-of-type {font-weight:700; color:#000;}	
}
td small, td .small {color: #86888a;}

/* table-type */
.table-type {border-top: 2px solid #35383b; border-bottom: 1px solid #adb0b3;}
.table-type > div {
    padding: 0.75rem;
    line-height: 1.5rem;
    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) {
    display: flex;
	align-items: center;
    /* padding: 12px 12px 10px; */
    font-weight: 700;
    /* text-transform: capitalize; */
    color: #000 !important;
    background-color: #f8f9fa;
}
.table-type.header-col > div:nth-of-type(odd) * {align-self: 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;
}

/* Sizing */
.w-1 {width: 1% !important; white-space: nowrap;}
@media (min-width: 576px) {
	.w-sm-auto {width: auto !important;}
}
.min-w-auto{min-width: auto !important;}

/* Section & Tabs with card integration ( progress-step-arrow ) */
.page > section:first-child {margin-top: 0.5rem;}
section  {margin-top: 3rem;}
section > div {border-top: 1px solid #35383b; border-bottom: 1px solid #adb0b3;}
section:first-child > div {border-top-width: 2px;}

/* 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-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-start-sm {border-left: 1px solid #e5e7e8 !important;}
}
@media (min-width: 768px) {
	.border-md-0 {border: 0 !important;}
	.border-bottom-md-0 {border-bottom: 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-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-start-lg {border-left: 1px solid #e5e7e8 !important;}	
}

/* Images */
.img-thumbnail {
	padding: 0;
	max-width: initial; width: 56px; height: 56px;
	object-fit: cover; object-position: center;
	background-color: initial;
	border: 1px solid #e5e7e8;
}

/* arrow */
.chevron-arrow {
    display: inline-block;
    width: 12px;
    height: 12px;
    content: "";
	flex-shrink: 0;
    background-image: url("/img/expand_more.svg");
    background-repeat: no-repeat;
    background-size: 12px;
}
.arrow-right {transform: rotate(-90deg);}

/* card */
.card {border: 1px solid #ced4da;} 
.card-header {background-color: #f8f9fa;}

/* Animation */
.animate {-webkit-transition: all 0.2s; transition: all 0.2s;}
.animate-move-up:hover {
	-webkit-transform: translateY(-4px); transform: translateY(-4px);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

/* Collapse */
.collapse-content {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding : 1rem;
	line-height: 1em;
    overflow-anchor: none;
	background-color: #fff;
}
.collapse-content::after {
    flex-shrink: 0;
    width: 1rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    background-image: url("/img/expand_more.svg");
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}
.collapse-content:not(.collapsed)::after {
    transform: rotate(180deg); -webkit-transform: rotate(180deg);
}

/* 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;
}
.accordion.list-type > .card:not(:first-child) {border-top: 0;}
.accordion.list-type > .card .card-header {padding:0; border-bottom: 0;}


/* 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 {margin-bottom: 16px;}
.filter-group.row {--bs-gutter-x: 0;}
.filter-group .d-flex > :not(:first-child) {margin-left: -1px;}

.form-control {
	padding: unset;
	color: #000;
	border: 1px solid #cdcfd1;
	border-radius: 0;
	transition: none;
}
.form-control-lg {
	height: 48px !important;
	line-height: 48px !important;
	max-height: 48px;
	font-size: 16px;
	color: #000;
	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: #000;
	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: 32px;
	font-size: 14px;
	color: #000;
	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:focus {
	color: #000;
	background-color: #fff;
	border-color: #cdcfd1;
	outline: 0;
	box-shadow: none;
}
.form-control:disabled, .form-control[readonly] {
	color: #86888a; background: #fafafa;
}
.form-floating > label {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.form-floating > .form-control {padding: 0 10px;}


.input-group > .form-control:focus,
.input-group > .form-select:focus,
.form-floating > .form-control:focus {z-index: 1 !important;}

.form-check {min-height:1em; margin-bottom:0;}
.form-check label {
	/*max-width: calc(100% - 2px);
	line-height: 18px;*/
	line-height:1em;
	cursor:pointer;
	color:#000;
}

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

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

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; */
}

/* FORM CHECKBOX */
input[type="checkbox"] {
	border: 1px solid #cdcfd1;
	border-radius: 3px !important;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	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-top: 0;
	margin-right: 0.5em;
	/* display: inline-block; */
}
input[type="checkbox"]:checked {
	background-image: url("/img/ico_check.png") !important;
	background-repeat: no-repeat;
	background-position: center;
}
input[type="checkbox"]:checked {
	background-color: #000;
	border-color: #000;
	background-size: 10px;
}
input[type="checkbox"]:focus {
	box-shadow: unset;
	border-color: #000;
}

/* FORM RADIO */
input[type=radio] {
	margin-right: 0.5em;
	margin-top: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
input[type=radio]:checked {
	background-color: #000;
	border-color: #000;
}
input[type=radio]:focus {
	box-shadow: unset;
}

input[type="checkbox"] + label, input[type=radio] + label {cursor: pointer;}

/* FORM TEXT ETC. */
input[type="text"], input[type="password"], input[type="file"] {
	width: 100%;
	height: 40px;
	padding: 0 10px;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	color: #000;
	/* font-size: inherit; */ /* style.css td {font-size:14px !important;} */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder {
	color: #9b9fa3;
} /* Chrome/Opera/Safari */

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="file"]::-moz-placeholder {
	color: #9b9fa3;
} /* Firefox 19+ */

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="file"]:-moz-placeholder {
	color: #9b9fa3;
} /* Firefox 18- */

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder {
	color: #9b9fa3;
} /* IE 10+ */

input[type="text"]:disabled, input[type="text"][readonly],
input[type="password"]:disabled, input[type="password"][readonly],
input[type="file"]:disabled input[type="file"][readonly] {
	color: #86888a; background: #fafafa;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus {
	border-color: #cdcfd1;
	border-radius: 0;
}
/* b-form-file */
.custom-file {position: relative;}
.custom-file-input {display: none;}
.custom-file-label {
    display: block;
	width: 100%;
	height: 40px;
	padding: 0 50px 0 10px;
	overflow: hidden;
    background-color: transparent;
    border: 1px solid #cdcfd1;
	color: #9b9fa3;
}
.custom-file-label span {
	line-height: 40px;
	overflow: hidden;
  	text-overflow: ellipsis;
 	white-space: nowrap;
}
.custom-file-label::after {
	position: absolute;
    z-index: 1;
	top: 0;
    right: 0;
    padding: 0;
	width: 40px;
	height: 40px;
    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;
}

/* FORM DATE */
input[type="date"] {
	position:relative;
	width:100%;
	height:40px;
	min-height:unset;
	padding:0 0 0 10px;
	font-size:16px;
	color:#000;
	border-radius:0;
	border-color:#cdcfd1;
	box-shadow:none;
}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {
    display:none;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	width:24px;
	height:28px;
	margin-right:5px;
	padding:0;
    background:transparent;
	cursor:pointer;
    z-index:1;
}
.input-date-box input::after{
	position:absolute;
	top:50%;
	right:10px;
	content: "";
	width:14px;
	height:16px;
  	background:#fff url("/img/ico_date.png") center center /contain;
	background-size:14px 16px;
	background-repeat:no-repeat;
	transform:translateY(-50%);
	z-index:0;
}
input[type="date"]::before {
	content: attr(data-placeholder);
	width: 100%;
	color: #b7b7b7;
	font-weight: 400;
}
input[type="date"]:focus {border-color: #cdcfd1;}
input[type="date"]:focus::before {display: none;}
input[type="date"]:valid::before {display: none;}
input[type="date"]::-webkit-input-placeholder {color: #9b9fa3 !important;}
input[type="date"]::-moz-placeholder {color: #9b9fa3 !important;}
input[type="date"]:-moz-placeholder {color: #9b9fa3 !important;}
input[type="date"]:-ms-input-placeholder {color: #9b9fa3 !important;}
input[type="date"]::placeholder {color: #9b9fa3 !important;}
input[type="date"]:disabled {color: #86888a;}
input[type="date"]:invalid::-webkit-datetime-edit {color: #9b9fa3;}

/* FORM TEXTAREA */
textarea {
	width: 100%;
	border-color: #cdcfd1;
	/* max-height: 180px;
	height: 180px; */
	padding: 10px !important;
	color: #000;
	border-radius: 0;
	line-height: 1.5;
	resize: none;
}
textarea:focus {
	border-radius: 0;
	border-width: 1px;
	outline: none;
	border-color: #cdcfd1;
}
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea:-moz-placeholder,
textarea:-ms-input-placeholder,
textarea::placeholder {color: #9b9fa3 !important;}
textarea.form-control {min-height: 40px;}

/* FORM-SELECT */
.form-select-lg {
	height: 48px !important;
	line-height: 48px !important;
	max-height: 48px;
	font-size: 16px;
	padding: 0 10px;
	border-radius: 0;
}
.form-select-md {
	height: 40px !important;
	line-height: 40px !important;
	max-height: 40px;
	font-size: 16px;
	/* padding: 0 10px; */
	border-radius: 0;
}
.form-select-sm {
	height: 32px !important;
	line-height: 30px !important;
	max-height: 32px;
	font-size: 14px;
	padding: 0 10px;
	border-radius: 0;
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
	padding: 10px !important;
	background-color: transparent;
	overflow-y: auto !important;
	border-radius: 0;
}
select, select.form-select {
	border-color: #cdcfd1;
	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;
	width: 100%;
	height: 40px;
	outline: 0;
	color: #000;
	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: #cdcfd1 !important;
}
select option {
	font-size: 16px;
	line-height: 48px;
	color: #000 !important;
}
select option:hover,
select option:active,
select option:focus,
select option:checked {
	background-color: #f0f1f2 !important;
	color: #000;
}
select:not(:checked) {
	color: #000;
}
select option:not(:disabled) {
	color: #000;
}
select:required:invalid {
	color: #9b9fa3;
}

select.text-type {
	width: auto !important;
	height: auto !important;
	padding: 4px 20px 4px 2px !important;
	background-image: url("/img/expand_more.svg");
	background-position: right 1px center;
	background-size: 12px;
	border: 0;
	font-size: 14px;
}
select.text-type.border {padding: 4px 20px 4px 4px !important; background-position: right 4px center;}
select.text-type option {
	font-size: 14px;
}

/* 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;
}

footer .form-select {
	background-image: url("/img/ico_select_w.png");
}

/* Form Rating */
.b-rating:not(.disabled):not(.readonly):focus:not(:hover) .b-rating-star.focused .b-rating-icon,
.b-rating:not(.disabled):not(.readonly) .b-rating-star:hover .b-rating-icon {
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}
.b-rating .b-rating-star .b-rating-icon {color: #ff9900;}
.b-rating .b-rating-star .b-rating-icon svg.bi-x {width: 24px; height: 24px; fill:rgba(0, 0, 0, 0.6);}
.b-rating .b-rating-value {
	font-family: -apple-system, BlinkMacSystemFont, AppleSDGothicNeo-regular, Roboto, "Spoqa Han Sans Neo", "Malgun Gothic", "맑은 고딕", "돋움", Dotum, Sans-serif;;
	font-weight: 500; font-size: 14px;
}

/* Query block */
.query-block {
	display: flex;
	flex-direction: row;
	align-items: center;
	align-self: stretch;
	white-space: nowrap;
	letter-spacing: -0.5px;
	font-weight: 600;
	color: #9b9fa3;
}
.query-block.sort-by div {line-height: 36px; cursor: pointer;}
.query-block.sort-by div.active{color: #000;}
.query-block.sort-by div .material-icons-outlined {font-size: 18px;}
@media (max-width: 991.98px) {
	.query-block {font-size: 14px;}
}

/*BACKGROUND*/
.bg-sky {background-color: #f2f9ff;}
.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-teal {background-color:#008086 !important;} /* 제안 */
.bg-cyan {background-color:#22bbbb !important;}
.bg-green {background-color:#00b34a !important;}
.bg-lime {background-color:#cdea35 !important;}

/*TEXT*/
.text-blue {color: #3577f1 !important;}
.text-indigo {color: #0033a1 !important;}
.text-purple {color: #552bb6 !important;}
.text-pink {color: #ce2f92 !important;}
.text-red, .text-price {color: #ef2b49 !important;}
.text-orange {color: #ff7519 !important;}
.text-yellow {color: #ffc107 !important;}
.text-green {color: #00b34a !important;}
.text-teal {color: #008086 !important;}
.text-cyan, .text-point {color: #22bbbb !important;}
.text-lightgray, .text-date {color: #9b9fa3 !important;}
.text-subscript {font-size: 0.875em; line-height: 1.25em; color: #86888a;}
a.text-subscript:hover {text-decoration: underline} 
.text-normal {color: #52575c;}

/* BREADCRUMB */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 0;
}
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb li a {
	font-size: 13px;
	font-weight: 400;
	color: #9b9fa3;
	text-decoration: unset;
	padding: 0;
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
	color: #9b9fa3;
	font-size: 13px;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    pointer-events: none;
	display:inline-block;
	width:20px; height:12px;
	background: url("/img/ico_arrow_indicator.png") no-repeat center center;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
	text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
	text-decoration: none;
}
.breadcrumb-item.active a {
	border-bottom: 1px solid #9b9fa3;
}

/* TITLE */
.sub-title {margin-bottom: 1em;}

/* PAGENATION */
.pagination {
	justify-content: center;
	margin: 48px auto;
}
.page-link {
	padding: 0;
	border: 0px;
	text-align: center;
	line-height: 39px;
	width: 40px;
	color: #676d73;
	border-bottom: 1px solid transparent;
}
.page-link:hover {
	color: #000;
	background: none;
	border-bottom: 1px solid #000;
}
.page-link:focus {
	color: #000;
	background-color: transparent;
	border-bottom: 1px solid #000;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
}
.page-item:not(:first-child) .page-link {margin-left: 4px;}
.page-item.active .page-link {
	color: #000;
	background-color: transparent;
	border-bottom: 1px solid #000;
}
.page-item.disabled .page-link {width: 32px; color: #bcbfc2; border: 0;}
.page-item:first-child .page-link,
.page-item:last-child .page-link {border-radius: 0;}
.page-item.prev .page-link,
.page-item.next .page-link {width: 32px; border-bottom: none;}
/* .page-item.prev a:hover, .page-item.next a:hover {border-bottom: none;} */
.page-link i.material-icons,
.page-link i.material-icons {font-size: 18px;}

/* Badges */
.badge {
	padding:4px 6px !important;
	font-size:12px; font-weight:400;
	border-radius: calc(0.25rem - 1px);
}

/* TAB ------- */
.nav-tabs .nav-link {
	border-radius: 0;
	color: #000;
}
.nav-link:focus,
.nav-link:hover {
	color: #000;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
	border-color: #000;
	color: #fff;
	background: #000;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
	color: #fff;
	background: #000;
	border-color: #000;
}
.tab-main {
    padding: 16px;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    border-bottom: 1px solid #e5e7e8;
    background-color:#fff;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px rgb(0 0 0 / 8%);
}
.nav-pills li+li,
.tab-main .swiper-slide + .swiper-slide {
	margin-left: 0.5rem;
}
.nav-pills .nav-link,
.tab-main .swiper-slide {
	width: auto;
	padding: 0;
	line-height: 37px;
	border: 1px solid #cdcfd1;
	border-radius: 0.25rem;
	letter-spacing: -0.5px;
	color: #676d73 !important;
	background-color: #fff;
	transition: 0.2s ease-in-out;
	cursor: pointer;
}
.tab-main .swiper-slide > div {
	padding: 1px 16px 0;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link,
.tab-main .swiper-slide.active {
	border-color: #000;
	background-color: #000;
	font-weight: 600;
	color: #fff !important;
}
@media (max-width:991.98px) {
    .tab-main {padding: 24px 16px 16px;}
    .tab-main .swiper-slide {line-height: 33px; font-size: 14px;}
}

.tab-sub .swiper-container::before {
	position:absolute; left:0; bottom:0; width:100%; height:1px; content: ""; background:#cdcfd1;
}
.tab-sub .swiper-slide {width: auto; text-align:center; line-height: 1rem; letter-spacing: -0.5px; font-size:16px; font-weight:500; color: #9b9fa3;}
.tab-sub .swiper-slide + .swiper-slide {margin-left: 8px;}
.tab-sub .swiper-slide:hover {cursor:pointer;}
.tab-sub .swiper-slide.active {color: #000;/*  border-bottom:4px solid #000; */}
.tab-sub .swiper-slide.active::after {
	position: absolute; left: 0; bottom: 0;
    width: 100%; height: 4px;
	content: "";
    background-color: #000;    
}
.tab-sub .swiper-slide div{padding:16px 12px;}

/* Progress step */
/* .progress-step-arrow {margin-top: 8px;} */
.progress-step-arrow .card, .progress-step-arrow .card-header {
	margin:0; padding: 0; background-color: transparent;
	border: 0; border-radius: 0;
}
.progress-step-arrow .nav-tabs {
	position: relative;
	display: flex; -webkit-box-pack: justify; justify-content: space-between;
	margin: 0; padding: 0;
}
.progress-step-arrow .nav-tabs::before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0px;
    right: 0px;
    height: 4px;
    background: #e5e7e8;
    border-radius: 4px;
	opacity: 0.7;
}
.progress-step-arrow .nav-tabs li {
    position: relative;
    width: 100%;
    padding: 24px 0px 0px;
}
.progress-step-arrow .nav-tabs li::before {
    content: "";
    display: block;
    position: absolute;
    left: 0px;
    top: 10px;
    width: 50%;
    height: 4px;
    background: #e5e7e8;
}
.progress-step-arrow .nav-tabs li::after {
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    top: 10px;
    width: 50%;
    height: 4px;
    background: #e5e7e8;
}
.progress-step-arrow .nav-tabs li:first-of-type::before {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.progress-step-arrow .nav-tabs li:last-of-type::after {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.progress-step-arrow .nav-tabs .nav-link {
	position: relative; z-index: 1; padding: 8px 4px; letter-spacing: -0.5px;
}
.progress-step-arrow .nav-tabs .nav-link,
.progress-step-arrow .nav-tabs .nav-link:focus,
.progress-step-arrow .nav-tabs .nav-link:hover {
	background: transparent;
	border: 0;
	font-size: 14px;
	text-transform: capitalize;
	color: #86888a;
}
.progress-step-arrow .nav-tabs .nav-link::before {
    display: block;
    position: absolute;
    left: 50%;
    top: -18px;
    width: 12px;
    height: 12px;
    margin-left: -6px;
	content: "";
    background: #dcdee0;
    border-radius: 50%;
	z-index: 2;
}
.progress-step-arrow .nav-tabs .nav-link.active {
	/* background: transparent;
	border: 0; */
	color: #00b34a;
}
.progress-step-arrow .nav-tabs .nav-link.active::before {
    display: block;
    position: absolute;
    left: 50%;
    top: -18px;
    width: 12px;
    height: 12px;
    margin-left: -6px;
	content: "";
    border-radius: 50%;
	background: #00b34a;
	z-index: 2;
}
.progress-step-arrow .nav-tabs .nav-link.active::after {
	display: block;
    position: absolute;
	left: calc(50% - 12px);
	top: -24px;
    width: 24px;
    height: 24px;
	content: "";
    border: 1px solid #00b34a;
	border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 1;
}
.progress-step-arrow .tab-pane.card-body {padding: 0;}
.progress-step-arrow .tab-pane.card-body > section:first-child {margin-top: 1.5rem;}

/* List group */
.list-group-item-action {color: #52575c;}
.list-group-item-action:hover, .list-group-item-action:focus {
	color: #000;
	background-color: #fafafa;
}

/* BUTTON */
.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;
	font-size: 14px;
}
.btn-text,
.btn-text:hover,
.btn-text:focus,
.btn-text:active {
	/* all: unset; */
	display: inline-block;
	padding: 6px 8px;
	font-size: 14px;
	line-height: 1em;
	color: #676d73;
	border: 1px solid transparent;
	background-color: transparent;
	cursor: pointer;
}
.btn-text > span[class^="material"] {font-size: 18px; color: #86888a;}
.btn-text .img-arrow {width: 15px; display: block; margin: auto; transition: 0.2s ease-in-out;}
.btn-toggle-arrow {
	transform: rotate(180deg); -webkit-transform: rotate(180deg); transition: 0.2s ease-in-out;
}
.btn-bundle {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 28px;
	/* line-height: 1em; */
}
.btn-bundle::after {
    font-family: var(--bs-font-monospace);
    content: "+";
    font-size: 18px;
	color: #fff;
/*     vertical-align: middle;
    line-height: .8; */
	transition:.2s;
}
.btn-bundle.show {
	border: 1px solid #e5e7e8 !important;
	background-color: #fff !important;
}
.btn-bundle.show::after {
    content: "";
	width: 10px;
	height: 2px;
	background-color: #000;
	transition:.2s;
}

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

.btn-search {
	width: 40px !important; 
	background: #000 url("/img/ico_search_white.png") no-repeat center !important;
	background-size: 20px;
}
.btn-search:hover, .btn-search:focus, .btn-search:active {
	background: #323538 url("/img/ico_search_white.png") no-repeat center !important;
}

.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 */
.modal-dialog {margin: 1rem;}
.modal-dialog-scrollable {height: calc(100% - 2rem);}
.modal-dialog-centered {min-height: calc(100% - 2rem);}
.modal-content {border: 0;}
.modal header {height: unset;}
.modal-header {
	padding: 0 16px;
	background-color: #212529;
	border: 0;
	border-radius: 0;
}
.modal-header .btn-close {filter: invert(1) grayscale(100%) brightness(200%);}
.modal-header .btn-close:hover {opacity: 1;}
.modal-body {margin: 0 0 0 16px; padding: 16px 16px 32px 0; line-height: 1.5em;}
.modal-footer > * {margin: unset;}
.modal-header .modal-title {margin: 4px 10px 0 0; color: #fff;}
.modal-body .sub-title:not(:first-child) {margin-top: 32px;}
.modal-footer.btn-bottom-wrapper {
	margin: 0; padding: 16px;
	border-top: 1px solid #212529;
	border-radius: 0;
}

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

@media (max-width: 575.98px) {
	.modal-footer.has-pagination {flex-direction: column;}
	.modal-footer .flex-row {width: 100%;} /* .has-pagination */
	.modal-footer .flex-row button + button {margin-left: 8px;} /* .has-pagination */
}
@media (max-width: 419.98px) {
	.modal-footer.btn-bottom-wrapper button {width: 100%;}
}
@media (max-width: 767.98px) {
	.modal-dialog {max-width: calc(100% - 2rem);}
	.modal-header {padding: 12px 16px;}
}
@media (min-width: 768px) {
	.modal-header {padding: 16px 32px;}
	.modal-body {margin: 0 0 0 32px; padding: 32px 32px 32px 0;}
/* 	.modal-footer.btn-bottom-wrapper {margin: 0;} */
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.modal-dialog {max-width: calc(100% - 10rem); margin: 5rem auto;}
	.modal-dialog-scrollable {height: calc(100% - 10rem);}
	.modal-dialog-centered {min-height: calc(100% - 10rem);}	
}
@media (min-width: 992px) {
	.modal-dialog {margin: 5rem auto;}
	.modal-dialog-scrollable {height: calc(100% - 10rem);}
	.modal-dialog-centered {min-height: calc(100% - 10rem);}
}
.modal-fullscreen {
	width: 100vw;
	max-width: none;
	height: 100%;
	margin: 0;
	overflow-y: hidden;
}
.modal-body > .tab-main {
	padding: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
    box-shadow: none;
}
@media (max-width: 991.98px) {
	.modal-body > .tab-main .nav-pills .nav-link {padding: 1px 12px 0; line-height: 33px; font-size: 14px;}
}

/* slideUp */
.modal.fade.modal-slideup .modal-dialog {
    all: unset;
	display: flex;
	justify-content: center;
	width: 100%;
    position: fixed;
    bottom: 0;
    transition: transform 0.3s ease-out;
    transform: translateY(100%);
    height: calc(100vh - 50%);
}
.modal.fade.modal-slideup .modal-content {
	max-width: 1296px; height: 100%; border-radius: 0.5rem 0.5rem 0px 0px;
}
.modal.show.modal-slideup .modal-dialog {transform: translateY(0%) !important;}

/* Popover */
.popover {max-width: calc(100vw - 65px) !important; border: 1px solid #adb0b3; z-index: 999;}

/* LABEL */
label {vertical-align: middle;}
.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;
}
/* label.drop {
	color: #ef2b49;
} */

/* 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;
}
h1, .h1 {font-size: 40px;}
h2, .h2 {font-size: 32px;}
h3, .h3 {font-size: 28px;}
h4, .h4 {font-size: 24px;}
h5, .h5 {font-size: 20px;}
h6, .h6 {font-size: 18px;}

.fs-18 {font-size: 18px !important;}
.fs-14 {font-size: 14px !important;}
.fs-13 {font-size: 13px !important;}
.fs-12 {font-size: 12px !important;}

.fw-medium {font-weight: 500;}
.fw-semibold {font-weight: 600;}

.font-monospace {letter-spacing: -1px;}
.font-montserrat {font-family: 'Montserrat', sans-serif !important;}

/* Spacing */
.me-n1px {margin-right: -1px;}
.ms-n1px {margin-left: -1px;}
@media (min-width: 576px) {
	.me-sm-n1px {margin-right: -1px;}
	.ms-sm-n1px {margin-left: -1px;}
}
.ls-n1px {letter-spacing: -1px;}

/* Add ---------------------------*/
/* Scrollbar */
.scrollbar-auto-hide {
    margin: 10px 2px;
    width: inherit;
    height: inherit;
    background: #fff;
    overflow: overlay; /* overflow-y: auto; */
    mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 6px, black 6px);
    mask-size: 100% 20000px;
    mask-position: left bottom;
    -webkit-mask-image: linear-gradient(to top, transparent, black), linear-gradient(to left, transparent 6px, black 6px);
    -webkit-mask-size: 100% 20000px;
    -webkit-mask-position: left bottom;
    transition: mask-position 0.2s, -webkit-mask-position 0.2s;
}
.scrollbar-auto-hide::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background: transparent;
    border-radius: 10px;
}
.scrollbar-auto-hide::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}
.scrollbar-auto-hide::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: rgba(86, 100, 115, 0.2);
}
.scrollbar-auto-hide {
    scrollbar-color: rgba(86, 100, 115, 0.2) transparent;
}
.scrollbar-auto-hide:hover {-webkit-mask-position: left top;}
.scrollbar-content-wrapper {padding: 0 8px;} /* padding: 0 12px 0 18px */
div[id^="modal"] .scrollbar-auto-hide {height: 180px;}

.pointer {cursor: pointer;}
.more:hover {
	overflow: hidden; text-overflow: ellipsis; /* white-space: nowrap; */
	text-decoration: underline; color: currentColor; cursor: pointer;
}

a h3.subtitle {color:#000; display:inline-block;}
a h3.subtitle .material-icons-outlined {font-size:28px; color:#000; vertical-align:top;}
hr {border-top: 1px solid #e5e7e8; opacity:1;}
table.scorecard > tr:not(:last-child) {border-bottom: 1px solid #cdcfd1}

.text-date i {margin-right:4px; vertical-align:-2px;}

/* Form */
input.btn-addon {
	box-sizing:border-box;
	width:calc(100% - 99px);
	padding: 0 10px;
	border-radius: 0;
}
input.btn-addon + .btn-primary {
	display:inline-block; margin-left:-1px; width:100px; vertical-align:top;
}

/* Profile picture */
.center-cropped {
	object-fit:cover;
	object-position:center;
	height:48px;
	width:48px;
	border-radius:50% !important;
	vertical-align:middle;
}

/* Icons */
.icon-sprite-social {
    display:inline-block; width:26px; height:28px; vertical-align:middle;
	background:url("/img/ico_sprite_social.png") no-repeat 0 0;
    background-size:120px 28px; -webkit-background-size:120px 28px;
}
.icon-google {background-position: -10px -3px;}
.icon-facebook {background-position: -47px -3px;}
.icon-apple {background-position: -82px -2px;}
.icon-alarm {padding-left: 24px; background: url("/img/ico_info.png") no-repeat left 2px; background-size: 18px; line-height:22px; color:#9b9fa3;}
.icon-delete-bin {
	display:inline-block; width:22px; height:24px; vertical-align:middle;
	background: url("/img/delete-bin-line.svg") no-repeat left -1px;
	background-size: 24px;
}

/* View */
.view-zoom-in {overflow: hidden;}
.view-zoom-in img{
    display:block; max-width:100%; height:auto;
    -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-out;
}
.view-zoom-in h6 {font-size: 1rem !important;}
.view-zoom-in .mask {
    position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background:#000;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)"; filter:alpha(opacity=10); opacity:0.1;
    -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-out;
}
.view-zoom-in:hover img {
    -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);
}
.view-zoom-in:hover .mask {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; transition:all .2s ease-out;
}
.view-zoom-in span[class^="icon"] {
    position:absolute; display:inline-block; top:50%; left:50%; transform:translate(-50%, -50%); width:40px; height:40px;
    background:url("/img/ico_search_white.png") no-repeat center; background-size:20px; -webkit-background-size:20px;
}

@media (min-width: 992px) {
	input[type="checkbox"],
	input[type="radio"] {
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 991.98px) {	
	.pagination {
		margin-top: 24px;
	}
	iframe {
		margin-bottom: 25px;
		height: 250px;
	}
	.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;
	}
	input[type="date"]::-webkit-date-and-time-value {
		text-align:left;
	}

	/* Add */
	input.btn-addon {width:calc(100% - 44px) !important; height:45px;}

	input.btn-addon + .btn-primary {
		width:45px !important; height:45px !important; border:0;}

	input.btn-addon + .btn-primary.check {
		text-indent:-9999px; background-size:21px;
		background:#000 url("/img/ico_check_avail.png") no-repeat center;}

	input.btn-addon + .btn-primary.photo {
		text-indent:-9999px; background-size:21px;
		background:#000 url("/img/ico_camera_white.png") no-repeat center;}

	.icon-alarm {font-size:14px;}
	/* .text-date, .text-date i {font-size:14px;} */

	/* Profile picture */
	.center-cropped {
		height:45px;
		width:45px;
	}
}