@CHARSET "UTF-8";

.busTxt{
    font-size: 13px;
    float: right;
    top: 270px;
    left: 550px;
    position: absolute;
    word-break: keep-all;
}

/* 181107 수정 */
ul.intro_remarks {position:absolute; right:40%; top:60px; height:29px; line-height:29px; overflow:hidden; font-family:"NotoR"; font-size:14px;}
ul.intro_remarks li {display:inline-block; margin:0 2px; padding:0 5px; color:#fff; float:left; border-radius:5px;}
ul.intro_remarks li.intro_rema1 {background:#266ed4;} /* 승인 */
ul.intro_remarks li.intro_rema2 {background:#e33d65;} /* 반려 */
ul.intro_remarks li.intro_rema3 {background:#4db02c;} /* 처리중 */

.rule_list {position:relative; width:90%; padding:10px 5%; margin-top: 10px; border-top:1px solid #b2b7c7; border-bottom:1px solid #b2b7c7; background:#f5f7f8; z-index:2; }
.rule_list li { font-family:"NotoR"; font-size:14px; line-height:1.2; border-bottom:1px dotted #ddd; padding:5px 0 !important; }

/*padding:5px 10px; background-color: #f5f5f5; border-radius:4px;
	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
	background-repeat: repeat-x;
	border: 1px solid;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); */


/*ë¡œë”©*/
.loading{margin:18% auto;width: 250px;padding:30px;border-radius:10px;border:1px solid #ddd;background:#fff;font-family: NGBold;}
.loading .img {text-align:center;}
.loading .img img{width:130px;}

.loading h2{margin-top:10px;text-align:center;line-height:25px;color:#0081d2;font-size: 20px;}
.loading h2 span{display:block; font-size:15px; color:#555;}

.checks {position: relative;}
.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -4px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #99a1a7;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}

/* radio size */
.checks.small input[type="radio"] + label {
  font-size: 15px;
  padding-left: 25px;
}
.checks.small input[type="radio"] + label:before {
    top: -2px;
  width: 17px;
  height: 17px;
}
.checks.small input[type="radio"]:checked + label:after {
    top: 3px;
  width: 9px;
  height: 9px;
}
.btn_box{float: right; margin-top: 20px;}

#printArea1{display:none;}
#printArea2{display:none;}

@media screen and (max-width:1019px) {
	
	/*.rule_list {position:absolute; right:0; top:60px; margin-top:60px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.rule_list li { font-family:"NotoR"; font-size:14px; line-height:1.2; border-bottom:1px dotted #ddd; padding:5px 0 !important; }*/


	ul.intro_remarks {right:0; top:50px;}  /* 181107 추가 */
}

@media screen and (max-width:840px) {

}

/* 181107 수정 */
@media screen and (max-width:600px) {
	
	ul.intro_remarks {top:50px; font-size:13px; letter-spacing:-1px;}
	ul.intro_remarks li {margin:0 1px; padding:0 4px;}

}

