.no_result{text-align:center;padding:60px; width:100%  }


.uploadimg input {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;        
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';    
    direction: ltr;
    cursor: pointer;
}

/*form input, button attrs */
.disabled{
	pointer-events: none;
	cursor : default;	
  opacity: .7;
}

.pointer_events_none{
  pointer-events: none;
	cursor : default;	
}


.irequired{background:#fffefe !important}
.irequired_box{border-color:#ff0000 !important}
/*e.form input, button attrs */


#ctl_list_anchor td{cursor:pointer}


/*테이블 row data 변경여부 인지처리 */
tr[data-cud='U'] td, tr[data-cud='U'] td .frm_input, tr[data-cud='U'] td .frm_select{background-color:#fc7e43 !important;  color:#fff  !important;}


/*테이블 row 선택중임 인지처리 */
tr.selected td, tr.selected td .frm_input, tr.selected td .frm_select{background-color:#cce5ff !important;color:#121212  !important; }

input[data-scope='L'], input[data-scope='R']{pointer-events: none;}
select[data-scope='L'], select[data-scope='R']{pointer-events: none;-webkit-appearance: none;-moz-appearance: none;}


/*모달 **********/
.modalctl_wrap {
	position: absolute !important;
	top: 50%;
	left: 50%;
	margin: auto auto;
	width: 450px;
	background-color: #fff;
	border: solid 1px var(--submit-hover);
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.7);
}

.modalctl_wrap .popup_head {position:relative;   background-color: #012748;width:100%; padding:0px 14px 0px 20px ;   display: flex;   -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: space-between; align-items: center;    }
.modalctl_wrap .popup_head .left {padding:5px 0;color: var(--white);  display: flex;   -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: flex-start; align-items: center;   }
.modalctl_wrap .popup_head .right { display: flex;   -ms-flex-flow: row nowrap;  flex-flow: row nowrap;     justify-content: flex-end; align-items: center;   }
.modalctl_wrap .popup_head .pop_move  {cursor:move;}
.modalctl_wrap .popup_head .pop_title  {display: inline-flex;    font-size: 1.2em;    font-weight: 400;    color: #fff;  line-height:36px;  margin-right: 16px;}
.modalctl_wrap .popup_head .m_closed {font-size:1.4em;width:32px; height:32px; border-radius:4px; opacity:0.7;  border:none; color: #fff; cursor:pointer;display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_head .m_closed:hover{opacity:1;}

.modalctl_wrap .popup_body { padding:0px; height:calc(100% - 48px); overflow-y:auto;}
.modalctl_wrap .popup_btn {border-top:1px solid #e0e3ec; padding:27px 30px;width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;  }
.modalctl_wrap .popup_btn .btn_cancel {width:190px; height:54px; margin:0px 10px; background-color: var(--cancel);  border:1px solid var(--cancel); color: #fff; font-size:1em;  border-radius:5px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_btn .btn_cancel:hover{background:var(--cancel-hover); color:#fff;}
.modalctl_wrap .popup_btn .btn_submit {width:190px; height:54px;margin:0px 10px;  background-color: var(--submit); border:1px solid var(--submit);   color: #fff; font-size:1em;  border-radius:5px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_btn .btn_submit:hover {background:var(--submit-hover);}
.modalctl_wrap .popup_btn .btn_else {width:190px; height:54px;margin:0px 10px;  background-color: var(--bluey-grey); border:none;   color: #fff; font-size:1em;  border-radius:5px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_btn .btn_else:hover {background:var(--steel);}


.modalctl_wrap .popup_botbtn {  padding:15px 10px 15px;  width:100%; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;  }
.modalctl_wrap .popup_botbtn .btn_cancel {width:150px; height:40px; margin:0px 10px;font-weight:300; background-color: var(--cancel);  border:1px solid var(--cancel); color: #fff; font-size:1em;  border-radius:5px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_botbtn .btn_cancel:hover{background:var(--cancel-hover); color:#fff;}
.modalctl_wrap .popup_botbtn .btn_submit {width:150px; height:40px;margin:0px 10px;  font-weight:300; background-color: var(--submit); border:1px solid var(--submit);   color: #fff; font-size:1em;  border-radius:5px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_botbtn .btn_submit:hover {background:var(--submit-hover);}
.modalctl_wrap .popup_botbtn .btn_else {width:150px; height:40px;margin:0px 10px; font-weight:300;  background-color: var(--bluey-grey); border:none;   color: #fff; font-size:1em;  border-radius:5px;  display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_botbtn .btn_else:hover {background:var(--steel);}



.modalctl_wrap .popup_botbtn .btn_delete {width:180px; height:40px; margin:0px 10px;font-weight:400;  background-color: #343a40;  border:1px solid #4e565f; color:var(--tomato);font-size:1em;  border-radius:5px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_botbtn .btn_delete:hover{background:#1f2225; }

.modalctl_wrap .popup_botbtn .btn_delete2 {width:180px; height:40px; margin:0px 10px;font-weight:400;  background-color: #b42e52;  border:1px solid #b42e52; color:#fff;font-size:1em;  border-radius:5px; display: flex; -ms-flex-flow: row wrap;  flex-flow: row wrap;     justify-content: center; align-items: center;}
.modalctl_wrap .popup_botbtn .btn_delete2:hover{background:#7b2039;box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.6) inset; }


.modalctl_wrap .popup_body .popup_head { padding:0px 0px 10px;    }
.modalctl_wrap .popup_body  .popup_head .left {padding:0px;}
.modalctl_wrap .popup_body   .popup_body {padding:0px; height:100%;}

 
.modalctl_wrap .popup_body  .popup_head .left .frm_normal {margin-right:5px;font-size:14px; font-weight:400;}

/** bottom modal */
.wrap_bottom_modal  {position:fixed; bottom:0px;  left:0px;width:0px; height: 300px;background:#1c1d2f; border-top:1px solid #46499e;display:none; text-align:center;  vertical-align:middle;   z-index:41; -webkit-box-shadow: -1px 1px 8px rgba(0, 0, 0, .150); box-shadow: -1px 1px 8px rgba(0, 0, 0, .150);}


.wrap_bottom_modal .body_container {position:relative;overflow:auto }

.toggler_reverse{ -webkit-transform: rotateX(180deg); -ms-transform: rotateX(180deg); -moz-transform: rotateX(180deg); -o-transform: rotateX(180deg); transform: rotateX(180deg);}

/**end of bottom modal */





.th_sortable:after{cursor:pointer;content:"…";font-size:9pt;color:#afc0d1;  float:right; padding-right: 4px;}
/*.th_sortable:after{cursor:pointer;content:"◆";font-size:9pt;color:#fff;  float:right;}*/
.th_sortable.desc:after{content:"▼"; }
.th_sortable.asc:after{content:"▲";  }

.span_sortable{display:inline-block}
.span_sortable:after{cursor:pointer;content:"▲";font-size:9pt;color:#afc0d1;  float:right; padding-right: 4px;}
.span_sortable.desc:after{content:"▼"; }
.span_sortable.asc:after{content:"▲";  }


/**toast modal */
.wrap_toast  {position:fixed; bottom:0px;  left:0px;width:0px; height: 300px;background:#fff; display:none; text-align:center;  vertical-align:middle;   z-index:1600; -webkit-box-shadow: -1px 1px 8px rgba(0, 0, 0, .150); box-shadow: -1px 1px 8px rgba(0, 0, 0, .150);}
.wrap_toast .lbm_head{display:block;  height:48px; overflow:hidden;padding-left:14px;position:relative;  }
.wrap_toast .lbm_head h3 {/* color:#555;*/line-height:46px; padding-top:2px; font-size:15px; font-weight:300;text-align:left}
.wrap_toast .lbm_head .lbm_closed {position:absolute; top:0px; right:0px; width:48px; height:48px; cursor:pointer; display:block; background:url(/assets/images/web/ic_top_close2.png) center center no-repeat; background-size:auto 18px; z-index:41;}



.wrap_side_modal { background:#21252b !important; }

/**side modal */
.wrap_side_modal  {position:fixed; top:110px;  right:0px;width:0px; height: calc(100vh - 90px);background:#f4f6f8; display:none; text-align:center;  vertical-align:middle;   z-index:41; -webkit-box-shadow: -1px 1px 8px rgba(0, 0, 0, .150); box-shadow: -1px 1px 8px rgba(0, 0, 0, .150);}
.wrap_side_modal .sm_head{display:block;  height:48px; overflow:hidden;padding-left:14px;position:relative;  }
.wrap_side_modal .sm_head h3 {color:#252525; line-height:46px; padding-top:2px; font-size:18px; font-weight:700;text-align:left}
.wrap_side_modal .sm_head .sm_closed {position:absolute; top:0px; right:0px; width:48px; height:48px; cursor:pointer; display:block; background:url(../images/web/ic_top_close2.png) center center no-repeat; background-size:auto 18px; z-index:41;}

.wrap_side_modal .body_container {position:relative;overflow:auto;height:calc(100vh - 111px); }

.wrap_side_modal .sm_head {position:relative; padding:0px;   width:100%;background: #efefef;   display: flex;   -webkit-box-pack: justify;  justify-content: space-between;  align-items: center;  }


.wrap_side_modal .sm_head h3 {font-size:18px; font-weight:400; letter-spacing:0;  color:#17b3a3; padding:12px 15px 12px 12px; text-shadow:0px 0px 2px rgba(0,0,0,0.5); -moz-text-shadow: 0px 0px 2px  rgba(0,0,0,0.5); -webkit-text-shadow: 0px 0px 2px  rgba(0,0,0,0.5); }
.wrap_side_modal .sm_head .btnA {display: flex;  align-items: center;  justify-content: flex-end; }
.wrap_side_modal .sm_head .btnA .btn_lyclose{  padding:2px 14px 0;  line-height:44px; border-radius: 0px;  background:transparent;  border:none;  font-weight: normal;  font-size:1.8rem;  color: #fff; text-shadow:0px 0px 1px rgba(0,0,0,0.5); -moz-text-shadow: 0px 0px 1px  rgba(0,0,0,0.5); -webkit-text-shadow: 0px 0px 1px  rgba(0,0,0,0.5);}
.wrap_side_modal .sm_head .btnA .btn_lyclose:hover { background:rgba(0,0,0,0.1);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
/**end of side modal */