@import "../css/root.css";

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	font-family: 'Apple SD Gothic Neo', sans-serif;
}

html {
	scroll-behavior: smooth;
}

button {
	cursor: pointer;
	padding: 3px 10px;
}

button:disabled {
	cursor: default;
}


.dBtn {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	/*   max-width: 120px;  */
	padding: 5px 10px;
	/*   margin: 10px 20px 10px 0; */
	font-weight: 600;
	text-align: center;
	/*   line-height: 50px; */
	color: #FFF;
	border-radius: 5px;
	transition: all 0.2s;
}

.dBtn.btnSubmit {
	background: var(--waldbow-color1);

}

.dBtn.btnCancel {
	background: hsl(354, 81%, 63%);
}

.dBtn.btnSubmit:hover {
	background: #0f693e;

}

.dBtn.btnCancell:hover {
	background: hsl(354, 81%, 83%);
}

input[type=password],
input[type=text] {
	font-size: var(--font-size-sm);
}

body {
	/* 	-webkit-user-select: none; */
	/* 	-moz-user-select: none; */
	/* 	-ms-user-select: none; */
	/* 	user-select: none; */
	font-size: 16px;

}

button,
/* label, */
div {
	line-height: 1.2;
}

input[type=radio],
input[type=checkbox] {
	/* 	display: none; */
}

select,
input[type=number],
input[type=password],
input[type=text] {
	/* 	outline: none; */
}

input[type=number]:disabled,
input[type=text]:disabled {
	opacity: 0.4;
}

/* input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	appearance: none;
} */

input:disabled {
	opacity: 0.5;
}

.hide {
	display: none !important;
}

.hold {
	pointer-events: none;
}

.hold:disabled {
	opacity: 0.3;
}

.flex_center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.text_center {
	text-align: center;
}

.text_right {
	justify-content: flex-end;
	text-align: right;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

h1 {
	font-size: var(--font-size-lg);
}

h2 {
	font-size: var(--font-size-md);
}

p {
	font-size: var(--font-size-sm);
}

.text-blg {
	font-size: var(--font-size-blg);
	font-weight: bold;
}

.text-lg {
	font-size: var(--font-size-lg);
	font-weight: bold;
}

.text-md {
	font-size: var(--font-size-md);
	font-weight: bold;
}

.text-md-nbold {
	font-size: var(--font-size-md);
}

.text-sm {
	font-size: var(--font-size-sm);
}

.text-sm-bold {
	font-size: var(--font-size-sm);
	font-weight: bold;
}

.text-bsm {
	font-size: var(--font-size-bsm);
}

.text-bsm-bold {
	font-size: var(--font-size-bsm);
	font-weight: bold;
}

.padding-all {
	padding: var(--pading-all)
}

.margin-all {
	margin: var(--margin-all)
}

.padding-top-buttom {
	padding-top: var(--pading-all);
	padding-bottom: var(--pading-all);
}

.padding-left-right {
	padding-left: var(--pading-all);
	padding-right: var(--pading-all);
}

.margin-all {
	margin: var(--pading-all)
}

.empty_h4 {
	height: 4px;
}

.empty_h6 {
	height: 6px;
}

.empty_h8 {
	height: 8px;
}

.empty_h10 {
	height: 10px;
}

.empty_h12 {
	height: 12px;
}

.empty_h16 {
	height: 16px;
}

.empty_h18 {
	height: 18px;
}

.empty_h20 {
	height: 20px;
}

.empty_h24 {
	height: 24px;
}

.border_h1 {
	border: solid 1px #000000;
	width: 100%;
	height: 1px;
}

.border_w1 {
	border: solid 1px #000000;
	height: 100%;
	width: 1px;
}

a {
	text-decoration: none;
	color: inherit;
}

@media print {

	html,
	body {
		-webkit-print-color-adjust: exact;
	}

	table {
		page-break-inside: auto;
	}

	tr {
		page-break-inside: avoid;
		page-break-after: auto;
	}

	thead {
		display: table-header-group;
	}

	tfoot {
		display: table-footer-group;
	}
}




::-webkit-scrollbar {
	background-color: rgba(0, 0, 0, .1);
	width: 8px;
	height: 8px
}

::-webkit-scrollbar {
	opacity: 0
}

::-webkit-scrollbar-track {
	background: hsla(0, 0%, 0%, .1) !important
}

::-webkit-scrollbar-thumb {
	background-color: #064c2a;
	border-radius: 16px;
	opacity: .7;
	cursor: pointer
}

::-webkit-scrollbar-button {
	display: none
}



.wrap_main {
	display: flex;
}

.wrap_main>div:first-child {
	z-index: 2;
	width: 100%;
	background-color: #FFF;
	flex : 0;
}

.wrap_main>div:last-child {
	z-index: 2;
	width: 100%;
	background-color: #FFF;
	flex : 0;/* 화면 비율적용시 필요 */
}

.wrap {
	flex: 1;
	/* 	display: flex; */
	flex-direction: column;
	/*     max-width: var(--scwidth); */
	width: 100%;
	margin: 0 auto;
}

.fixed {
	top: 0;
	position: fixed;
	/* 	max-width: var(--scwidth); */
	width: 100%;
}

.maxfit {
	max-width: var(--scwidth);
	margin: 0 auto;
	position: relative;
	height: inherit;
}

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

input[type=checkbox] {
	accent-color: #18a360;
}



input[type=text] {
	height: 100%;
	width: 100%;
	padding-left: 10px;
	/*   border-radius: 5px; */
	border: 1px solid lightgrey;
	font-size: var(--font-size-bsm);
	transition: all 0.3s ease;
}

input[type=text]:focus {
	border-color: var(--waldbow-color1);
	box-shadow: inset 0px 0px 2px 2px var(--waldbow-color1);
}

input[type=text]::placeholder {
	color: #999;
}


.jodit-status-bar-link {
	pointer-events: none !important;
}
.jodit-workplace img {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#btn_search {
	background-color: var(--simbol-color);
	color: #fff;
}

#btn_search:hover {
	background-color: var(--simbol-text-hover);
	color: #fff;
}