@import url(/resources/nanumgothic/nanumgothic.css);




@keyframes ldio-hgkfl9ep1pp {
   0% { transform: translate(6px,40px) scale(0); }
  25% { transform: translate(6px,40px) scale(0); }
  50% { transform: translate(6px,40px) scale(1); }
  75% { transform: translate(40px,40px) scale(1); }
 100% { transform: translate(74px,40px) scale(1); }
}
@keyframes ldio-hgkfl9ep1pp-r {
   0% { transform: translate(74px,40px) scale(1): }
 100% { transform: translate(74px,40px) scale(0); }
}
@keyframes ldio-hgkfl9ep1pp-c {
   0% { background: #353535 }
  25% { background: #d4d4d4 }
  50% { background: #9b9b9b }
  75% { background: #666666 }
 100% { background: #353535 }
}
.ldio-hgkfl9ep1pp div {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: translate(40px,40px) scale(1);
  background: #353535;
  animation: ldio-hgkfl9ep1pp 1s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-hgkfl9ep1pp div:nth-child(1) {
  background: #666666;
  transform: translate(74px,40px) scale(1);
  animation: ldio-hgkfl9ep1pp-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ldio-hgkfl9ep1pp-c 1s infinite step-start;
}.ldio-hgkfl9ep1pp div:nth-child(2) {
  animation-delay: -0.25s;
  background: #353535;
}.ldio-hgkfl9ep1pp div:nth-child(3) {
  animation-delay: -0.5s;
  background: #666666;
}.ldio-hgkfl9ep1pp div:nth-child(4) {
  animation-delay: -0.75s;
  background: #9b9b9b;
}.ldio-hgkfl9ep1pp div:nth-child(5) {
  animation-delay: -1s;
  background: #d4d4d4;
}
.loadingio-spinner-ellipsis-1906xx6fvdg {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-hgkfl9ep1pp {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-hgkfl9ep1pp div { box-sizing: content-box; }
/* generated by https://loading.io/ */





/* Common */
.isloading-wrapper.isloading-right{margin-left:10px;}
.isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

.glyphicon-spin {
    -animation: spin .9s infinite linear;
    -webkit-animation: spin2 .9s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}	    


@keyframes ldio-8a4hfl22cb6 {
   0% { transform: translate(12px,80px) scale(0); }
  25% { transform: translate(12px,80px) scale(0); }
  50% { transform: translate(12px,80px) scale(1); }
  75% { transform: translate(80px,80px) scale(1); }
 100% { transform: translate(148px,80px) scale(1); }
}
@keyframes ldio-8a4hfl22cb6-r {
   0% { transform: translate(148px,80px) scale(1): }
 100% { transform: translate(148px,80px) scale(0); }
}
@keyframes ldio-8a4hfl22cb6-c {
   0% { background: #e15b64 }
  25% { background: #abbd81 }
  50% { background: #f8b26a }
  75% { background: #f47e60 }
 100% { background: #e15b64 }
}
.ldio-8a4hfl22cb6 div {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transform: translate(80px,80px) scale(1);
  background: #e15b64;
  animation: ldio-8a4hfl22cb6 1s infinite cubic-bezier(0,0.5,0.5,1);
}
.ldio-8a4hfl22cb6 div:nth-child(1) {
  background: #f47e60;
  transform: translate(148px,80px) scale(1);
  animation: ldio-8a4hfl22cb6-r 0.25s infinite cubic-bezier(0,0.5,0.5,1), ldio-8a4hfl22cb6-c 1s infinite step-start;
}.ldio-8a4hfl22cb6 div:nth-child(2) {
  animation-delay: -0.25s;
  background: #e15b64;
}.ldio-8a4hfl22cb6 div:nth-child(3) {
  animation-delay: -0.5s;
  background: #f47e60;
}.ldio-8a4hfl22cb6 div:nth-child(4) {
  animation-delay: -0.75s;
  background: #f8b26a;
}.ldio-8a4hfl22cb6 div:nth-child(5) {
  animation-delay: -1s;
  background: #abbd81;
}
.loadingio-spinner-ellipsis-bus78131cg {
  width: 200px;
  height: 200px;
  display: inline-block;
  overflow: hidden;
}
.ldio-8a4hfl22cb6 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-8a4hfl22cb6 div { box-sizing: content-box; }
/* generated by https://loading.io/ */



@keyframes ldio-aa3iu4oox6-1 {
  0% { top: 36px; height: 128px }
  50% { top: 60px; height: 80px }
  100% { top: 60px; height: 80px }
}
@keyframes ldio-aa3iu4oox6-2 {
  0% { top: 41.99999999999999px; height: 116.00000000000001px }
  50% { top: 60px; height: 80px }
  100% { top: 60px; height: 80px }
}
@keyframes ldio-aa3iu4oox6-3 {
  0% { top: 48px; height: 104px }
  50% { top: 60px; height: 80px }
  100% { top: 60px; height: 80px }
}
.ldio-aa3iu4oox6 div { position: absolute; width: 30px }



.loadingio-spinner-pulse-y9zfkogq1dq {
  width: 200px;
  height: 160px;
  display: inline-block;
  overflow: hidden;
  background: none;
}
.ldio-aa3iu4oox6 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-aa3iu4oox6 div { box-sizing: content-box; }
/* generated by https://loading.io/ */



/* index.jsp */

html, body {
    width:100%;
    height:100%;  
}

body {
    font-family: "Nanum Gothic", "Open Sans";
    margin:0px;
    padding:0px;
    display: flex;  
}


.login_container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    min-width: 100%;
    min-height: 100%;    
}


.login_outline {
    width:100%;
    height:100%;
    overflow: hidden;
    position: absolute;
    display:table;
}

.login_left_back {
    width:50%;
    height:100%;
    overflow: hidden;
    background-image: url( "/custom/img/login_left.png" );
    background-repeat: no-repeat;
    background-size: cover;
    display:table-cell;
}

.login_right_back {
    height:100%;
    overflow-x: hidden;
    overflow-y: auto;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.login_form_div {
    height:100%;
    line-height: 3.0em;
    overflow-x: hidden;
    overflow-y: auto;
    margin-left:15%;
    margin-right:15%;        
}

.login_companyname {
    width:100%;
    font-size:1.8em;    
}

.login_header1 {
    width:100%;
    font-size:2.0em;
    font-weight: 600;
    text-align: center;
}

.login_header2 {
    width:100%;
    font-size:1.3em;
    color:gray;
    text-align: center;
}

.login_form_inner {
    margin-top:20px; 
}

.logincheck_div {
    margin-top:20px;    
    width: 100%;    
    display:table;
}

.login_form_bottom {
    /* width:33%; */
    display:table-cell;
    text-align:center;
}

.login_form_bottom a {
    text-decoration: none;
    color:black;
}

.login_form_inner2 {
    margin-top:20px;
    width: 450px;
    margin-left:75px;    
    display:table;
}

.fixed-input-icons { 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #D3D8E0;
    border-radius: 0.625rem;
    height: 3.3rem;
} 

.fixed-input-icons i {
    position: absolute; 
    color:#a6a6a6;
} 
 
  
.fixed-icon { 
    padding: 10px; 
    width: 60px;
    font-size:1.3em;
} 
  
.fixed-input-field { 
    width:100%;
    text-indent:40px;
}

.fixed-filter {
	color:#e6e6e6;	
}



.logn_form1 {
    text-indent: 1rem;
    font-size: 1rem;
    width: calc(100% - 1rem);
    cursor: pointer;
    text-decoration: none;
    outline: 0;    
	border: none;
    background: none;
    padding-left:50px;
}

.logn_form2 {
    text-indent: 1rem;
    font-size: 1rem;
    width: calc(100% - 3.5rem);
    cursor: pointer;
    text-decoration: none;
    outline: 0;    
	border: none;
    background: none;
    padding-left:50px;    
}

.logn_form3 {
    width:15px;
    height:15px;
    font-size:1em;
    border-color: #cccccc;
    border-width: 2px;
    border-style: solid;
    padding:0px;
    margin:0px;
    padding-left:50px;
}




#LoginCheck {
    width: 100%;
    height: 4.075rem;
    background: transparent -webkit-gradient(linear, left top, right top, from(#EE2424), color-stop(62%, #F74F12), to(#FF7A01)) 0% 0% no-repeat;
    background: transparent linear-gradient(90deg, #EE2424 0%, #F74F12 62%, #FF7A01 100%) 0% 0% no-repeat;
    border-radius: 0.625rem;
    color: #fff;
    font-size: 1.25rem;
	cursor: pointer;
    text-decoration: none;
    outline: 0;    
    border: none;
}


.login_companylogo {
	
}

.login_mobile_title {
    display:inline;   
}    

.login_outline img {
    max-height: 100px;
    max-width: 75%;
}


.login-copyright{
	font-size:0.8em;
	text-align:center;
	color:#b3b3b3;
	/* background-color:#1a1a1a; */
	padding:15px;
}

@media all and (max-width: 1090px) { 

	.login_header2 {
		font-size:1em;
	}
	
	.fixed-input-icons {
	    border-radius: 0.325rem;
	    height: 2.5rem;
	}
	
	#LoginCheck {
	    height: 3.5rem;
	    border-radius: 0.325rem;
	}	

	.login_form_div {
	    height:100%;
	    line-height: 1.5em;
	    overflow-x: hidden;
	    overflow-y: auto;
	    margin-left:20px;
	    margin-right:20px;    
	    margin-bottom:10%;
	}
	
	.login-copyright {
		display:none;
	}
	
	.login_outline img {
	    max-height: 60px;
	    max-width: 75%;
	}

	.login_outline {
		border-width:0px;
	}


    .login_left_back {
        display: none;
    }



    .login_form_bottom {
        font-size:0.8em;
    }
    
    .login_outline  {
    	100%;
    }
    
    .logn_form2 {
    	border-width:0px;
    	border-bottom-width:2px;
    }

}



@media all and (max-width: 350px) { 

    .login-copyright{
        display: none;
    }

    .login_form_bottom {
        font-size:0.7em;
    }

}


@media all and (max-height: 500px) { 

	.login-copyright {
		display: none;
	}
	
	.logincheck_div {
		display: none;
	}
	
	.login_header2 {		
		display: none;
	}
	

	
    .login_header1 {
        display: none;
    }

}


/* MODAL */

.modal-default-contents {
	margin:2px;
	width:100%;
	border-width:0px;
	font-weight:normal;
	font-size:0.8em;	
}


 .label-input-icons span { 
     position: absolute; 
     color:#595959;
     border : 0px;
     border-right : 1px;
     border-style:dashed;
     border-color:#bfbfbf;
     padding : 7px;
     margin: 7px;
 } 
   
 .label-input-icons { 
     width: 100%;      
 } 
 
 .label-icon { 
     width: 100px;
     text-align:center;
     font-size:0.9em;
 } 
   
 .label-input-field { 
     padding-left :140px;
 }
 
 
.red.tui-grid-cell{background-color: #f8e0e0;}
.pil.tui-grid-cell{background-color: #ffffcc;}
.blue.tui-grid-cell{background-color: #e6f2ff;}


.popup {
	background-color: #e6f2ff;
}

.ui-dialog-titlebar {
    color:white;
    font-size:1em;
    padding:0px;
    margin:0px;
    border-radius: 0px;
    border:0px;
    font-weight:normal;
    background-color:#737373;
}

.ui-dialog {
	border-radius: 0px;
	border:0px;
	padding:0px;
	margin:0px;		
}

.ui-dialog-content {

} 

.ui-dialog-titlebar-close {
	background-color:transparent!important;
	padding:0px;
	margin:0px;
	border:0px;
	color:white;
}


.ui-widget-content {
	padding:0px;
	margin:0px;	
}

.ui-dialog-buttonset button {
	font-size:0.8em;
}



.modal-default-footer {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	text-align:center;
}

.modal-btn {
	font-size:0.9em!important;
	min-width:110px;
	border:1px;
	border-color:#d9d9d9;
	border-style:solid;
	padding:5px;
}

.modal-confirm {
	color:white;
	background : linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(56,143,198,1) 0%, rgba(79,164,219,1) 100%);
}

.ui-dialog-titlebar-close {
	color:white;
	-webkit-filter: invert(100%);
	filter: invert(100%);
}

.ui-button-icon {
	color:white;
}

.form-control {
	width:calc(100% - 140px);
	height:30px;
	font-size:1.2em;
	border-width:thin;
	border-color:gray;
	border-style:solid;
	margin:3px;
}

#EMAILFIND {
	width:98%!important;
}


.ui-dialog .ui-dialog-content {
	overflow-x:hidden;
}

/* MODAL */