.ui-datepicker-trigger{cursor:pointer;padding-left:3px;vertical-align:middle;}

.nodisp{ display:none !important; }

.wb_all {
  word-break: break-all;
}

.spiner_container {
	text-align:center;
	margin : 20 0 20 0px;
}
.spinner{
        width: 64px;
        height: 64px;
        border: 8px solid;
        display:inline-block;
        border-color: #3d5af1 transparent #3d5af1 transparent;
        border-radius: 50%;
        animation: spin 1.2s linear infinite;
}

 @keyframes spin {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(360deg);
   }
 }

/*진행상태*/
.progress_modal {position: fixed;text-align: center;z-index: 10000;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background-color:rgba(0,0,0,.3);display: none;}
.porgress_modal-content {background-color: #02aeca;margin: 15% auto;padding: 40px 50px;border-radius: 30px; width: 80%;max-width: 500px;position: relative;}
.progressContent {font-size: 18px;color: #fff;font-weight: 600;}
.modal_loading {margin: 20px auto;}
.modal_loading span {display: inline-block;width: 10px;height: 30px;margin-right: 8px;background-color: #fff;animation: loading 2s linear infinite;}
@keyframes loading {
    0% {opacity: 0;}
    30% {opacity: 1;transform: scale(1.2);}
    60% {transform: scale(0.9);}
    100% {transform: scale(1);}
}
.modal_loading span:nth-child(1) {background-color: rgba(255,255,255,.1);animation-delay: 0s;}
.modal_loading span:nth-child(2) {background-color: rgba(255,255,255,.2);animation-delay: 0.2s;}
.modal_loading span:nth-child(3) {background-color: rgba(255,255,255,.3);animation-delay: 0.4s;}
.modal_loading span:nth-child(4) {background-color: rgba(255,255,255,.4);animation-delay: 0.6s;}
.modal_loading span:nth-child(5) {background-color: rgba(255,255,255,.5);animation-delay: 0.8s;}
.modal_loading span:nth-child(6) {background-color: rgba(255,255,255,.6);animation-delay: 1s;}
.modal_loading span:nth-child(7) {background-color: rgba(255,255,255,.7);animation-delay: 1.2s;}
.modal_loading span:nth-child(8) {background-color: rgba(255,255,255,.8);animation-delay: 1.4s;}
.modal_loading span:nth-child(9) {background-color: rgba(255,255,255,.9);animation-delay: 1.6s;}
.modal_loading span:nth-child(10) {background-color: rgba(255,255,255,1);animation-delay: 1.8s;}

/******에러********/
#errorwrap {margin: 100px auto;max-width: 40rem;width: 90%;font-family:'Noto Sans KR', sans-serif;line-height:1.25;color:#4c4c4c;font-weight:400} 
#errorwrap .boxerror {border: 1px solid #d3d3d3;border-radius: 15px;padding: 60px 0px;margin-top: 20px;}
#errorwrap .boxerror .textwrap {position: relative;padding-left: 230px;font-size: 26px;color: #000;}
#errorwrap .boxerror .textwrap::before {content: '';background: url(/wims/com/img/icon_error.png) no-repeat left top;width: 137px;height: 121px;position: absolute;top: 0;left: 60px;}
#errorwrap .boxerror  p {margin:0;padding:0;}
#errorwrap .boxerror .text01 {color: #6f2aa0; }
#errorwrap .boxerror .text02 {margin: 20px 0;}
#errorwrap .boxerror .btn {margin-left: 230px;background: #2f2068;height: 50px;color: #fff;font-size: 18px;line-height: 50px;padding: 0 40px;display: inline-block;border-radius: 5px;transition: .3s;text-decoration:none;}
#errorwrap .boxerror .btn:hover {background: #3d2d79;}
@media(max-width:768px){ 
    #errorwrap  {text-align:center;} 
    #errorwrap .boxerror .textwrap {padding-left:0;font-size:22px;}
    #errorwrap .boxerror .textwrap::before {display:none;}
    #errorwrap .boxerror .btn  { margin-left:0;}
}
 
