#blockAllLayer {position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;zoom:1}

/*.layer_wrap_loading{display:none;position:absolute;top:0px;left:0;width:100%;height:100%;z-index:200}
.layer_wrap_loading .layer_bg{position:absolute;width:100%;height:100%;top:0;left:0;z-index:100;background:rgba(0, 0, 0, 0.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#40000000,endColorstr=#40000000);zoom:1}
.layer_wrap_loading .layer_top{margin-bottom:12px;*zoom:1}
.layer_wrap_loading .layer_top:after{content:'';display:block;clear:both}
.layer_wrap_loading .layer_top h1{display:block;float:left;color:#333;font-size:13px;font-weight:600}
.layer_wrap_loading .layer_top span{float:right;color:#929292}
.layer_wrap_loading .layer_cnt{display:none;position:fixed;z-index:150;padding:20px 18px;border:solid 2px #59a9ae;background-color:#fff}
.layer_wrap_loading .layer_cnt .progress_box{text-align:center}
.layer_wrap_loading .layer_cnt .progress_box .progress_info{color:#333;font-weight:600}
.layer_wrap_loading .layer_cnt .progress_box .progress_bar{display:block;width:200px;height:4px;margin:10px auto 5px;border:0;background-color:#d6d6d6;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.layer_wrap_loading .layer_cnt .progress_box .ui-progressbar-value{background-color:#59a9ae}
.layer_wrap_loading .layer_cnt .progress_box .progress_num{color:#929292}
.layer_wrap_loading .layer_cnt .progress_box .progress_text{overflow-y:auto;width:300px;height:105px;margin-top:15px;padding:10px;border:solid 1px #e2e2e2;background-color:#f8f8f8;color:#484848;text-align:left}
.layer_wrap_loading .layer_state{width:330px}
.layer_wrap_loading .loading{text-align:center}
.layer_wrap_loading .loading .loading_info{display:block;margin-bottom:10px;color:#333;font-weight:600}
.layer_wrap_loading .loading .loading_img{display:inline-block}
.layer_wrap_loading .loading .loading_img img{display:block}*/


.activeExcelField {background-color:#ECECEC }
.editer {background-color:#fff}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
	0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
	100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
	0%  {opacity: 0}
	20% {opacity: 0}
	50% {opacity: 1}
	100%{opacity: 0}
}
.loading-container {
	height: 6.25rem;	/*6.25rem*/
	width: 6.25rem;
	border-radius: 100%;
	position: absolute;
	top: 25%;
	left: 50%;
	margin: 2.5rem auto
}
@media (max-width: 991px) {
	.loading-container {
		left: 40%;
	}
}
.loading {
	height: 6.25rem;
	position: relative;
	width: 6.25rem;
	border-radius: 100%;
}
.loading {
	border: 2px solid transparent;
	border-color: transparent #000034;
	-moz-animation: rotate-loading 1.5s linear 0s infinite normal;
	-moz-transform-origin: 50% 50%;
	-o-animation: rotate-loading 1.5s linear 0s infinite normal;
	-o-transform-origin: 50% 50%;
	-webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
	-webkit-transform-origin: 50% 50%;
	animation: rotate-loading 1.5s linear 0s infinite normal;
	transform-origin: 50% 50%;
}

.loading-container:hover .loading {
	border-color: transparent #E45635 transparent #E45635;
}
.loading-container:hover .loading,
.loading-container .loading {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#loading-text {
	-moz-animation: loading-text-opacity 1s linear 0s infinite normal;
	-o-animation: loading-text-opacity 1s linear 0s infinite normal;
	-webkit-animation: loading-text-opacity 1s linear 0s infinite normal;
	animation: loading-text-opacity 1s linear 0s infinite normal;
	color: #dd4b39;
	font-family: "Helvetica Neue, "Helvetica", ""arial";
	font-size: .8125rem;
	font-weight: bold;
	margin-top: 2.8125rem;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 6.25rem;
}
.loading-overlay-block {
	background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
}
.loading-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9999;
}
.loading-backdrop {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-color: #000;
    opacity: .1;
    filter:alpha(opacity=10);
}




/*::::::::::::::::::::::::::::::::::::::::::::::::::::
            text-color 변수css
        ::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:root {
	--colorgreen: #29bc25;
	--colorred: #ff2f2f;
	--coloricongray: #929292;
	--colorgray: #727272;
}*/

/*::::::::::::::::::::::::::::::::::::::::::::::::::::
            alert,confirm
::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.layer_wrap .layer_cnt_bm {
	display: none;
	position: fixed;
	z-index: 150;
	padding: 20px 18px;
	border: solid 2px #59a9ae;
	background-color: #fff
}

.layer_wrap .layer_alert,
.layer_wrap .layer_confirm,
.layer_wrap .layer_custom {
	border-radius: 10px;
	border: 1px solid #29bc25;
	font-size: 12px;
}

.layer_wrap .layer_alert {
	/*max-width: 320px;*/
	width: 320px;
	text-align: center;
}

.layer_wrap .layer_confirm {
	max-width: 345px;
	width: 345px;
	text-align: center;
}

.layer_wrap .layer_custom {
	max-width: 345px;
	width: 345px;
	text-align: center;
}

.layer_wrap .layer_modal-content p {
	word-break: break-all;
}

.layer_wrap .layer_modal span {
	float: inherit !important;
}

.layer_wrap .layer_confirm-button {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*width: 122px;*/
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::
            text-color css
        ::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*.layer_wrap .colorgray {
	color: var(--colorgray);
}*/
/*text-color:gray + ⓘicon*/
/*.layer_wrap .coloricongray {
	font-size: 11px;
	color: var(--coloricongray);
}

.layer_wrap .colorgreen {
	color: var(--colorgreen) !important;
	font-weight: bold;
}*/
/*text-color:red + underline*/
/*.layer_wrap .colorred {
	color: var(--colorred) !important;
	font-size: 12px !important;*/
	/*text-decoration: underline;*/
	/*text-underline-position: from-font;
}*/



.req_state_00 {
	font-weight: 800;
	color: blue;
}

.req_state_10 {
	font-weight: 800;
	color: forestgreen;
}

.req_state_20 {
	font-weight: 800;
	color: deeppink;
}

.req_state_30 {
	font-weight: 800;
	color: black;
	background-color:yellow;
}

.req_state_80 {
	font-weight: 800;
	color: darkgray;
}

.req_state_90 {
	font-weight: 800;
	color: black;
	background-color: yellow;
}

.fix_amt_style {
	background-color: yellow;
}