@font-face {font-family:"Noto Sans KR";font-weight:500;src:url("/fonts/notosanskr/NotoSansKR-Medium.woff2") format("woff2")}

* {
	font-family:"Noto Sans KR";
	font-weight:500;
}

body {
	overflow-y: scroll;
}

a {
	text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: none;
    color: #004998;
}

#bodyWapperPreloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: 99999999999;
	background: #ffffff;
}

#bodyWapperPreloader .loader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 5rem;
	height: 5rem;
	margin: auto;
}

#bodyWapperPreloader .circular {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	animation: rotate 3s infinite;
	transform-origin: center center;
}

#bodyWapper {
	position: relative;
	overflow: hidden;
	height: 100%;
	opacity: 0;
	transition: all 0.25s ease-in;
	background: #ffffff;
}

#bodyWapper.show {
	opacity: 1;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 98%;
}

.sweet-alert h2 {
    font-size: 16px;
    font-weight: 500;
}

.sweet-alert button {
    font-size: 16px;
}

.page-user {
    min-height: 37px;
    width: 99%;
    font-size: 10pt;
}

.page-user ul li {
    display: inline-block;
    padding: 0 5px 0 10px;
    border-left: 1px solid #dddddd;
}

.page-user ul li.profile {
	border-left: 0px;
    color: #666666;
}

.page-user ul li strong {
    color: #004998;
}

.navbar {
	min-height:60px;
	padding: 0;
	background: #0d3652;
}

.navbar-brand {
	font-size: 19pt;
}

.nav-item {
	padding: 0 3px 0 3px;
}

.nav-link {
	font-size: 13pt;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0px;
    padding-left: 20px;
}

.left-menu-title {
	min-height: 55px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #aab4bd;
}

.left-menu-title h1 {
    font-size: 23pt;
    color: #666666;
    margin: 0;
}

.left-menu ul.list-group {
	font-size: 15pt;
	--bs-list-group-border-radius: 0rem;
}

.left-menu ul li {
	border: 0px;
}

.left-menu ul.list-group li.list-group-item {
	padding : 0px;
	list-style: none;
	border-bottom: 1px solid #aab4bd;
}

.left-menu ul.list-group li.list-group-item a {
    height: 54px;
	display: block;
	padding: 12px 0px 0px 30px;
	color: #666666;
	text-decoration: none;
}

.left-menu ul.list-group li.on>a, .left-menu ul.list-group li:hover>a {
    height: 54px;
	display: block;
    padding: 12px 0px 0px 30px;
    background: #0d3652;
    color: #ffffff;
    text-decoration: none;
}

.page-title {
	min-height: 55px;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #aab4bd;
}

.page-title h1 {
    font-size: 23pt;
    color: #666666;
    margin: 0;
}

.page-title div.location {
    font-size: 10pt;
}

.page-title div.location span.home {
    padding-left: 25px;
    background: url(/image/icon_home.png) no-repeat left;
}

.page-title div.location span {
    padding-left: 15px;
    background: url(/image/icon_next.png) no-repeat left;
}

.page-search {
	min-height: 55px;
    width: 100%;
    margin: 0;
    background: #f2f3f5;
}

.page-button {
	min-height: 55px;
    width: 100%;
    margin: 0;
}

.page-button h4 {
	margin: auto;	
}

.page-button h4.title::before {
    position: absolute;
    margin-top: 2px;
	left: 0px;
    width: 20px;
    height: 20px;
    content: '';
    border: 5px solid #566b73;
    box-sizing: border-box;
}

.page-button h4.title {
    position: relative;
    padding-left: 26px;
    font-size: 14pt;
    color: #666666;
}

.page-button-sm {
	min-height: 44px;
    width: 100%;
    margin: 0;
}

.page-button-sm h6 {
	margin: auto;	
}

.page-button-sm h6.title::before {
    position: absolute;
    margin-top: 2px;
	left: 0px;
    width: 16px;
    height: 16px;
    content: '';
    border: 5px solid #566b73;
    box-sizing: border-box;
}

.page-button-sm h6.title {
    position: relative;
    padding-left: 22px;
    font-size: 12pt;
    color: #666666;
}

.page-content-div {
	max-height: 600px;
	overflow-y: scroll;
}

.page-content div.table-min-max-height-3 {
	min-height:166px;
	max-height:166px;
}

.page-content div.table-min-max-height-4 {
	min-height:221px;
	max-height:221px;
}

.page-content div.table-min-max-height-5 {
	min-height:276px;
	max-height:276px;
}

.page-content div.table-min-max-height-6 {
	min-height:331px;
	max-height:331px;
}

.page-content div.table-min-max-height-7 {
	min-height:386px;
	max-height:386px;
}

.page-content div.table-min-max-height-8 {
	min-height:441px;
	max-height:441px;
}

.page-content div.table-min-max-height-9 {
	min-height:496px;
	max-height:496px;
}

.page-content div.table-min-max-height-10 {
	min-height:551px;
	max-height:551px;
}

.page-content div.table-min-max-height-11 {
	min-height:606px;
	max-height:606px;
}

.page-content div.table-min-max-height-12 {
	min-height:661px;
	max-height:661px;
}

.page-content div.table-min-max-height-13 {
	min-height:716px;
	max-height:716px;
}

.page-content div.table-sm-min-max-height-3 {
	min-height:121px;
	max-height:121px;
}

.page-content div.table-sm-min-max-height-4 {
	min-height:161px;
	max-height:161px;
}

.page-content div.table-sm-min-max-height-5 {
	min-height:201px;
	max-height:201px;
}

.page-content div.table-sm-min-max-height-6 {
	min-height:241px;
	max-height:241px;
}

.page-content div.table-sm-min-max-height-7 {
	min-height:281px;
	max-height:281px;
}

.page-content div.table-sm-min-max-height-8 {
	min-height:321px;
	max-height:321px;
}

.page-content div.table-sm-min-max-height-9 {
	min-height:361px;
	max-height:361px;
}

.page-content div.table-sm-min-max-height-10 {
	min-height:401px;
	max-height:401px;
}

.page-content div.table-sm-min-max-height-11 {
	min-height:441px;
	max-height:441px;
}

.page-content div.table-sm-min-max-height-12 {
	min-height:481px;
	max-height:481px;
}

.page-content div.table-sm-min-max-height-13 {
	min-height:521px;
	max-height:521px;
}

.page-content div.table-sm-min-max-height-14 {
	min-height:561px;
	max-height:561px;
}

.page-content div.table-sm-min-max-height-17 {
	min-height:681px;
	max-height:681px;
}

.page-content div.table-sm-min-max-height-18 {
	min-height:721px;
	max-height:721px;
}

.page-content h5 {
	margin: auto;	
	min-height: 34px;
}

.page-content h5.title {
    position: relative;
    padding: 6px;
    margin: 10px 0;
    font-size: 12pt;
    color: #666666;
	border-left:10px solid #566b73; 
	border-bottom: 2px #566b73 solid;
}

.page-content .table-header {
	position:sticky;
	top: 0;	
}

.page-content .table-footer {
	position:sticky;
	bottom: 0;
}
    
.page-content .table {
	width: 100%;
	margin-bottom: 0;
}

.page-content .table th {
    font-size: 10pt;
    background: #f2f3f5;
    color: #666666;
    border: 1px solid #dddddd;
    height: 55px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 18px;
}

.page-content .table td {
    font-size: 10pt;
    color: #666666;
    border: 1px solid #dddddd;
    height: 55px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 18px;
}

.page-content .table-sm th {
    font-size: 10pt;
    background: #f5f5f5;
    color: #666666;
    border: 1px solid #dddddd;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 14px;
}

.page-content .table-sm td {
    font-size: 10pt;
    color: #666666;
    border: 1px solid #dddddd;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 14px;
}

.page-content .table-sm-sm th {
    font-size: 10pt;
    background: #f5f5f5;
    color: #666666;
    border: 1px solid #dddddd;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 14px;
}

.page-content .table-sm-sm td {
    font-size: 10pt;
    color: #666666;
    border: 1px solid #dddddd;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    word-break: break-all;
    line-height: 14px;
}

.page-paging {
	min-height: 55px;
    width: 100%;
    margin: 0;
}

.page-paging ul {
    margin: 0;
}

.page-paging .page-link {
	position: relative;
	display: block;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #dee2e6;
	font-weight: 500;
    font-size: 10pt;
}

.page-paging .page-item.active .page-link {
	color: #000000;
	background-color: #f2f3f5;
	border-color: #bebebe;
}

.page-paging .page-item.disabled .page-link {
	color: #6c757d;
	background-color: #ffffff;
	border-color: #dee2e6;
}

.page-bottom {
    font-size: 10pt;
	padding: 10px 0px;
    background: #e7e7e7;
} 

.table.table-ellipsis tbody td {
	max-width: 0px;
}

.table.table-ellipsis tbody td:hover {
	word-break: break-all;
	text-overflow: clip;
	white-space: normal;
}

input[readonly]{
  background-color:transparent;
}

.input-group>input.input50 {flex: 0 1 50px;}
.input-group>input.input55 {flex: 0 1 55px;}
.input-group>input.input60 {flex: 0 1 60px;}
.input-group>input.input70 {flex: 0 1 70px;}
.input-group>input.input80 {flex: 0 1 80px;}
.input-group>input.input100 {flex: 0 1 100px;}
.input-group>input.input120 {flex: 0 1 120px;}
.input-group>input.input140 {flex: 0 1 140px;}
.input-group>input.input160 {flex: 0 1 160px;}
.input-group>input.input180 {flex: 0 1 180px;}
.input-group>input.input200 {flex: 0 1 200px;}
.input-group>input.input230 {flex: 0 1 230px;}
.input-group>input.input240 {flex: 0 1 240px;}
.input-group>input.input250 {flex: 0 1 250px;}
.input-group>input.input300 {flex: 0 1 300px;}
.input-group>input.input350 {flex: 0 1 350px;}
.input-group>input.input400 {flex: 0 1 400px;}
.input-group>input.input450 {flex: 0 1 450px;}
.input-group>input.input500 {flex: 0 1 500px;}
.input-group>input.input550 {flex: 0 1 550px;}
.input-group>input.input600 {flex: 0 1 600px;}
.input-group>input.input650 {flex: 0 1 650px;}
.input-group>input.input700 {flex: 0 1 700px;}
.input-group>input.input750 {flex: 0 1 750px;}
.input-group>input.input800 {flex: 0 1 800px;}
.input-group>input.input850 {flex: 0 1 850px;}
.input-group>select.select80 {flex: 0 1 80px;}
.input-group>select.select100 {flex: 0 1 100px;}
.input-group>select.select120 {flex: 0 1 120px;}
.input-group>select.select140 {flex: 0 1 140px;}
.input-group>select.select160 {flex: 0 1 160px;}
.input-group>select.select180 {flex: 0 1 180px;}
.input-group>select.select200 {flex: 0 1 200px;}
.input-group>select.select250 {flex: 0 1 250px;}
.input-group>select.select300 {flex: 0 1 300px;}
.input-group>select.select400 {flex: 0 1 400px;}

.size50 {flex: 0 1 50px;}
.size60 {flex: 0 1 60px;}
.size70 {flex: 0 1 70px;}
.size80 {flex: 0 1 80px;}
.size100 {flex: 0 1 100px;}
.size105 {flex: 0 1 105px;}
.size120 {flex: 0 1 120px;}
.size140 {flex: 0 1 140px;}
.size160 {flex: 0 1 160px;}
.size180 {flex: 0 1 180px;}
.size200 {flex: 0 1 200px;}
.size373 {flex: 0 1 373px;}
.size804 {flex: 0 1 804px;}
.size614 {flex: 0 1 614px;}
.size973 {flex: 0 1 973px;}