#page {
	width: 100%;
	height: 100%;
}

#top, #contentsLayout {	
	width: 100%;	
	height: 100%;	
}

#top, #contentsLayout, .mainMenu {	
	max-width: 2060px; /* max width */
}


/* grid 관련 속성 */

.bootgrid-table > thead > tr > th {
	height: 2.5em;
	border-right: 1px solid #ccc;
	background-color: #444;
	text-align:center;
	color: #fff;
}

.bootgrid-table > thead > tr > th .text{
	color: #fff;
	font-size: 1.05em;
	padding: 0;
}

.bootgrid-table > tbody > tr > td:nth-child(1) {
	height: 2.3em;
	border-left: 1px solid #ccc;
}

.bootgrid-table > tbody > tr > td {
	border-right: 1px solid #ccc;
	color: #444;
}

.pagination {
	margin: 0;
}


.gridHeader_textOverflow, .gridData_textOverflow {
	text-overflow: clip !important; /* ellipsis 초기화 */
}

.gridHeader_cursor, .gridHeader_cursor .text {
	cursor: pointer !important;
}

.gridData_costPadding {
	padding-right: 0.6em !important;
}

.gridData_leftPadding0 {
	padding-left: 0 !important;
}

.gridData_rightPadding0 {
	padding-right: 0 !important;
}

.gridData_padding0 {
	padding: 0 !important;
}

.gridData_alignTop {
	vertical-align: top;
}

.gridData_fontSize095 {
	font-size: 0.95em !important;
}

.gridData_fontSize09 {
	font-size: 0.9em !important;
}

.gridData_textBold {
	font-weight: bold;
}

.gridData_minWidth80 {
	width: 100px !important;
}



.highlight{background-color:#ffff00;} /* TEXT SEARCH HIGHLIGHT */
.highlight2{background-color:#ffcab0;} /* TEXT SEARCH HIGHLIGHT2 */

.mover:hover{background-color:#eaeaea !important;}
.mover:hover .moverElse{background-color:transparent !important; color:#222 !important;}

.bold{font-weight:bold;}

.ui-button{font-size:1em;}
.ui-button:not(.ui-button-icon-only) {font-size: 1em; padding:0.25em 0.7em 0.25em 0.5em;}
.ui-button:not(.ui-button-icon-only) .ui-icon {position:relative;top:-0.05em;}
.ui-widget.ui-widget-content {border: 0;} /* tabs border */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding: 0.5em 0.8em 0.5em 0.5em;} /* tabs li padding */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor i.ui-icon {margin-right:0.05em;}


.btn:hover{background-color:#28538c !important; color:#fff !important;}
.btn:hover a, .btn:hover i, .btn:hover td{color:#fff !important;}
.btn .highlight, .btn .highlight2{background-color:transparent !important; color:#fff !important;}

.btn2:hover{background-color:#4c4b4b !important; color:#fff !important;}
.btn2:hover a, .btn2:hover i, .btn2:hover td{color:#fff !important;}
.btn2 .highlight, .btn2 .highlight2{background-color:transparent !important; color:#fff !important;}

.btn3:hover{background-color:#d35e01 !important; color:#fff !important;}
.btn3:hover a, .btn3:hover i, .btn3:hover td{color:#fff !important;}
.btn3 .highlight, .btn3 .highlight2{background-color:transparent !important; color:#fff !important;}

.btn4:hover{background-color:#b79043 !important; color:#fff !important;}
.btn4:hover a, .btn4:hover i, .btn4:hover td{color:#fff !important;}
.btn4 .highlight, .btn4 .highlight2{background-color:transparent !important; color:#fff !important;}


.btnRadiusLeft:hover{background-color:#28538c !important; color:#fff !important; border-top-left-radius:8px;border-bottom-left-radius:8px;}
.btnRadiusLeft:hover a, .btnRadiusLeft:hover i{color:#fff !important;}

.btnRadiusRight:hover{background-color:#28538c !important; color:#fff;border-top-right-radius:8px;border-bottom-right-radius:8px;}
.btnRadiusRight:hover a, .btnRadiusRight:hover i{color:#fff !important;}

.mover:hover{background-color:#f3f3f3 !important;}
.mover:hover .moverElse{background-color:transparent !important;}

.transition:hover {transition:0.2s linear;}

.nowrap{max-width: 0;overflow: hidden;white-space: nowrap;}
.textBr{word-wap:break-word;word-break:break-all;}

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

.inputFocus:focus{background-color:#f3f3f3 !important;}

.box_shadow3{-webkit-box-shadow: 1.5px 1.5px 2px 0px rgba(0,0,0,0.15); box-shadow:1.5px 1.5px 2px 0px rgba(0,0,0,0.15);}
.box_shadow5{-webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15); box-shadow:3px 3px 3px 0px rgba(0,0,0,0.18);}
.box_shadow10{-webkit-box-shadow: 3.5px 3.5px 8px 0 rgba(50,50,50,0.26); box-shadow: 3.5px 3.5px 8px 0 rgba(50,50,50,0.26);}   

.underline{text-decoration:underline;}
.underlineOver:hover{text-decoration:underline;}

.underlinePos{text-underline-position:under;}
.underlineCancel{text-decoration:line-through;}

/* fontAwesome input search icon */
.inputSearch::placeholder{font-family: sans-serif,'Helvetica Neue','Apple SD Gothic Neo','Malgun Gothic','맑은 고딕', Dotum,'돋움','Font Awesome 6 Free'; font-weight: 600;}

/* TOP move btn */
.moveTopBtn:hover {
	background-color: #0F449B !important;
}


.badge {	
	position: relative;
	top: 0;
    width: 8px;
	min-width: 8px;
    border-radius: 4px;
	background-color: #999;
	color: #fff;
	font-weight: normal;
	margin-left: 2em;
	padding: 0 2.5px 0.5px 2.5px;
    text-align: center;
    font-size: 0.75em;
    line-height: 1;	
}


.circle {
	width: 1.5em;
	height: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: transparent;
	border-radius: 50%;
}


.slowRightSpin{-webkit-animation:fa-spin 8s infinite linear; animation:fa-spin 8s infinite linear;}
.fastRightSpin{-webkit-animation:fa-spin 3s infinite linear; animation:fa-spin 3s infinite linear;}

@keyframes blink-effect{50%{opacity:0.7;}}
.blink{animation: blink-effect 1.5s step-end infinite;


/*@media (max-width: 767px) {

	.menuLeft, .menuRight {
		display: none;
	}

	.listLayout {
		padding: 0 10em;
	}
}*/