body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, th, td
{font-family:"Helvetica", "Malgun Gothic", Arial, sans-serif !important;}


.mg_new_top10 {margin-top:10px;}
.mg_new_top20 {margin-top:20px;}
.mg_new_top60 {margin-top:60px;}
.mg_new_top13{ margin-top:13px;  }
.m_icon {color:#777; margin-top: 15px;}
.mg_new_top{ margin-top:15px;  }
.mg2{ margin-top:2px;  }
.mg5{ margin:5px;  }
.martop4{margin-top: 4px;}
.mt5{margin-top: 5px;}
.martop6{margin-top:6px;}
.martop8{margin-top: 8px;}
.margin-top7{margin-top: 7px;}
.mgr4{margin-right: 4px; }
.mgr8{margin-right: 8px; }
.mgr10{margin-right: 10px; }
.mgl10{margin-left: 10px; }
.mgl15{margin-left: 15px; }
.mgl4{margin-left: 4px;}
.mgl30{margin-left: 30px;}
.mt8{margin-top:8px;}
.mgb3{margin-bottom: 3px;}
.mg7{margin: 7px 4px 0px 10px;}
.co77{color:#777;}
.w10{width: 10%  !important;  }
.w12{width: 12%  !important;  }
.w18{width: 18%  !important;  }
.w20{width: 20%  !important;  }
.w21{width: 21%  !important;  }
.w25{width: 25%  !important;  }
.w30{width: 30%  !important;  }
.w34{width: 34%  !important;  }
.w35{width: 35%  !important;  }
.w40{width:40% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w100{width:100% !important;}
.a_w42{width:42px !important;}
.a_w40{width: 33px !important;}
.w75{width:75px! important;}

.w30p{width: 30px! important; }
.w40p{width: 40px! important; }
.w60P{width:60px! important;}
.w65P{width:65px! important;}
.w80P{width:80px! important;}

.w72{width:75px! important;}

.juw{width:88px! important;}
.w45px{width:45px;}
.w100_p{width: 100px;}
.w120{width: 120px! important;}
.w130{width: 144px! important;}
.w140{width: 163px! important;}
.w170{width: 170px! important;}
.w180{width: 180px! important;}
.w200{width: 200px! important;}
.w220{width: 220px! important;}
.w250{width: 250px! important;}
.w280{width: 280px;}
.w300{width: 300px! important;}

.w330{width: 343px! important;}
.w400{width: 400px! important;}
.w522{width: 522px! important;}
.he20{height: 20px;}
.he22{height: 22px;}
.he30{height: 30px;}
.he40{height: 40px! important}
.he75{height: 75px ! important}
.he76{height: 76px;}
.he140{height: 140px;}
.he170{height: 170px;}
.he130{height: 130px !important; }
.he380{height:380px;}
.fo10{font-size: 10px;}
.f06{font-size: 0.6rem;}
.r_iocn{height: 18px;}
.new_date{margin: 5px 0px 0px 12px; font-size: 12px;}
.tix_tb7{color:#777; font-weight: bold;}
.col-md-20{ width: 26%; float: left;}
.col-md-70{ width: 73%; float: left; }
.font-b{  letter-spacing:-1px;   }
.f600{font-weight: 600;}
.fb{font-weight: bold;}
.time_b{float:left; padding: 0px 4px 0px 4px; margin-top: 5px;}
.timec{float:left; margin:4px 4px 0px 4px;}
.timed{margin: 5px 3px 5px 2px; float: left;}
.timee{margin: 5px 4px 0px; float: left;  width:90px;}
.nu{width: 120px;float: right;  background-color: #f1f3fe; border-radius: .25rem; font-size: 11px;}
.nubox{border: 1px solid #f1f3fe; width: 50px; height: 30px; background-color:#f1f3fe}
.kt-portlet {
  
     -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0); 
     box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.0); 
   
}
.iconadd{font-weight: bold; font-size: 15px; vertical-align: middle;}
.tixpo{margin: 5px 4px 0px; float: left;}
.cen{margin:0 auto;}
.mar4_0{margin: 4px 4px 4px 0px;}


/*2019-10-18  테이블 나누기 라인 */
.line_bt{padding: 10px; margin-top: 30px;  height: 1px;  border-bottom:  1px solid #eff4f8;}

/*2019-0114 인사관리 모달팝업 페이지 수정 및 추가 */

.nav-pills, .nav-tabs {
    margin: 0 0 7px 0!important;
}


.kt-portlet{
margin-bottom: 0px !important;
} 

/*2019-1014 인사관리 추가 탭메뉴 추가 */
.nav-tabs .nav-item .nav-link.active, .nav-tabs .nav-item .nav-link:active, .nav-tabs .nav-item .nav-link:hover {
color: #5d78ff;
font-weight: 700;
}

/*추가 2019-1014*/
.kt-portlet .kt-portlet__head {
min-height: 50px  !important; 
}

.kt-portlet .kt-portlet__body {
padding:14px 14px 4px 14px !important;
}

/*2019-1016  추가 */
.modal-body {padding: 1.15rem !important; }


/*근태 달력 리스트 상단 테이블 */
.page07_tb{width:3%;  color:#444; background-color: rgba(255, 184, 34, 0.1); border-right:  1px solid #eee; border-left:  1px solid #eee;}
.page07_tb_1{width: 4%;  color:#444;  background-color: rgba(255, 184, 34, 0.1);  border-right:  1px solid #eee; border-left:  1px solid #eee;}
.page07_tb_2{width:3%;  padding: 6px 4px 6px 4px;}
.page07_tb_0{width:2%;  padding: 6px 4px 6px 4px;}
.page07_tb_3{width:6%; color:#444;    background-color: rgba(255, 184, 34, 0.1);     border-right:  1px solid #eee; border-left:  1px solid #eee;}



/*근태 달력 */
.day_next {
    color: #ddd;
}
.input-group-append {
    margin-left: -1px;
    margin-right: -1px; 
}
.dd-yy{text-align: center; font-size: 20px;  font-weight: bold; margin: 10px; color:#000;}


.btntople{border-top-left-radius: 4px; margin: 0px;
border-bottom-left-radius: 4px; padding: 7px 10px ; border: 1px solid #ebedf2; color: #a7abc3; background-color: #FFF;}
.btntopre{ border-top-right-radius: 4px;
border-bottom-right-radius:  7px; padding: 7px 10px; border: 1px solid #ebedf2; color: #a7abc3; background-color: #FFF; }


.btn_today{border: 1px solid #ebedf2; border-radius: 4px; padding: 7px 9px; margin-left: 4px; background-color: #FFF; }
.btn_today:hover{border: 1px solid #ebedf2; border-radius: 4px; padding: 7px 9px; margin-left: 4px; background-color: #ffffd9; }
.name{white-space:nowrap;}
.pobgb {
    background-color: #f5f8ff !important;
}
.dwnew_btn_pc{
	    padding: 5px 9px 5px 9px;
margin-left: 4px;
border: 1px solid #0abb87;
color: #FFF;
letter-spacing: -1px;
font-size: 0.9rem;
border-radius: .25rem; 
background: #0abb87;
text-align: center;
/float: right;

}
.day_s {
    color: #f44e4e;
}
.today {
   / background-color: #ffffd9;
	/background-color: rgba(10, 187, 135, 0.1);
	background-color: rgba(255, 184, 34, 0.1);
}
.table-c {width: 100%; height: auto;}
.table-c thead th, table_d th{
padding: 0.95em !important;
font-size: 0.95em !important;
text-align: center !important;
border: 1px solid #ebedf2 !important;
height: 40px;
}
.table-c td {
padding: 0.7rem;
vertical-align: top; 
border: 1px solid #ebedf2 !important;
height:180px;
}

.photoback{
	background: url('../images/noimage.png');
	position: relative;
	width: 140px;
	height: 176px;
}
	
.btn_layer{
	
background-color:#999;
	color:#FFF;
position: absolute;
top:0;
right: 0;
width: 18%;
height: 15%;
text-align: center;
	padding: 5px;
}
	
	

.input-group-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.40rem 0.45rem !important;
	/border-right: 0px solid #ebedf2 !important;
 
}


.btn-co {
    color: #FFF;
    background-color: #5867dd;
    border-color: #5867dd;
    border: 1px solid #5867dd;
    width: 130px !important;
    letter-spacing: -1px;
    font-size: 0.96rem;
    border-radius: .25rem;
	height: 30px;
}


/*2019-10-16 수정 */
.btn_plus{ color:#5867dd;  
	background-color: #FFF; 
	padding: 4px 8px;
    border-radius: .25rem;
	border: 1px solid #5867dd;
}



.color_1{color:#0abb87;}

.btn-secon {
	 width: 135px !important;
    background-color: transparent;
    border: 1px solid #ebedf2;
    color: #6c7293;
	 border-radius: .25rem;
	height: 30px;
	
}
.btn-secon:hover {
    background-color:#f4f5f8;
    border: 1px solid #ebedf2;
    color: #6c7293;
	 border-radius: .25rem;
	
}

.kt-badge.kt-badge--unified-success {
  background: rgba(10, 187, 135, 0.1);
		}
			
			
.btn_hrms {

border: 1px solid #f5f5f9;
background-color: #627af7;

height: 30px;
text-align: center;
float:left;
line-height: 30px;
font-size:1rem;

color: #FFF;
margin-left: 4px;
padding: 0px 34px 2px 34px;
border-radius: .25rem;

	
}

				

.btn_hrms01 {

border: 1px solid #f5f5f9;
background-color: #FFF;
/background: #d70d19;
height: 30px;
text-align: center;
float:left;
line-height: 30px;
font-size:1rem;
color:#6d7290;
/color: #FFF;
margin-left: 4px;
padding: 0px 18px 2px 18px;
border-radius: .25rem;

}
	
.btn_hrms01:hover {
border: 1px solid #f5f5f9;
background-color:#627af7;
height: 30px;
text-align: center;
float:left;
line-height: 30px;
font-size:1rem;

color: #FFF;
margin-left: 4px;
padding: 0px 18px 2px 18px;
border-radius: .25rem;

}
			
			.col-md-25{ width: 15%; float: left;}
			.col-md-75{ width: 84%; float: left; background-color: aliceblue;}





/*2019-07-24   테이블,셀렉트,인풋,검색버튼 등 start*/ 

.bootstrap-select > .dropdown-toggle.btn-light, .bootstrap-select1 > .dropdown-toggle.btn-secondary {
    background: #fff;
    color: #6c7293;
    border-color: #ebedf2;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 30px;
	/width: 110px;
}
		
.bootstrap-select .dropdown-toggle .filter-option {
    position: absolute;
    top: 1.6px;
    left: 0;
    padding-top: inherit;
    padding-right: inherit;
    padding-bottom: inherit;
    padding-left: inherit;
    height: 100%;
    width: 100%;
    text-align: left;
}	
		
.btn_find {
    padding: 1px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
    width: 55px;
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
}
		
.form-control_2 {
   / display: block;
    width: 100%;
    height: calc(1.2em + 1.1rem + 0px)!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid #ebedf2 !important;
	 padding-left: 7px;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    /transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
	


.filedw_btn{
	 border: 1px solid #5867dd;
   color: #5867dd;
	width: 135px !important;
	letter-spacing: -1px;
	font-size: 0.96rem;
	border-radius: .25rem; 
	height: 30px;
	margin-top: 10px;
	background: #FFF;
}

.add1_btn{
	 border: 1px solid #ff7a29;
     color:#ff7a29;
	/width: 100x !important;
	letter-spacing: -1px;
	font-size: 0.85rem;
	border-radius: .25rem; 
	height: 25px;
	background: #FFF;
	vertical-align: middle;
}
.add2_btn{
	 border: 1px solid #ff7a29;
     color:#ff7a29;
	/width: 100x !important;
	letter-spacing: -1px;
	font-size: 0.85rem;
	border-radius: .25rem; 
	height: 25px;
	background: #FFF;
	vertical-align: middle;
}

.modi_btn{
	/ border: 1px solid #656c96;
	border: 1px solid #0abb87;
     color:#0abb87;
	width: 150x !important;
	/letter-spacing: -1px;
	font-size: 0.85rem;
	border-radius: .25rem; 
	height: 25px;
	background: #FFF;
	vertical-align: middle;
}


.addnew_btn{
	
	border: 1px solid #333;
     color:#333;
	width: 150x !important;
	/letter-spacing: -1px;
	font-size: 0.85rem;
	border-radius: .25rem; 
	height: 25px;
	background: #FFF;
	vertical-align: middle;
}
.btn_findnew {
    padding:5px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
   / width: 55px;
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
}


.btn_apply {
    padding:5px 8px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
    height: 40px;
	line-height: 30px;
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
}
.btn_overlap {
    padding:5px 8px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
    
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    
    text-align: center;
}
.btn_photo {
  
    background-color: #777;
    border: 1px solid #777;
    color: #FFF;
    width: 60px;
    border-radius: .25rem;
    font-size: 0.87rem;
	text-align: center;
	
}	
	
	
.btn_find_new {
    padding: 5px 20px 5px 20px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
   
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
}
.btn_ju {
    padding: 5px 10px 5px 10px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
   
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
}


.btn_pwa {
    padding: 5px 10px 5px 10px;
    background-color: #FFF;
    border: 1px solid #ebedf2;
    color:#17c400;
    border-radius: .25rem;
    float: left;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
	vertical-align: middle;
}


.btn_pwb {
    padding: 5px 10px 5px 10px;
    background-color: #FFF;
    border: 1px solid #ebedf2;
    color:#ff7200;
    border-radius: .25rem;
    float: left;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
	vertical-align: middle;
}

.btn_find_s {
    padding: 5px 10px 5px 10px;
    background-color: #666;
    border: 1px solid #666;
    color: #FFF;
    
    border-radius: .25rem;
    float: right;
    font-size: 0.96rem;
    margin-left: 4px;
    text-align: center;
}
.btn_addnew {
    color: #FFF;
    background: #5867dd;
    padding: 0.54rem 0.76rem;
    border-radius: 3px;
    font-size: 0.96rem;
    float: right;
    margin: 8px 0px;
}	
	
.table-new1 thead th, table-new1 th {
    text-align: center !important;
    font-size: 0.95em !important;
    background-color: #ebedf2 !important ;
    white-space: nowrap;
    font-weight: bold !important;
    vertical-align: middle !important;
    padding: 0.95em !important;
	
}	
			
	.table-new1 td {
    padding: 0.7rem;
  
    border-bottom: 1px solid #ebedf2;
		 vertical-align: middle !important;
}	




.w115{width: 115px;}		

		
	.kt-radio {
	font-weight: 400!important;
    display: inline-block;
    position: relative;
    padding-left: 22px;
    text-align: left;
    /margin-top: 10px; 
	margin-bottom: 0px;
    cursor: pointer;
   / font-size: 1rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	
}




/*2019-0805 테이블 추가소스 시작 */
.table-new1 > tbody > tr:nth-child(2n+2) > td { background-color: #fafbfc; }
.table-new1{text-align: center;}

/*2019-09-03 hrms  table*/


.table-bordered_no td {
    border-bottom: 1px solid #e7ecf1 ;
	border-top: 1px solid #e7ecf1 ;
	border-right: 1px solid #e7ecf1 ;
    padding: .60rem;
	height: 44px;
	width: 21%;
}

.table-bordered_no th {
    font-weight: 600;
    color: #444;
    padding: .60rem;
    vertical-align: middle ;
    background-color: #fbfcfd;
	width: 12%;
	border-top: 1px solid #e7ecf1 ;
	border-left: 1px solid #e7ecf1 ;
	border-bottom: 1px solid #e7ecf1 ;
	border-right: 1px solid #e7ecf1 ;
}	

.table-bordered_no {width: 100%;}	



.table-bordered_no1 td {
    border-bottom: 1px solid #e7ecf1 ;
	border-top: 1px solid #e7ecf1 ;
	border-right: 1px solid #e7ecf1 ;
    padding: .60rem;
	height: 44px;
	
}

.table-bordered_no1 th {
	text-align: center;
    font-weight: 600;
    color: #444;
    padding: .60rem;
    vertical-align: middle ;
    background-color: #fbfcfd;
	
	border-top: 1px solid #e7ecf1 ;
	border-left: 1px solid #e7ecf1 ;
	border-bottom: 1px solid #e7ecf1 ;
	border-right: 1px solid #e7ecf1 ;
}	

.table-bordered_no1 {width: 100%;}

/* 2019-0904 권한관리 등록 팝업 페이지*/
ul.mylist, ol.mylist {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
ul.mylist li, ol.mylist li {
    padding: 5px 0px 5px 5px;
    font-size: 13px;
}	
.mylist li:hover {
			background-color: #f5f7ff;
			color:#5867dd;
}	
.mylist_warp{	
			padding: 7px; background-color: #F2F2F2; text-align: center; margin-bottom: 7px; font-weight: 600;}
.maylist_bg{border-radius: 3px; border: 1px  solid #e7ecf1; padding:15px; width: 45%;   overflow: auto; height: 300px;	float: left;}	
.aww{  float: left; width: 40px;  /height: 100px; margin: 60px 10px 0px 17px;}	
			
.mylist_a{width: 30px; height: 30px; /float: left;  padding: 0px; font-size: 16px; margin: 50px 0px 0px 0px; border-radius: 3px; border: 1px  solid #e7ecf1; text-align: center; font-weight: 600; color:#999;}	
			
.mylist_b{width: 30px; height: 30px; /float: left;  padding: 0px; font-size: 16px; margin: 7px 0px 0px 0px; border-radius: 3px; border: 1px  solid #e7ecf1; text-align: center; font-weight: 600; color:#999;}		
.list_arrow{   color:#5d78ff; margin-right: 7px;}	




/* 비밀번호 변경 start 2019-0711 */
.pl30{padding-left: 30px;}
.mt150{margin-top: 150px;}
#dgwrap{border: 1px solid #ccc; width: 850px;  height: 570px; margin: 0 auto;}
.dgtitle{font-weight: 500; font-size: 38px; text-align: center; margin: 50px;  }
.dgs_tix{font-size: 16px; padding-bottom: 20px; }
.boxbg{
padding-top:60px;
line-height: 30px; 
background-image:url("../../resources/images/bannerbg.png"); 
background-repeat: no-repeat;
background-position: right;
}
.dgpwiput {
font-size: 14px;
border: 1px solid #ddd;
width: 200px;
height: 35px;
padding-left: 7px;
float: left;
margin-right: 4px;
border-radius: .25rem;
}
.dg_point_a{color:#d70d19;}
.inwar{padding: 40px 0px 0px 75px;}
.dgcopy{font-size: 11px; margin: auto; width: 250px; color: #999; margin-top:36px; }
.btn_dgsave {
font-family:맑은고딕, Malgun Gothic, sans-serif;	
background: #d70d19;
height: 34px;
text-align: center;
float:left;
line-height: 32px;
font-size:14px;
color: #FFF;
margin-left: 4px;
padding: 3px 18px 2px 18px;
border-radius: .25rem;
}
.mt150{margin-top: 150px;}
.dglogo{margin: 10px 0px 0px 10px; float:left;}
.dgp{padding: 0px 0px 30px 30px;}



.form-control_n {
    display: block;
    width: 100%;
    height: calc(1.2em + 1.1rem + 0px);
    padding: 0.65rem 0.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ebedf2;
	border-right:0px solid #ebedf2;
    border-radius: 4px;
	border-top-right-radius: 0;
	 border-bottom-right-radius: 0;
	

	
    /-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   / transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    /transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    /transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;

}

.form-control_n:focus{
  outline: none;
}

.input-group > .form-control_n, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}


.input-group-text2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.60rem 0.45rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #a7abc3;
    text-align: center;
    white-space: nowrap;
    /* background-color: #f7f8fa; */
    border: 1px solid #ebedf2;
	  border-left: 0px solid #ebedf2;
    border-radius: 4px;
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
/* 비밀번호 변경 end */


/*2019-0731- 모달팝업 등  추가 start */

 input::-webkit-input-placeholder { color: #ccc; font-size: 12px; }

.form-control_22 {
	
	border:1px solid #ebedf2 !important;
    /display: block;
    width: 100%;
    height: calc(1.2em + 1.1rem + 0px)!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    padding-left: 4px;
    border-radius: 4px;
}
	
	
	.form-control_22:focus {
	border: 1px solid #9aabff;!important;
    color: #495057;
    background-color: #fff;
    border-color: #9aabff;
    outline: 0;
	}




.form-control_100 {
	padding-left: 11px;
	border:1px solid #ebedf2 !important;
    display: block;
    /width: 100%;
    height: calc(1.2em + 1.1rem + 0px)!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #FFF;
    background-clip: padding-box;
    padding-left: 7px;
    border-radius: 4px;
}
	
	
	.form-control_100:focus {
	border: 1px solid #9aabff !important;
    color: #495057;
    background-color: #FFF;
    border-color: #9aabff !important;
    outline: 0;
	}




.btn {
    display: inline-block;
    font-weight: normal;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.65rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

	.btn_snew {
    color: #FFF;
    background: #777;
    padding: 0.54rem 0.76rem;
    border-radius: 3px;
    font-size: 0.96rem;
    float: right;
    margin: 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}	
	
	.input-group > .form-control_1, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}
		

	.form-control_1:focus {  border: 1px solid #9aabff;!important;
    color: #495057;
    background-color: #fff;
    border-color: #9aabff;
    outline: 0;
 }
		
		
	.form-control_1 {
    display: block;
    width: 100%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ebedf2 ;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
	.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
	
	.fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
	
	.col-md-4{ float: left; width: 30%;}
	.col-md-6{  float: left; width:70%; }
	
	* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
	.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

	
	
.col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    /* flex: 0 0 50%; */
    max-width: 70% !important;
}
	

	
	label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
}
	
	
	
	.has-feedback {
    position: relative;
}
	
	
	.form-group {
    margin-bottom: 7px;
}
	
	div {
    display: block;
}


	.btn-primary_777 {
		
	background-color: #656c96;
    border-color: #656c96;
	/background-color: rgba(93, 120, 255, 0.1);
    / color: #5d78ff;
    color: #FFF;
    /background-color: #656c96;
	font-weight: 500;
    /border-color: #ebedf2;
   font-size: 0.95rem;
}
	.btn-primary_777:hover {
    color: #FFF;
    background-color: #656c96;
    border-color: #656c96;
   font-size: 0.95rem;
}


	
.input-group .form-control_1:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) {
 border-top-right-radius: 0;
 border-bottom-right-radius: 0;
	
}
 
	
.input-group1 .form-control_1, .input-group-addon, .input-group-btn {
    display: table-cell;
}
	
.input-group1 .form-control_1 {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
	
.has-success .form-control_1 {
  /  border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
	
	
.has-feedback .form-control_1 {
   / padding-right: 42.5px;
}
	
.form-horizontal .has-feedback .form-control_1-feedback {
    right: 15px;
}
	
.has-success .form-control_1-feedback {
    /color: #3c763d;
}
	
.form-control_1-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
}
	
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
  color:#c84031; / color: #a94442;
}

	
.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

	
.small, small {
    font-size: 85%;
}

/*2019-0802 추가 */
.mdsubtitle{ /background-color:aliceblue;   padding: 5px 5px 5px 15px;}
.modal-footer {padding: 0.5rem 1.2rem !important;}
/*모달팝업 end */



.feedback{
width: 100%; display: block; padding: 10px;}
.sbar{overflow:auto;  height:343px; border-bottom:1px solid #dfdfdf;
	  border-left: 1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.newtop_warp{  height:60px;  background-color:#FFF; }
.newtop{display:flex } 
.line01{height:60px;  border-top: 3px solid #d70c18;}
.donggu_logo{height:30px; margin:13px 26px 0 20px;}
.line02{height:60px;  border-top: 3px solid #666; width: 100%;}
.btn_text01{color:#FFF;  font-size: 16x; 
    font-family: "Malgun Gothic", sans-serif; letter-spacing:1px;}
.btn_text02{color:#0abb87; margin-left:10px;}
.btn_text03{ color:#ffde00; font-size: 16px; 
    font-family: "Malgun Gothic", sans-serif; }
.fl{float: left;}
.fr{float: right;}
.box-1{margin: 4px 0 0 10px !important; }
.box-2{margin: 2px 0 0 10px !important; }
.title_new{color:#444; font-size:16px;  font-weight: 600;}
.table-bordered_1 thead th, table-bordered_1 th{ 
	background-color: aliceblue; 
	vertical-align: middle!important;  
	font-weight: bold!important;
	width: 15%;
} 
.unline_end{padding: 0.75rem;
    border-bottom: 1px solid #ebedf2;}
.table-bordered_1 thead th, .table-bordered_1 thead td { 
	border-bottom-width: 1px; 
	padding-top: 0.50rem !important;
    padding-bottom: 0.50rem!important; 
	vertical-align: middle!important;
} 
.table-bordered_1 td{
    vertical-align: middle !important;  border-top: 1px solid #ebedf2;  padding:0.50rem; }
.table-bordered_1 th{  background-color: aliceblue; vertical-align: middle;  padding: 0.50rem;
 border-top: 1px solid #ebedf2;}
.table-bordered_1 {
    border: 1px solid #ebedf2;
	width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    background-color: transparent;
	border-collapse: collapse;
}
.tbst{background-color: #fafbfc!important; text-align: center!important;}
.logout_btn01{color:#FFF;  background: #fd397a; padding: 0.45rem 0.45rem; border-radius: 3px; font-size: 0.85rem; float:right; margin: 8px 0px;}
.btn_add{color:#FFF;   background: #5867dd; padding: 0.55rem 0.75rem; border-radius: 3px; font-size: 0.85rem; float:right; margin: 8px 0px;}
.endline{  border-bottom: 1px solid #ebedf2;         }     
.tixtop_s001{color:#444; font-size:16px; margin-top:17px; font-weight: 600;}
.tixtop_s002{margin-right: 10px; color:#5578eb;}
.s_btn{margin-left:2px; float:left; padding:2px 2px !important;}
.tix_point{color:#fd397a;}
.mgr-8{margin-right: 8px;}
.btn {
	padding: 0.25rem 1rem!important;}
.kt-header {
	height: 45px!important;}
.kt-content {
    padding: 0 15px 15px 15px!important;
}
.kt-header--fixed.kt-subheader--fixed.kt-subheader--enabled .kt-wrapper {
    /*0528 수정*/ padding-top: 60px !important;
}
.kt-header--fixed.kt-subheader--fixed .kt-subheader {
    position: fixed;
    height: 50px!important;
    top: 45px!important;
}
.sitepage_01{margin: 20px 10px 0 10px;}

.form-control {
    display: block;
    width: 100%;
	/*2019-05-02 수정  height: calc(1.3em + 1.3rem + 2px)!important;*/
    height: calc(1.3em + 1.1rem + 0px)!important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
   / border: 1px solid #ebedf2 !important;
    border-radius: 4px;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.kt-section {
padding: 0;
margin:  0 !important;
}
.table-bordered_1{margin-bottom: 0 !important; }
.kt-checkbox {
padding-left: 5px !important;
	padding-bottom: 5px;
}	



.table-new thead th, table-new th { text-align: center !important;  font-size: 0.9em !important;
	background-color:#ebedf2; !important;
	font-weight: bold !important ; 
	vertical-align: middle !important ;
	padding: 0.6em !important;
}	
.table-new tbody td, table-new td  { text-align: center; vertical-align: middle !important ; padding: 0.6em !important ; font-size: 0.9em !important;}
.table-new2 thead th, table-new2 th { text-align: center !important;  
	background-color:#ebedf2; !important;
	font-weight: bold !important ; vertical-align: middle !important ;
	padding: 0.6em !important;
}	
.table-new2 tbody td, table-new2 td  {  text-align: center !important;}

.kt-badge.kt-badge--unified-success { color:#333 !important;
    
background: rgba(10, 187, 135, 0.1);
}

.btn_ing{  
background-color: #f45c3e;
border: 1px solid #f45c3e;
color:#FFF;
width: 55px;
border-radius: .25rem;
margin-left: 4px;
/*2019-0812 소스 추가 */padding: 5px;	
}
.btn_find{
padding: 1px;
background-color: #666;
border: 1px solid #666;
color:#FFF;
width: 55px;
border-radius: .25rem;
float: right;
font-size: 0.96rem;
margin-left: 4px;
text-align: center;
}
	
.po{color:#f45c3e; }
.fs11{font-size: 11px;}
.fo12{font-size: 12px;}
.btn_tel{
background-color: #0abb87;
border: 1px solid #0abb87;
color:#FFF;
width: 55px;
border-radius: .25rem;
margin-left: 4px;
}	
.btn-primary {
    color: #fff;
    background-color: #5867dd;
    border-color: #5867dd;
	border: 1px solid #5867dd;
}
.mdb{width: 100%; display: block;  padding: 20px; /height: 30px;}
.btn-primary_a {
color: #FFF !important;
background-color: #777 !important;
border-color: #777;
border-radius: 4px;
	
}		
.btn_noci_time{
padding: 8px 38px;
border-radius: .25rem;
background: #666;
float: left;
margin: 9px;
font-size: 15px;  
width: 300px;	
}
.btn_noci_logout{
float:right;
margin: 10px 20px 0 0;
padding: 8px 28px;
border-radius: .25rem;
background: #def8f3;
cursor: pointer;
}

.btn_normal{
color:#444;
margin:8px 4px 0 4px;
padding: 10px 18px;
border-radius: .25rem;
background: #f4f5f9;
border-color:#f4f5f9;	
float: left;
}
.btn_active{
color:#FFF;
background-color:#777;
border: 1px solid #777;
margin:8px 4px 0 4px;
padding: 10px 18px;
border-radius: .25rem;
float: left;
}

.btn_reserve{
border-color:#0abb87;	
color:#FFF;
background-color:#0abb87;
margin:8px 4px 0 4px;
padding: 10px 18px;
border-radius: .25rem;
float: left;
}

.boxs{margin:15px 10px 5px 5px; padding: 10px 5px 5px 10px; }
.btn_top01{  
background-color: #dff6eb;
padding: 5px 18px;
border-radius: .25rem;
margin-right: 4px;
}			
.btn_top01:hover{
background-color: #0abb87;
color:#FFF;
}

.btn_top02{  
background-color: #ffdee8;
padding: 5px 18px;
border-radius: .25rem;
margin-right: 4px;
}			
.btn_top02:hover{
background-color: #e94c7b;
color:#FFF;
}
/*css 수정 1014*/

.tix_3box{height: 360px !important;}
.magi{font-size: 14px;}	
.btn-secondary_a {
color: #5578eb !important; 
border-color: #5578eb !important; 
}
.btn-secondary_a:hover{
background-color: #5578eb;
color: #FFF !important; 
}
.sitema{display: block;
width: 4px;
height: 4px;
border-radius: 50%;
content: " ";
background: #e7e8ef;
}
/*0524 추가*/
.bootstrap-select > .dropdown-toggle {
    position: relative;
    outline: none !important;
   /padding: 0.45rem 1rem !important;
    border-radius: 4px !important;
			
}
#pwary {
    width: 100%;
    text-align: center;
	padding: 8px 0 17px 0;
		
}
		
.point_co{color:#fd397a; }	
.pwar {
    display: inline-block;
	width: 55%;
}
.pwar70 {
    display: inline-block;
	width: 70%;
}
	/*페이징 왼쪽 첫번째 화살표 */			
	#pagingNew .numPrev_a {
     background:#f0f3ff;
    color:#93a2dd; 
    margin-right: 4px;
    overflow: hidden;
    /padding: 2px 8px 11px 20px;
		cursor: pointer;
    /display: -webkit-box;
    /display: -ms-flexbox;
    /display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  /  height: 2.25rem;
  /  min-width: 2.25rem;
   / padding: 0.5rem;
		padding: 5px 6px;
    border-radius: 3px;
    position: relative;
    font-size: 1rem;
    /line-height: 1rem;
    font-weight: 500;
	opacity: 0.4;
}
		

	/*페이징 왼쪽 두번째 화살표 */		
	#pagingNew .numPrev {
    background:  #f0f3ff;;
    color:#93a2dd;;
    margin-right: 6px;
    overflow: hidden;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /padding: 0.5rem;
	padding: 5px 6px;
    border-radius: 3px;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
	/opacity: 0.4;
}
		
		
#pagingNew a {
	font-size: 1rem;
    text-decoration: none;
	font-weight: 500;	
	height: 2.25rem;
    min-width: 2.25rem;	
	cursor: pointer;		
	color: #93a2dd;	
}		
	
#pagingNew .sel {
	cursor: pointer;	
	background: #5d78ff;
    color: #FFF;
    height: 2.25rem;
    /padding: 0.5rem 0.9rem;
	padding: 5px 9px;
    border-radius: 3px;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
	min-width: 2.25rem;
}

#pagingNew .numBox {
	cursor: pointer;		
	color: #93a2dd;	
    border-radius: 3px;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;	
	height: 2.25rem;
    min-width: 2.25rem;	
	padding: 5px 9px;
}
				
	
	/*우측 첫번째 화살표*/
	#pagingNew .numNext {
	background: #f0f3ff;
	align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    /padding:0.75rem;
	padding: 5px 7px;
    border-radius: 3px;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
	color: #93a2dd;
}
	/*우측 두번째 화살표*/
	#pagingNew .numNext_2 {
	background: #f0f3ff;
	align-items: center;
    height: 2.25rem;
    min-width: 2.25rem;
    /padding:0.75rem;
	padding: 5px 7px;
    border-radius: 3px;
    position: relative;
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 500;
	color: #93a2dd;
	position: relative;	
}		
	    
.kt-portlet .kt-portlet__head {    padding: 0 15px !important;	}