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

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

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

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

.contents {
	position: relative;
	display: block;
	box-sizing: border-box;
	margin-top: 24px;
	padding: 40px 24px;
	min-height: calc(100vh - 186px);
	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;
	}
}

/* Side bar */
#sidebar {
	width: 264px;
	min-width: 264px;
	max-width: 264px;
	min-height: 100vh;
	background: #005339;
	padding-top: 20px;
}

#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 {
	margin-bottom: 50px;
	text-align: center;
}
@media (max-width:991.98px) {
	#sidebar .sidebar-heading {
		margin-bottom: 16px;
	}
}

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

#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:hover,
#sidebar .sidebar-body .navbar .container-fluid button.active,
#sidebar .sidebar-body .navbar .container-fluid .not-collapsed,
#sidebar .sidebar-body .collapse-item a span {
	color: #fff;
}

#sidebar .sidebar-body .collapse-item {
	padding: 12px 30px;
	background: #202224;
}

#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 .sidebar-body .collapse-item a.active span,
#sidebar .sidebar-body .collapse-item a:hover span {
	color: #00b34a;
}

#sidebar .time-zone {
	position: -webkit-sticky;/* Safari */
	position: sticky;
	top: calc(100vh - 96px);
	height: 96px;
	margin-top: 30px;
	padding: 16px 30px 0;
	font-size: 12px;
	line-height: 20px;
	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;}
.table > :not(:last-child) > :last-child > * {
	font-weight: 700;
	border-bottom: 1px solid #e5e7e8;
}
.table td img {max-width: 100px;}
.table .hide {display: none; padding: 1rem;}

.table.table-sm th,
.table.table-sm td {
	padding: 8px 12px;
}

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

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

@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> :not(:last-child)> :last-child>* {
	font-weight: 700;
	white-space: nowrap;
	border-bottom: 1px solid #e5e7e8;
}

.table.table-lg>:not(:last-child)>:last-child>* {
	line-height: 63px;
}

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

table.table-bordered th,
table.table-bordered td {
	border: 1px solid #e5e7e8;
	border-top: 0;
	border-left: 0;
}

table.table-bordered th:last-of-type,
table.table-bordered td:last-of-type {
	border-right: 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;
}

.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 */
.table-type {border-top: 2px solid #35383b; border-bottom: 1px solid #adb0b3;}
.table-type > div {
    padding: 12px;
    border-bottom: 1px solid #e5e7e8;
	line-height: 1.25em;
    color: #52575c;
}
.table-type > div:last-child {border-bottom: 0;}
.table-type.header-col > div:nth-of-type(odd) {
    display: flex;
	align-items: center;
	padding: 12px;
    font-weight: 700;
    text-transform: capitalize;
    color: #000 !important;
    background-color: #f8f9fa;
}
.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;
}
@media (max-width: 575.98px) {
	.table-type > div {padding: 12px 0;}
	.table-type.p-keep > div {padding: 12px;}
}
@media (min-width: 576px) {
	.table-type.header-col > div * {align-self: center;}
	.table-type > div:nth-last-child(2) {border-bottom: 0;}
}

/* Section & Tabs with card integration ( progress-step-arrow ) */
section {
	margin-top: 3rem;
}

section>div {
	border-top: 1px solid #35383b;
	border-bottom: 1px solid #adb0b3;
}

section:first-child>div {
	border-top-width: 2px;
}

/* X-GOLF Shop Site Only */
.border-top-dgray {
	border-top: 2px solid #35383b !important;
}

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

.border-bottom {
	border-bottom: 1px solid #e6e7e9;
}

.border-left {
	border-left: 1px solid #e6e7e9;
}

.border-right {
	border-right: 1px solid #e6e7e9;
}

.border-left-0 {
	border-left: 0;
}

.border-right-0 {
	border-right: 0;
}

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

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

/* Position, Align */
.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.float-none {
	float: none !important;
}

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

.align-center {
	text-align: center;
}

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

/* 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>.form-control:focus,
.input-group>.form-select:focus {
	border: 1px solid #35383b;
}

.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 {
	padding: unset;
	color: #000;
	border: 1px solid #cdcfd1;
	border-radius: 0;
	transition: none;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	-o-box-shadow: none !important;
}

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

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

.form-control:disabled,
.form-control[readonly] {
	border: 1px solid #cdcfd1;
	background: #fafafa;
	color: #86888a;
}

.form-check {
	min-height: 1em;
	margin-bottom: 0;
}

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

@media (min-width:1200px) {
	.form-check label {
		line-height: 22px;
	}
}

/* .form-check .form-check-input {margin-left:0;} */

/*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-right: 8px;
	display: inline-block;
	margin-top: 0;
}

input[type="checkbox"]:checked {
	background-image: url("../img/ico_check.png") !important;
	background-repeat: no-repeat;
	background-position: center;
}

input[type="checkbox"] {
	margin-top: 0;
}

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*/
[type=radio] {
	margin-right: 8px;
	margin-top: 0;
	width: 16px;
	height: 16px;
}

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

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

/* FORM TEXT ETC. */
input[type="text"],
input[type="password"],
input[type="file"],
input[type="number"] {
	width: 100%;
	height: 48px;
	padding: 0 10px;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	color: #000;
	/* font-size: inherit; */
	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,
input[type="number"]::-webkit-input-placeholder {
	color: #9b9fa3 !important;
}

/* Chrome/Opera/Safari */

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="file"]::-moz-placeholder,
input[type="number"]::-moz-placeholder {
	color: #9b9fa3 !important;
}

/* Firefox 19+ */

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

/* Firefox 18- */

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder {
	color: #9b9fa3;
}

/* IE 10+ */

/* input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="file"]:disabled,
input[type="number"]:disabled {
	color: #86888a;
	background: #fafbfc;
} */

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"]:not([readonly]):focus,
input[type="password"]:not([readonly]):focus,
input[type="file"]:not([readonly]):focus,
input[type="number"]:not([readonly]):focus {
	border-color: #35383b !important;
	border-radius: 0;
}

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

/* 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: #000;
	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 TEXTAREA */
textarea {
	width: 100%;
	padding: 10px !important;
	border-radius: 0;
	border-color: #cdcfd1;
	line-height: 1.5;
	color: #000;
	resize: none;
}

textarea:focus {
	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;
}

/* 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: #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: #35383b !important;
}
option {
	font-size: 16px;
	line-height: 48px;
	color: #000 !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: #000;
}
select option:not(:disabled) {
	color: #000;
}
select:required:invalid {
	color: #9b9fa3;
}
.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;
}
select.sort {
	height: 36px !important;
	font-size: 14px !important;
}
select.btn-addon {
	width: calc(100% - 48px) !important;
}

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

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

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb li a {
	font-size: 14px;
	font-weight: 400;
	color: #9b9fa3;
	text-decoration: unset;
	padding: 0;
}

.breadcrumb-item a {
	line-height: 24px;
}

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

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

.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 {
	margin-bottom: 48px;
}

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

.nav-pills .nav-link {
	border: 1px solid #cdcfd1;
	border-left: 0;
	color: #000;
	background: transparent;
	border-radius: 0 !important;
	width: 100%;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	line-height: 70px;
}

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

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

ul.tab-sub {
	display: flex;
	list-style: none;
	width: 100%;
}

ul.tab-sub li {
	flex: 1 1 0%;
	margin-left: -1px;
	box-sizing: border-box;
	border: 1px solid #000;
}

ul.tab-sub li a {
	display: block;
	padding-top: 2px;
	line-height: 46px;
	white-space: nowrap;
	text-align: center;
	color: #000;
	background: #fff;
	transition: .2s ease-out;
}

ul.tab-sub li a:hover,
ul.tab-sub li a.on {
	cursor: pointer;
}

ul.tab-sub li a.on {
	background: #000;
	color: #fff;
}

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

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

/* button {background-color:unset; border:0;} */

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

.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-xxl {
	line-height: 72px;
	width: 100%;
	padding: 0;
	max-height: 72px;
}

.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: 23px;
	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-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:focus {
	box-shadow: unset;
}

.btn-refresh {
	padding: 0 10px 0 12px;
}

.btn-refresh i {
	font-size: 24px;
}

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

.fade:not(.show) {opacity: .6;} /* Remove body scroll */

.modal.fade:not(.show) {opacity: 1;}

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

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

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

.modal-header {
	padding: 20px 24px;
	border: 0;
	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 h3 {
	max-width: calc(100% - 36px);
	font-size: calc(1.125rem + 0.3vw);
	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-header .btn-close:focus {
	box-shadow: none;
}

.modal-header .btn-close i {
	font-size: calc(1.125rem + 0.3vw);
	color: #9B9FA3;
}

.modal-header .btn-close:hover i {
	color: #35383B;
}

.modal-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 1;
}

.modal-body {
	padding: 24px;
	max-height: 600px;
	overflow-y: auto;
	color: #52575c;
}

.modal-body .modal-subtitle {
	margin-bottom: 16px;
	font-size: 18px !important;
	font-weight: 700;
	text-transform: capitalize;
	color: #000;
}

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

@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: 991.98px) {
	.modal {
		width: 90%;
		left: 5%;
	}

	.modal-header {
		padding: 16px;
	}

	.modal-header h3 {
		font-size: 18px;
	}

	.modal-body .modal-subtitle {
		margin-bottom: 15px;
		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%;
	}
}

[class*="modal"] .table-type > [class*="col"] {min-height: 45px;}

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

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

/* Status */
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-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !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;}
}

/* Embedded external font */
.font-monospace {letter-spacing: -1px;}
.font-montserrat {font-family: 'Montserrat', sans-serif !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;
}

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

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

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

/* WIDTH */
.w-25 {
	width: 25%;
	max-width: unset;
}

.w-40 {
	width: 40%;
	max-width: unset;
}

.w-50 {
	width: 50%;
	max-width: unset;
}

.w-60 {
	width: 60%;
	max-width: unset;
}

.w-75 {
	width: 75%;
	max-width: unset;
}

.w-100 {
	width: 100%;
	max-width: unset;
}

.w-auto {
	width: auto;
}

iframe {
	width: 100%;
	margin-bottom: 40px;
}

/* ROUNDED */
.rounded {
	border-radius: 50px !important;
	padding: 6px 18px;
	line-height: 1;
	border-radius: 0.35rem !important;
	margin-bottom: 0;
}

/* TEXT */
.text-blue, .sky {color: #3577f1 !important;}
.text-indigo {color: #0033a1 !important;}
.text-purple {color: #552bb6 !important;}
.text-pink {color: #ce2f92 !important;} /* Event type */
.text-red, .drop {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, .text-views {color: #9b9fa3 !important;}
.text-gray {color: #676d73 !important;}
.text-dgray {color: #35383B !important;}
.text-normal {color: #52575c;}

.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, .text-point {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;}
.bg-lightgray {background: #fcfcfc !important;}
.bg-gray {background: #f8f9fa !important;}

/* .col-md-1,
.col-md-2,
.col-md-3,
.col-md-4 {width:100%; border-color:#cdcfd1; margin:0; padding:0;} */
.col-md-4 .form-control:focus {
	border-color: #35383b;
}

.col-md-3#validationCustom04 {
	border-color: #35383b;
}

/* .row {--bs-gutter-x:0;} */
.input-wrap {
	padding: 20px 40px;
	overflow: hidden;
}

/* Add ---------------------------*/
.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 */
.material-icons,
.material-icons-outlined,
.material-icons-round {
	vertical-align: top;
	font-size: 16px;
	line-height: inherit;
}

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

.icon-box [class*="material"] {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px;
	font-size: 24px;
}

/* Form - Input group & Icon Button */
.btn-primary.icon-search {
	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-photo {
		text-indent: -9999px;
		background-image: url("/img/ico_camera_white.png");
		background-size: 20px;
	}
}

/* 아래 지울것 */
input.btn-addon {
	box-sizing: border-box;
	width: calc(100% - 149px);
	padding: 0 10px;
	border-radius: 0;
}

input.btn-addon+.btn-primary {
	display: inline-block;
	margin-left: -1px;
	width: 150px;
	vertical-align: top;
}

@media (max-width: 991.98px) {
	input.btn-addon {
		width: calc(100% - 47px) !important;
		height: 48px;
	}

	input.btn-addon+.btn-primary {
		width: 48px !important;
		height: 48px !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;
	}
}

@media (min-width:1200px) {

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

@media (max-width:1199.98px) {
	.nav-pills .nav-link {
		line-height: 62px;
	}

	.simulator .table.board th,
	.simulator .table.board td,
	.simulator .table.board td button {
		font-size: 14px;
	}
}

@media (max-width: 991.98px) {

	.row *:not(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, small, .small),
	[class|=filter-box] div *,
	.gender-search div * {
		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;
	}

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

	/*PAGENATION*/
	.pagination {
		margin-top: 25px;
	}

	.input-wrap {
		padding: 0;
	}

	.input-wrap input[type="text"] {
		border: 0;
		height: 45px;
	}

	.input-wrap .btn-lg {
		line-height: 45px;
		max-height: 45px;
	}

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

	.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: 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 .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 th, .table.b-table td {font-size: 14px;}

	.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 div[class|=col]:first-of-type {
		font-weight: 700;
		color: #000;
	}

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

	table.list th {
		border: 0;
	}

	.breadcrumb {
		padding-top: 0;
	}

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

	.nav {
		display: none;
	}

	.swiper {
		display: block;
	}

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

	input[type="text"].ph-14::-webkit-input-placeholder {
		font-size: 14px !important;
	}

	input[type="text"].ph-14::-moz-placeholder {
		font-size: 14px !important;
	}

	input[type="text"].ph-14:-moz-placeholder {
		font-size: 14px !important;
	}

	input[type="text"].ph-14:-ms-input-placeholder {
		font-size: 14px !important;
	}

	.btn-refresh {
		padding: 0 11px;
	}
}

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