@charset "utf-8";

.folding{display: none !important}
.chkbox_div label {
	margin-right: 0px !important;
	min-width: 90px !important;
}

/* 레이어팝업 - 공통 */
.dim_wrap{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 2000;height: 100vh;}
.popup_wrap{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #000; background: #fff; z-index: 4000;padding:30px}
.dim_01{background: rgba(0,0,0,.5);}
.popup_wrap .title{font-size:24px;color:#00699a;font-weight:700;display:block;}

.t_left{ text-align: left !important;}
.t_center{ text-align: center !important;}

.left{float: left}

/* .btn-white{background:#eee;width:150px;height:40px;font-size:14px;color:#414042;} */

.orange{color: #ff8401;}
.blue{color: #5081ff;}

.underline{color: #5081ff; text-decoration: underline;}

.mt10 {margin-top:10px}
.w100p {width: 100% !important}
.w100 {width: 100px !important}
.w120 {width: 120px !important}
.w150 {width: 150px !important}
.w300 {width: 300px !important}
.w670 {width: 670px !important}

.f20{font-size: 20px !important}

a.btn{vertical-align: middle;}
a.btn-st1{vertical-align: middle; padding-top: 7px;}

.btn-st0{height:30px;padding:4px 0 9px;font-size:14px;font-weight:300;color:#fff;border-radius:4px;width:50px;}


.gnb_sub{z-index:99}
.gnb_wrap .gnb>li.selected>a{color:#f39700;font-weight:700;}
.gnb_sub ul li.selected a{color:#f39700;font-weight:700;}

.gnb>li#userInfo.on>a{color:#00699a !important;font-weight:700;}

input[type=number] {width: 100%; border: 1px solid #d6d6d6; text-indent: 10px; background-color: #fff;}

.fileipt_box{margin-bottom: 9px}
.file_box input[type="file"]{position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.file_box .upload_name{width: 100%; max-width: 967px; display: inline-block; line-height:38px;height:40px; font-size: 14px; margin-right: 10px;border:1px solid #d6d6d6; color: #666464; background: transparent; -webkit-appearance: none;-moz-appearance: none; appearance: none;}
.file_box label{display: inline-block; width: 80px; line-height:38px;height:40px;text-align: center; font-size: 14px; color: #fff; background: #666; cursor: pointer;}

.mt30{margin-top:30px;}


.btn-tb3.disable{background-color: #b1b3b6; border: 1px solid #b1b3b6; color: #77787b;}

.tbl-st2 .select_wrap span {font-size: 10px !important; width: 85px;overflow: hidden;text-overflow: ellipsis;}
.tbl-st2 .select_wrap option {font-size: 10px !important;}

.alert-pop{width: 200px}
.alert-pop p.msg{text-align: center}

.over-hidden{overflow: hidden !important}

/*.over-hidden .login_box{top:44% !important}*/

.error_wrap .icon_wrap{
    width: 100px;
    background-color: red;
    height: 100px;
    border-radius: 50px;
    text-align: center;
    margin: auto;
    top:20vh;
    position: relative;
}

.error_wrap .icon_wrap p{font-size: xxx-large; color: white;padding-top: 11px}
.error_wrap .text_wrap{position: relative;top: 23vh;text-align: center;}
.error_wrap .text_wrap p{font-size: 30px}
.error_wrap .text_wrap a{margin-top: 10px;font-size: 15px;color: blue;text-decoration: underline;}

.error_wrap .error_info{position: absolute;color: #d1d1d1;}
.error_wrap .error_msg{top: 170px;right: 0;width: 300px}
.error_wrap .url{top: 140px;right: 0;}
.error_wrap .stack_trace {top: 140px;left: 20px;z-index: -1;}

.btn_detail .ipt_w2{width:calc(100% - 109px);}
button.btn_s{width:100px;padding:5px 0;height:40px;margin-left:5px}
td.pdrx{padding-right:0}


     #logo-box{width: 100%; text-align: center;}
     #logo-box> h1{width: 40%; margin: 0 auto; padding-top: 25px;}
     #logo-box> h1> img{width: 100%;}
     
     #Progress_Loading{
		width: 100%;
		height: 100vh;
		background-color: rgba(0,0,0,0.5);
		position: fixed;
		top:0;
		left:0;
		z-index: 9999;
	 }
	
	.box{
	  display: inline-block;
	  height: 200px;
	  width: 400px;
	  float:left;
	  position: absolute;
	  /*margin:0 -4px -5px -2px;*/
	  transition: all .2s ease;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%);
	  background-color: #fff;
	  border: 1px solid #b1b3b6;;
	}
	
	.box p{
	  font-weight: 700;
	  font-size: 20px;
	  width: 100%;
	  text-align: center;
	}
	
	
	/* MEDIA QUERIES */
	@media (max-width: 700px){
	  .box{
	    width: 50%;
	  }
	
	  .box:nth-child(2n-1){
	    background-color: inherit;
	  }
	
	  .box:nth-child(4n),.box:nth-child(4n-3) {
	    background-color: rgba(0,0,0,0.05);
	  }
	
	}
	
	@media (max-width: 420px){
	  .box{
	    width: 100%;
	  }
	
	  .box:nth-child(4n),.box:nth-child(4n-3){
	    background-color: inherit;
	  }
	
	  .box:nth-child(2n-1){
	    background-color:rgba(0,0,0,0.05);
	  }
	
	}
	
	/* -------------- loader4 -------------- */
	
	.loader4{
	  position: relative;
	  width: 200px;
	  height: 20px;
	  /* top: 45%;
	  top: -webkit-calc(50% - 10px);
	  top: calc(50% - 10px);
	  left: 50%;
	  transform: translateX(-50%);
	  left: -webkit-calc(50% - 75px);
	  left: calc(50% - 75px); */
	  margin: 0 auto;
	  border: 1px solid #b1b3b6;
	  border-radius: 5px;
	  background-color: rgba(255,255,255,0.2);
	}
	
	.loader4:before{
	  content: "";
	  position: absolute;
	  background-color: #00699a;
	  border-radius: 3px;
	  top: 0px;
	  left: 0px;
	  height: 20px;
	  width: 0px;
	  z-index: 0;
	  opacity: 1;
	  -webkit-transform-origin:  100% 0%;
	      transform-origin:  100% 0% ;
	  -webkit-animation: loader4 10s ease-in-out infinite;
	      animation: loader4 10s ease-in-out infinite;
	}
	
	.loader4:after{
	  content: "";
	  color: #00699a;
	  border-radius: 3px;
	  font-family:  Lato,"Helvetica Neue" ;
	  font-weight: 200;
	  font-size: 16px;
	  position: absolute;
	  width: 100%;
	  height: 20px;
	  line-height: 20px;
	  left: 0;
	  top: 0;
	}
	
	@-webkit-keyframes loader4{
	    0%{width: 0px;}
	    100%{width: 100%; opacity: 1;}
	}
	
	@keyframes loader4{
	    0%{width: 0px;}
	    100%{width: 100%; opacity: 1;}
	}