@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');
:root {
	--bs-primary: #2259a6;
	--bs-primary-rgb: 33, 89, 166;
	--bs-secondary: #606060;
	--bs-secondary-rgb: 108, 117, 125;
	--bs-body-font-family: 'Nanum Gothic';
	--bs-body-color: #343434;
}

html {
	overflow-y: scroll;
}
p {
	margin-top: 0;
	margin-bottom: 0;
	word-wrap: break-word;
}
.tableWrap {
	border-top: 2px solid #9392ab;
}
.tableWrap > div {
	border-bottom: 1px solid #cecece;
}

.table {
	--bs-table-hover-bg: rgba(0, 0, 0, 0.02);
	margin-bottom: 0;
	color: inherit;
	border-color: #cecece;
	vertical-align: middle !important;
}

.table > :not(:first-child) {
  border-top: 2px solid #939eb0;
}
.table > :not(caption) > * {
  border-width: 1px 0;
}
.table > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(:first-child) {
	border-top-width: 0;
}
.table-borderless > :not(caption) > * {
	border-width: 0;
}
.table-borderless > :not(caption) > * > * {
  border-width: 0;
}
.table > thead,
.table > tbody > tr > th {
	background-color: #deebf7;
	color: #2259a6;
	text-align: center;
	/*vertical-align: middle;*/
	/*white-space: nowrap !important;*/
}
	.table > thead > tr > td.title {
		color: #343434;
		text-align: left;
		font-weight: bold;
	}
.table-bgless > thead,
.table-bgless > tbody > tr > th,
.table > thead.thead-bgless,
.table > tbody.tbody-bgless > tr > th {
	background-color: inherit;
	/*white-space: nowrap !important;*/
}
.table-hover tr.view > td:not(.noview) {
	cursor: pointer;
}
.table-continue { margin-top: -1px; }
.table-wauto { width: auto; }



.btn-primary {
	color: #fff;
	background-color: #4a73c5;
	border-color: #4a73c5;
}
.btn-primary:hover {
	color: #fff;
	background-color: #2d55aa;
	border-color: #2d55aa;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #2d55aa;
	border-color: #2d55aa;
	box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #2d55aa;
	border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
	color: #fff;
	background-color: #4a73c5;
	border-color: #4a73c5;
}
/*.btn-success {
	color: #fff;
	background-color: #0aa699;
	border-color: #0aa699;
}
.btn-success:hover {
	color: #fff;
	background-color: #118698;
	border-color: #118698;
}
.btn-check:focus + .btn-success, .btn-success:focus {
	color: #fff;
	background-color: #118698;
	border-color: #118698;
	box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #118698;
	border-color: #118698;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
	color: #fff;
	background-color: #0aa699;
	border-color: #0aa699;
}
.btn-info {
	color: #fff;
	background-color: #00a9c8;
	border-color: #00a9c8;
}
.btn-info:hover {
	color: #fff;
	background-color: #038ab1;
	border-color: #038ab1;
}
.btn-check:focus + .btn-info, .btn-info:focus {
	color: #fff;
	background-color: #038ab1;
	border-color: #038ab1;
	box-shadow: 0 0 0 0.25rem rgba(7, 204, 239, 0.5);
}
.btn-check:checked + .btn-info, .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #0581a3;
	border-color: #0581a3;
}
.btn-check:checked + .btn-info:focus, .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, .show > .btn-info.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(7, 204, 239, 0.5);
}
.btn-info:disabled, .btn-info.disabled {
	color: #fff;
	background-color: #00a9c8;
	border-color: #00a9c8;
}
.btn-danger {
	color: #fff;
	background-color: #e54268;
	border-color: #e54268;
}
.btn-danger:hover {
	color: #fff;
	background-color: #d9375c;
	border-color: #d9375c;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
	color: #fff;
	background-color: #d9375c;
	border-color: #d9375c;
	box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #d9375c;
	border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, .show > .btn-danger.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
	color: #fff;
	background-color: #e54268;
	border-color: #e54268;
}
.btn-light {
  color: #000;
  background-color: #efefef;
  border-color: #9e9e9e;
}
.btn-light:hover {
  color: #000;
  background-color: #dcdcdc;
  border-color: #9e9e9e;
}
.btn-check:focus + .btn-light, .btn-light:focus {
  color: #000;
  background-color: #dcdcdc;
  border-color: #9e9e9e;
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
  color: #000;
  background-color: #dcdcdc;
  border-color: #9e9e9e;
}
.btn-check:checked + .btn-light:focus, .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
}
.btn-light:disabled, .btn-light.disabled {
  color: #000;
  background-color: #efefef;
  border-color: #9e9e9e;
}

.btn-outline-primary {
	color: #4a73c5;
	border-color: #4a73c5;
}
.btn-outline-primary:hover {
	color: #fff;
	background-color: #4a73c5;
	border-color: #4a73c5;
}
	.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
		box-shadow: 0 0 0 0.25rem rgba(74, 115, 197, 0.5);
	}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
	color: #fff;
	background-color: #4a73c5;
	border-color: #4a73c5;
}
	.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
		box-shadow: 0 0 0 0.25rem rgba(74, 115, 197, 0.5);
	}
.btn-outline-primary:disabled, .btn-outline-primary.disabled {
	color: #4a73c5;
	background-color: transparent;
}
.btn-outline-success {
	color: #0aa699;
	border-color: #0aa699;
}
.btn-outline-success:hover {
	color: #fff;
	background-color: #0aa699;
	border-color: #0aa699;
}
.btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
	box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
	color: #fff;
	background-color: #0aa699;
	border-color: #0aa699;
}
.btn-check:checked + .btn-outline-success:focus, .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
	box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.5);
}
.btn-outline-success:disabled, .btn-outline-success.disabled {
	color: #0aa699;
	background-color: transparent;
}

.border-primary {
	border-color: #4a73c5 !important;
}*/

.fade.in {
	opacity: 1;
}
/******/

a:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
	outline: 0;
	box-shadow: none;
}

.table-fixed {
	table-layout: fixed;
}

.input-kor { ime-mode:active; }
.input-eng { ime-mode:inactive; }
.input-eng-only { ime-mode:disabled; }
.input-capitalize { text-transform:capitalize; }/* 단어의 첫글자만 대문자로 */
.input-uppercase { text-transform:uppercase; }/* 모든 단어는 대문자로 */
.input-lowercase { text-transform:lowercase; }/* 모든 단어는 소문자 */
.input-number { text-align:right; ime-mode:disabled; }
.input-date { text-align:center; }
.input-date.text-left,
.input-number.text-left { text-align:left; }
.required::before { content: "* "; color: red; margin-left: -12px; }
.input-group.input-daterange .form-control,
.form-control.input-date { width:80px; }
.input-group.input-daterange.input-month .form-control,
.form-control.input-date.input-month { width:60px; }

.img-viewer { cursor: pointer; }

.text-decoration-none { text-decoration: none !important; }

/* Dialog */
.ui-dialog { text-align: left; z-index: 1055; }
.ui-dialog.ui-widget-content { border:none; }
.ui-dialog-modal { padding:0; border-width:0; text-align:left; background:#fff; }
.ui-dialog-modal .ui-dialog-titlebar { background-image:none; background-color:#4269b8; border-width:0; padding:10px 15px; }
.ui-dialog-modal .ui-dialog-title { /*font-size: 0.875rem;*/font-size: 1.25rem; color:#FFF; font-weight:bold; }
.ui-dialog-modal .ui-dialog-titlebar-close { background-image: url("images/ui-icons_444444_256x240.png"); background-position: -96px -128px; right:15px; border:none; width: 17px; height: 17px; }
.ui-dialog-modal .ui-dialog-buttonpane { background:#fff; border-top:1px solid #CCC; text-align:right; padding:10px 15px; margin-top:0; }
.ui-dialog-modal .ui-dialog-buttonpane .ui-dialog-buttonset { float:none; }
.ui-dialog-modal .ui-dialog-buttonpane button { padding: 3px 12px; margin:0 0 0 3px; }
.ui-dialog-modal .ui-dialog-buttonpane button .ui-button-text { font-weight:bold; }
.ui-dialog-modal .btn { /*font-size: 0.75rem;*/ }
.ui-dialog-modal .ui-dialog-content { padding:0 15px; margin:17px 0; /*font-size: 0.75rem;*/ }
.ui-widget-overlay { background: #000; opacity: .5; -ms-filter: Alpha(Opacity=30); /* support: IE8 */ }

.detail-title:not(.row),
.detail-title.row > *:first-child {
	display: list-item;
	counter-increment: list-item 0;
	list-style: inside disclosure-closed;
	font-size: 0.75rem;
	font-weight: 800;
	padding-bottom: 0.25rem;
}
	.detail-title:not(.row)::marker,
	.detail-title.row > *:first-child::marker {
		unicode-bidi: isolate;
		font-variant-numeric: tabular-nums;
		text-transform: none;
		text-indent: 0px !important;
		text-align: start !important;
		text-align-last: start !important;
		color: rgb(178,2,40);
	}
.detail-title.row {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}
.detail-title.row > .button{
	margin-top: -0.25rem;
}

.etc-content pre {
	white-space: pre-wrap; /* Since CSS 2.1 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.accordion-table .accordion-item {
	border: 1px solid #cfcfcf;
}
.accordion-table .accordion-item:first-of-type,
.accordion-table .accordion-item:first-of-type .accordion-button,
.accordion-table .accordion-item:last-of-type,
.accordion-table .accordion-item:last-of-type .accordion-button {
	border-radius: 0;
}
.accordion-table .accordion-item:not(:first-of-type) {
	border-top: 0;
}
.accordion-table .accordion-button {
	padding: 0.5rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
	color: inherit;
	background-color: #f4f4f4;
	box-shadow: none;
}
.accordion-table .accordion-button::after {
	width: 0.75rem;
	height: 0.75rem;
	background-size: 0.75rem;
}
.accordion-table .accordion-button:not(.collapsed) {
	border-bottom: 1px solid #cfcfcf;
}
.accordion-table .accordion-body {
	padding: 0.5rem 0.5rem;
}

.msds-level-1 > span { font-weight:bold; }
.msds-level-1 > div { padding-left: 1rem !important; }
.msds-level-2 { padding-left: 1rem !important; }
.msds-level-2 > span { font-weight:bold; }
.msds-level-2 > div { padding-left: 1rem !important; }
.msds-level-3 { padding-left: 2rem !important; }
.msds-level-3 > span { color:green; }
.msds-level-3 > div { padding-left: 1rem !important; }

.text-check-input {
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-top: 0.25em;
	vertical-align: top;
	border: 1px solid rgba(0, 0, 0, 0.25);
}
	.text-check-input > i {
		display: block;
	}
	/*.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}*/

.fixheadertable {
}

.fixheadertable-body {
	overflow-y: auto;
}

.font-notosans {
	font-family: "Noto Sans";
}