/* Main Style CSS */

.page {
	flex-direction: column;
	background: #fff;
	height: 100%;
	position: relative;
}

.page .page-header {
	margin: 0;
	padding: 5px 10px 5px 20px;
	border-top : 1px solid #d8d8d8;
	border-bottom: 2px solid #1ab394;
	/*
    box-shadow: 0px 11px 11px -6px #c1c1c1;
     */
	background: #fff;
	position: absolute;
	z-index: 1;
	width: 100%;
}

.main-nav.fixing + .main-article .page .page-header {
	left: 256px;
	width: calc(100% - 256px);
}

.page .page-header .top-btn .btn-group button,
.popup-layout .popup-top-btn .btn-group button
{
	margin-right: 3px;
}

.apr_view .form-top .top-btn .btn-group:last-child button {
	margin-right: 0;
}

.page .page-body,
.page .page-body .content
{
	height: 100%;
}

.page-content-body {
	height: 100%;
}

.page .page-body>.content>.page-content-body {
	padding: 46px 0 0;
}


.popup-layout {
	height: 100%;
}

.popup-layout .popup-top-btn>.btn-group {
	margin: 10px 0;
}

.popup-layout .popup-content {
	height: 100%;
	padding-top: 52px;
	margin-top: -52px;
}

#head .title {
	color: #30475E;
}

.titlebar > .navBar {
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

#head .history{
	padding-right: 5px;
}

#head .history span.dot {
	display: inline-block;
	width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #fadcac;
    margin: -1px 4px 0;
	vertical-align: middle;
}

#head .history span.title {
	padding: 5px 0 10px;
    box-sizing: border-box;
    color: #4E89AE;
    border-bottom: 3px solid #4E89AE;
    font-weight: bold;
}

#head .dev{
	width:15px;
}


/*紐⑤뱺 Table */
#form_header table{
	border-collapse:collapse;
}

#frm_btn{
	padding-top:10px;
	padding-right:15px;
}

#frm_btn table{
	border-collapse:collapse;
}

#rel_content{
	margin-top:10px;
	padding:0px 15px 0px 15px;
}

#no-content{
	overflow:hidden;
	padding-right:5px;
}

/*紐⑤뱺 Table */
#content>table{
	border-collapse:collapse;
}

#footwrap{
	display:table;
	position: fixed;
	bottom:0px;
	width:100%;
	z-index:9999;
	background-color:#ffffff;
}

#footer{
	display:table-cell;
	width:100%;
	font-size: 11px;
	font-weight: bold;
	color:#666666;
	border-top:1px solid #E4EAEC;
	text-align:center;
	vertical-align:middle;
	height:36px;
}

#footer_div{
	position: fixed;
	bottom:0px;
	right:25px;
	z-index:10000;
}

.ui-button {
	outline: none;
}

.feedback {
	background: #6c6c6c;
	font-size: 12px;
	font-weight: bold;
	width: 20px;
	height: 20px;
	color: #fff;
	cursor: pointer;
	line-height: 22px;
	z-index : 10;
}

.feedback:before {
	content: "F";
	padding-left: 7px;
}

#doc_running {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #fff;
	z-index: 99999;
	text-align: center;
}

#loading-image {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 100;
}

.noticeBox {
	background-color: #f3f4f5;
	padding: 10px;
	border-radius: 5px;
	color: #292929;
	margin: 5px 5px 10px;
}