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

/* Updated 2025.09.16 */
: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: #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;}
dfn {font-style: normal;}
/* 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;}

.total_manager .font-montserrat {
	display: inline-block;
}

.container {
	width: 100%;
	padding-right: 0.75rem;
	padding-left: 0.75rem;
	margin-right: auto;
	margin-left: auto;
}
.contents {
	background-color: #fff;
	padding: 40px 25px;
	box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.04);
	margin-top: 25px;
}
#page-content-wrapper {width: 100%;	background: #f8f9fa;}
#page-content-wrapper .container-fluid {padding: 50px 25px 20px;}

/* 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.table-lg > :not(:last-child) > :last-child > * {
	line-height: 62px;
}
.table.table-md > :not(:last-child) > :last-child > * {
	line-height: 46px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
	color: #676d73;
	--bs-table-accent-bg: transparent;
}
.table td img {max-width: 100px;}
.table .hide {display: none; padding: 1rem;}
.table.table-sm th,
.table.table-sm td {padding: 8px 12px; font-size: 14px !important;}

table.list th,
table.list td {
	border: 1px solid #e5e7e8;
	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-right: 0;
	border-top: 0;
}
table.table-bordered th:first-of-type,
table.table-bordered td:first-of-type {
	border-left: 0;
}
.table.board .th-arrow {
	display: none;
}
.table.board .td-arrow {
	display: none;
}

td small, td .small {color: #86888a;}

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

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

/* Sizing */
.w-1 {width: 1% !important; white-space: nowrap;}
@media (min-width: 576px) {
	.w-sm-auto {width: auto !important;}
}
@media (min-width: 768px) {
	.w-md-auto {width: auto !important;}
}
.w-30 {width: 30%; max-width: unset;}
.w-40 {width: 40%; max-width: unset;}
.w-60 {width: 60%; max-width: unset;}
.w-70 {width: 70%; max-width: unset;}

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

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

.start-m {margin-top: 48px !important;}

/* 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;}
.v-align-top {vertical-align:top;}

/* 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: 32px;
}
.tab-content .filter-group:first-child {margin: 32px 0;}

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

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

	padding-top: 3px;
	line-height: 1.5;
	cursor: pointer;
	color: #000;
} */
.form-check {
	min-height: 16px;
	margin-bottom: 0;
	line-height: 15px;
}
@media (min-width: 992px) {
	.form-check {
		min-height: 20px;
		margin-bottom: 0;
		line-height: 19px;
	}
}

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

/* FORM RADIO */
input[type=radio] {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 0.5em;
	margin-top: 0;
	border-radius: 50% !important;
}
input[type=radio]:checked {
	background-color: #000;
	border-color: #000;
}
input[type=radio]:focus {
	box-shadow: unset;
}
@media (min-width: 992px) {
	input[type=checkbox],
	input[type=radio] {
		width: 20px;
		height: 20px;
	}
}

/* FORM TEXT 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; */
	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 !important;
} /* Chrome/Opera/Safari */

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

/* FORM DATE */
input[type="date"] {
	-webkit-appearance: none;
	position: relative;
	width: 100%;
	height: 40px;
	padding: 0 0 0 10px;
	border-radius: 0;
	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: #676d73;
	font-weight: 400;
}
 */
input[type="date"]:focus {border-color: #35383b;}
input[type="date"]:focus::before {display: none;}
input[type="date"]:valid::before {display: none;}
/*
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display: none;}
*/
input[type="date"]::-webkit-calendar-picker-indicator {
	display: block;
	-webkit-appearance: block;
	width: 36px;
	height: 38px;
	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"] {font-size: 14px;}
}

/* FORM TEXTAREA */
textarea {
	width: 100%;
	padding: 10px !important;
	border-radius: 0 !important;
	border: 1px solid #cdcfd1;
	color: #000;
	line-height: 1.5;
	resize: none;
}
textarea:focus {
	border-color: #35383b;
	border-radius: 0;
	outline: none !important;
}
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 */
select, .form-select {
	width: 100%;
	height: 40px;
	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 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;
}

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

/* 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 !important;}
h5, .h5 {font-size: 20px !important;}
h6, .h6 {font-size: 18px;}

/* Font */
.fw-500 {font-weight: 500 !important;}
.fs-18 {font-size: 18px !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;}
	.fs-lg-16 {font-size: 16px !important;}
}

/* Embedded external font & Icon */
.font-montserrat {font-family: 'Montserrat', sans-serif !important;}
.font-monospace {letter-spacing: -1px;}

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

/*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, .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;}
/* Membership Site Only */
.text-gray {color: #676d73 !important;}
.text-dgray {color: #35383B !important;}
@media (max-width: 991.98px) {
	.text-subscript {font-size: 13px;}
}

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

/* BREADCRUMB */
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom: 0;
}
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb li a {
	padding: 0;
	font-size: 13px;
	font-weight: 400;
	color: #a2a8ad;
	text-decoration: unset;
	text-transform: uppercase;
	cursor: pointer;
}
.breadcrumb-item + .breadcrumb-item {
	padding-left: 0;
/* 	color: #a2a8ad;
	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 #a2a8ad;
}

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

/* PAGENATION */
.pagination {justify-content: center; margin-top: 48px;}
.page-item .page-link {background: transparent;}
.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-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 {
	border-color: #000;
	color: #fff;
	background: #000;
}
.nav-pills .nav-link {
	border: 1px solid #cdcfd1;
	border-left: 0;
	color: #35383B;
	font-size:18px;
	font-weight:500;
	background: transparent;
	border-radius: 0 !important;
	transition: all .3s;
	padding: 27px 0 25px;
}
.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 !important;
	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;}

/* 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 */
.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-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;
	min-width: 40px;
	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: 13px !important;
}
.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-search {
	width:40px;
	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-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;}
}

/* toast */
.b-toast {width: 320px; max-width: calc(100vw - 40px);} /* width: 100%; min-width: 320px; max-width: 400px; */
.b-toast .toast {display: block; width: 100%;}
.toast-header {
	padding: 12px 16px;
	font-size: 15px !important;
	font-weight: 700;
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.toast-header button.close {
	box-sizing: border-box;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 -2px 0 auto !important;
	background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    background-size: 12px;
	border: 0;
    font-size: 0;
    line-height: 16px !important;
	text-indent: -999px;
    color: #000;
    text-shadow: none !important;
    opacity: 0.4;
	transition: opacity 0.2s ease;
}
.toast-header button.close:hover,
.toast-header button.close:focus {
	outline: 0;
	box-shadow: none !important;
	opacity: 1;
}
.toast-body {padding: 16px; line-height: 1.25;}
.toast-body .sub-title {margin: 24px 0 16px; text-transform: capitalize; font-weight: 700; color: #212529;}
.toast-body .btn-bottom-wrapper {margin: 0 auto; padding: 16px 0 0;}
.toast-body .btn-bottom-wrapper button {font-size: 13px; letter-spacing: 0;}


/* modal */
.modal-open {overflow: hidden;} /* Remove body scroll */
.fade:not(.show) {opacity: .6;}
.modal.fade:not(.show) {opacity: 1;}
/* .modal-backdrop {z-index: 1;} */
/* .modal {overflow: unset;} */
/* .modal .modal-dialog {
	display: flex;
	align-items: center;
	min-height: calc(100% - 1rem);
	height: calc(100% - 30rem) !important; // 주석 풀 경우 이것만 주석 처리로 제외
} */
.modal-header {
	padding: 20px 24px;
	border: 0;
	border-bottom: 1px solid #dcdee0;
}
.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:0;
	padding:0;
	background-size: 12px;
	opacity: 0.4;
}
.modal-header .btn-close:hover {opacity: 1;}
.modal-body {
	padding: 24px;
	max-height: 600px;
	overflow-y: auto;
	color:#52575c;
}
.modal-subtitle {
	margin-bottom: 16px;
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	color: #000;
}

.modal-body .row {height:100%;}
.modal-body .row [class^="col"].d-table {padding:1em;}
.modal-content {border: 0; border-radius: 0;}
.modal .d-table-cell {vertical-align:middle; color:#52575c; padding:0;}
.modal label.d-table-cell {font-weight:700; color:#000; text-transform: capitalize;}
.modal span.text-red {
	display:block; text-align:right; font-size:14px; margin-top:10px;
}

.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-body {max-height:450px; overflow-y:auto; padding:20px 16px;}
	.modal-body .justify-content-center {margin-top:15px;}
	.modal-subtitle {font-size: 16px;}
	.modal .btn1 {width: 100%;}
	.modal .btn2 {width: 50%;}
	.modal .btn3 {width: 33.333%;}
}

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

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

/* Spacing */
.p-12px {padding: 12px;}
.mt-n2px {margin-top: -2px;}
.mt-n1px {margin-top: -1px;}
.me-n1px {margin-right: -1px;}
.ms-n1px {margin-left: -1px;}
.mb-32px {margin-bottom: 32px;}
@media (min-width: 576px) {
	.me-sm-n1px {margin-right: -1px;}
	.ms-sm-n1px {margin-left: -1px;}
}
@media (min-width: 992px) {
	.mt-lg-n2px {margin-top: -2px;}
	.mt-lg-n1px {margin-top: -1px;}
}

/* Add ---------------------------*/

/* ROUNDED */
.rounded {
	padding: 6px 18px;
	line-height: 1;
	border-radius: 0.35rem !important;
	margin-bottom: 0;
}
.pointer {cursor: pointer;}
.more {color: #000; cursor: pointer;}
.more:hover, a:hover .more {text-decoration: underline; color: #000;}

hr {border-top: 1px solid #E5E7E8; opacity:1;}
table.scorecard > tr:not(:last-child) {border-bottom: 1px solid #dee2e6}

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

/* Form - Input group & Icon Button */
.btn-primary.icon-search {
    width:40px; height:40px; 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:40px; height:40px;
		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% - 100px);
	padding: 0 10px;
	border-radius: 0;
}
input.btn-addon + .btn-primary {
	display: inline-block; width: 100px; vertical-align: top; /* margin-left:-1px;  */
}
@media (max-width: 991.98px) {
	input.btn-addon {width:calc(100% - 40px) !important;}

	input.btn-addon + .btn-primary {
		width:40px !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;
		background-size: 20px;}

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

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

/* 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-kakao { background: url("/images/ico_social_kakao.png") no-repeat; background-size: 26px; }
.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;}

/* View more */
a.position-relative.view {
    display:block; overflow:hidden;
}
a.position-relative.view 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;
}
a.position-relative.view .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;
}
a.position-relative.view:hover img {
    -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);
}
a.position-relative.view:hover .mask {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; transition:all .3s ease-out;
}
a.position-relative.view 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 (max-width: 1023.98px) {
	.burger-check {
		display: none;
	}
	.menu {
		position: relative;
		top: 0;
		left: -270px;
		max-width: 0;
		transition: 0.5s ease;
		z-index: 1;
	}
	.burger-check:checked ~ .menu {
		max-width: 270px;
		left: 0;
	}
	.burger-icon {
		cursor: pointer;
		display: inline-block;
		position: absolute;
		z-index: 2;
		padding: 10px 0;
		top: 1.4rem;
		left: 30px;
		user-select: none;
		width: auto;
		margin: 0;
	}
	.burger-check:checked ~ .burger-icon {
		left: 300px;
		transition: all .5s ease-out;
	}
	.burger-icon .burger-sticks {
		background: #333;
		display: block;
		height: 3px;
		position: relative;
		transition: background .2s ease-out;
		width: 24px;
	}
	.burger-icon .burger-sticks:before {
		background: #000;
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		transition: all 0.5s ease-in-out;
		width: 18px;
	}
	.burger-icon .burger-sticks:after {
		background: #000;
		content: '';
		display: block;
		height: 100%;
		position: absolute;
		transition: all 0.5s ease-in-out;
		width: 14px;
	}
	.burger-icon .burger-sticks:before {
		top: 7.5px;
	}
	.burger-icon .burger-sticks:after {
		top: -7.5px;
	}
}
@media (max-width: 991.98px) {
	/*HEADER*/
	.topbar .small {
		display: none;
	}

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

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

	.start-m {
		margin-top: 36px !important;
	}

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

	.row *:not([class^="material"]) {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;
	}

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

	/* .icon-alarm {font-size:14px;} */
}

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