@charset "UTF-8";

/* Ace bootstrap 5.0, 부트스트랩 커스텀 업그레이드
functionally upgraded by Ace lee (이안수), 2021 */ 

/*mobileView webview*/

@media (max-width: 1399px) {
	/* 모바일화면 */
	.empty-area-web {
		padding-left:15px;
		padding-right:50px!important;
	}
	
	.empty-area-web2 {
		padding-left:15px;
		padding-right:50px!important;
	}
	
	.mobile-pb-4{
		padding-bottom: 1.5rem !important;
	}
}

@media (min-width: 1400px) {
	/* 웹화면 */
	.empty-area-web {
		padding-left:135px;
	}
	
	.empty-area-web2 {
		padding-left:13px;
		padding-right:13px!important;
	}
}

/*container upgrade*/

.ace-fluid{
	width:95%;
	padding-right: var(--bs-gutter-x,.300rem) !important;
    padding-left: var(--bs-gutter-x,.300rem) !important;
}

/* margin, padding*/

.pt-1-1 {
	padding-top: 0.35rem!important;
}

.m-0-50{
	margin: 0.125rem !important;
}

.m-0-25{
	margin: 0.0625rem !important;
}

/* upgrade font sizes */

/* fs-4 = 1.375 ~ fs-5 : 1.125 */

.fs-4-5 {
  font-size: 1.25rem !important;
}

.fs-4-7 {
  font-size: 1.3rem !important;
}

.fs-7 {
  font-size: 0.9rem !important;
}

.fs-8 {
  font-size: 0.85rem !important;
}

.fs-9 {
  font-size: 0.8rem !important;
}

.fs-10 {
  font-size: 0.75rem !important;
}

.fs-11 {
  font-size: 0.70rem !important;
}

.fs-12 {
  font-size: 0.65rem !important;
}


/* upgrade text-color*/

.text-white{
	color: #ffffff!important;
}

.text-interblue{
	color: #1197E1 !important;
}

.pagination > li.active > a, .pagination > li.active > span{
	background-color: #1197E1 !important;
}

.text-blue {
  color: #1197E1;
}

.text-light-gray {
  color: #ccd4da;
}

.border-light-gray{
  color: #ccd4da;
}

.text-gray {
  color: #7F7F7F;
}

.border-gray {
  color: #7F7F7F;
}

.text-gray-1 {
  color: #989fa5;
}

.border-gray-1 {
  color: #989fa5;
}

.text-gray-2 {
  color: #8f959a;
}

.border-gray-2 {
  color: #8f959a;
}

.text-gray-3 {
  color: #83888c;
}

.border-gray-3 {
  color: #83888c;
}

.text-gray-4{
  color: #72767a;
}

.border-gray-4 {
  color: #72767a;
}

.text-black{
  color: #000000;
}

/* box upgrade**/
.shadow-none{
	box-shadow : none;
}

/* image sizing*/

.s-icon-size {
	max-height: 3em;
	max-width: 3em;
}

.ssm-icon-size {
	max-height: 4em;
	max-width: 4em;
}

.sm-icon-size {
	max-height: 5em;
	max-width: 5em;
}

.m-icon-size {
	max-height: 7em;
	max-width: 7em;
}

.l-icon-size {
	max-height: 9em;
	max-width: 9em;
}

.xl-icon-size {
	max-height: 12em;
	max-width: 12em;
}

.xxl-icon-size {
	max-height: 14em;
	max-width: 14em;
}

.xxxl-icon-size {
	max-height: 5em;
	max-width: 5em;
}


.img-size-25 {
	background-color: #444d58;
}

/* round - upgrade*/

.rounded-4{
	border-radius: 0.4rem!important;
}

.rounded-5{
	border-radius: 0.5rem!important;
}

/* btn-size - upgrade*/

.btn-short{
	min-width: 30px !important;
}

.btn-group-sm>.btn, .btn-ssm {
    padding: 0px 5px !important;
    font-size: .7rem;
    border-radius: 0.2rem;
    height : 25px !important;
}

.btn-group-sm>.btn, .btn-xsm {
    padding: 0px 2px !important;
    font-size: .5rem;
    border-radius: 0.2rem;
    height : 18px !important;
}

/* width upgrade*/
/*   -> percent size */
.col-100 {
	width: 100% !important;
}

/*   -> px/em size */

.w-10px{
	width:10px !important;
}

.w-25px{
	width:25px !important;
}

.w-50px{
	width:50px !important;
}

.w-75px{
	width:75px !important;
}

.w-100px{
	width:100px !important;
}

.w-110px{
	width:110px !important;
}

.w-125px{
	width:125px !important;
}

.w-150px{
	width:150px !important;
}

.w-200px{
	width:200px !important;
}

/*table design*/

.ui.table thead th{
	background:#1197E1 !important;
	color :white !important;
}

.ui.table tfoot th{
	background:#1197E1 !important;
	color :white !important;
}

.btn-like-link {
	background-color: transparent;
	text-decoration: underline;
	color: #1197E1;
	font-size: 10px !important;
}

.btn-like-link:hover{
	color: red !important;
	font-size: large;
	font-weight: bold;
}

.btn:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

.btn-interblue{
	background-color : #1197E1;
	color:white !important;
}

.hover-interblue:hover{
		background-color : #1197E1;
		color:white !important;
		cursor: default;
	}

/* text, btn - upgrade*/

.form-switch .form-check-input:focus {
  outline: none !important;
}

.form-check .form-check-input:focus {
  outline: none !important;
}

.text-primary {
    background-color : white !important;
	color: #1197E1 !important;
}

.btn-primary {
    background-color : #1197E1 !important;
	color:white !important;
	border-color: #1197E1 !important;
    box-shadow: 0 0.125rem 0.25rem 0 rgb(134 206 114 / 40%) !important;
}

.btn-interblue{
	background-color : #1197E1;
	color:white;
}

.btn-interblue:hover{
	background-color : #0c699c;
	color:white;
}

.btn-interblue:active {
   background-color : #095177;
}

.btn-interblue:visited {
   background-color : #1197E1 !important;
}

.btn-magenta{
	background-color : #ff00b4;
	color:white !important;
}

.btn-magenta:hover{
	background-color : #a80076;
	color:white !important;
}

.btn-magenta:active {
   background-color : #800059;
   color:white !important;
}

.btn-magenta:visited {
   background-color : #ff00b4 !important;
   color:white !important;
}

/* 무채색 */
.btn-gray {
  color : white;
  background-color: #7F7F7F;
}

.btn-gray:hover{
	background-color : #535353;
	color:white;
}

.btn-gray:active {
   background-color : #3f3f3f;
}

.btn-gray:visited {
   background-color : #797979!important;
}

.btn-light-gray {
   color: black !important;
   background-color: #ccd4da;
}

.btn-light-gray:hover{
	color: white !important;
	background-color : #858585;
}

.btn-light-gray:active {
   background-color : #3f3f3f;
}

.btn-light-gray:visited {
   background-color : #797979!important;
}

.btn-green {
	color: white;
	background-color : #70AD47!important;
}

.btn-green:hover{
	color: white;
	background-color : #456c2d!important;
}

.btn-green:focus{
	color: white;
}

.btn-green:active {
   color: white !important;
   background-color : #1a2811!important;;
}

.btn-green:visited {
	color: white !important;
   background-color : #456c2d!important;
}


.btn-gray-1 {
  color : white;
  background-color: #989fa5;
}

.btn-gray-2 {
  color : white;
  background-color: #8f959a;
}

.btn-gray-3 {
  color : white;
  background-color: #83888c;
}

.btn-gray-4{
  color : white;
  background-color: #72767a;
}

.btn-light-gray {
  color : white;
  background-color: #ccd4da;
}


/*bg-color-upgrade*/

.bg-interdark{
	background-color : #56585d!important;
	color:white !important;
}

.bg-interdarker{
	background-color : #313540!important;
	color:white !important;
}

.bg-interblue{
	background-color : #1197E1 !important;
	color:white !important;
}

.bg-interblue-light{
	background-color : #9cd8f8!important;
	color:white !important;
}

.bg-white{
	background-color : white !important;
	color: black !important;
}

/*nav-link upgrade*/


/* ActionBoarder*/

.onBolder:hover{
	box-shadow: 0 0 0 5px #1197E1 inset; 
}

/* upgrade bg-color*/

.bg-light-gray {
	background-color: #F2F2F2 !important;
}

.bg-light-gray-2 {
	background-color: #e3e3e3!important;
}

.bg-light-gray-3 {
	background-color: #a6a6a6 !important;
}

.bg-darker {
	background-color: #444d58;
}

.bg-menu-hover{
	background-color: #7F7F7F !important;
}

.bg-interblue {
	background-color : #1197E1;
	color: white;
}

.bg-yellow {
	background-color : #FFFF00 !important;
	color: black!important;
}

.bg-interblue-fixed{
	background-color : #1197E1 !important;
	color: white!important;
}

.bg-light-green{
	background-color : #92D050 !important;
	color: black!important;
}

.bg-danger{
	color: white !important;
}

.bg-secondary{
	color: white !important;
}

/*date upgrade*/

.date {
	height: 28px !important;
	font-size: 12px;
}

/* icon-control */

.icon-pointer:hover {
	cursor: pointer;
}

input[readonly] {
    background-color: white !important;
}

/* modal upgrade */

.dialog-lg{
    max-width: 1200px !important;
}

.testColor{
	color: #198754;
}

/*datatable upgrade*/

table.dataTable td {
  font-size: 1em;
}

.dataTables_scrollHead{
	background-color: #1197E1;
}

.table:not(.table-dark) th{
  color: white !important;
}

/* order by : 아이콘 삭제 */

.dataTable > thead > tr > th[class*="sort"]:before{
    /* content: "" !important; */
}

.dataTable > thead > tr > th[class*="sort"]:after {
    /* content: ''!important; */
}

/* 데이터테이블: Sorting 업그레이드 */

.no-sort::after { display: none!important; } /* 특정 컬럼 Sorting : display-none*/
	.no-sort { pointer-events: none!important; cursor: default!important; }
	
/* Sorting 아이콘 색상*/
table.dataTable thead .sorting:after{
	opacity:0.9;
	color: #ffffff;
	content:"\e150";
}
table.dataTable thead .sorting_asc:after{
	opacity:0.9;
	color: #ffffff;
	content:"\e155"
}
table.dataTable thead .sorting_desc:after{
	opacity:0.9;
	color: #ffffff;
	content:"\e156"
}

/* dataTables CSS modification & positioning */
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
  right: 0 !important;
  content: "" !important;
}
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
  right: 0 !important;
  content: "" !important;
}

table.dataTable thead th {
    position: relative;
    background-image: none !important;
}
  
table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    position: absolute !important;
    top: 12px !important;
    right: 8px !important;
    font-family: FontAwesome !important;
}
table.dataTable thead th.sorting:after {
    content: "\f0dc" !important;
    color: #ddd !important;
    font-size: 1.3em !important;
    padding-top: 0.12em !important;
}
table.dataTable thead th.sorting_asc:after {
	font-size: 1.3em !important;
    content: "\f0de" !important;
}
table.dataTable thead th.sorting_desc:after {
	font-size: 1.3em !important;
    content: "\f0dd" !important;
}


.form-select{
	line-height: 1.23!important;
}


/*form-control upgrade*/

.form-rounded-start{
    border-top-left-radius: 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 5px;
}

.form-rounded-end{
    border-top-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 0px;
	
}

/*border*/

a {
  text-decoration-line: none !important;
}

.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
    background-color: #1197E1 !important;
    border-color: #1197E1 !important;
    box-shadow: 0 2px 4px 0 rgb(49 53 64 /40%);
}

.form-check-input:visited {
	border: 1px red !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #1197E1 !important;
}


/*datatable upgrade*/

.dataTables_paginate {
    margin-top: 2px !important;
    position: absolute;
}

/*테이블 위 엑셀버튼*/
.excel-on-table{
	top:190%;
	right:-69%;
	z-index:1
}

@media print {

  body {
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #fff;
  }

}

.menu-open{
	width: 10px !important;
}


/* Padding Upgrade */

.ps-4-5{
	padding-left: 2.25rem !important;
}

/*커스텀 오버레이*/

.overlay {
  display: none;
  z-index: 1000;
  position: fixed;
  width: 100%; height: 100%;
  left: 0; top: 0;
  background-color: rgba(0,0,0, 0.4);
  overflow-x: hidden;
}

.start-45{
	left : 45% !important;
}

.start-40{
	left : 40% !important;
}

.start-35{
	left : 35% !important;
}

.start-30{
	left : 30% !important;
}