﻿/* Mirtech Co. */ 
/* mir_home_sub_common_button 공통 css - copyright all mirtech */

/* 인코딩 설정 */
@charset "utf-8";


/* button 설정  **********************************************************************************/
.btn[disabled]{opacity:0.45;}

.btn-xs{padding:1px 8px;}
.btn-sm{padding:5px 13px;}

.btn-group-xs > .btn, .btn-xs {
    line-height: 1.42857;
	font-size:12px;
	}

/* 부트스트랩 기본 버튼 */
.btn-dafault{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;	
	}
	.btn-default:hover,
	.btn-default:focus{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
		
/* 기본 */
.btn_mir_default{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
	}
	.btn_mir_default:hover,
	.btn_mir_default:focus{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
		
/* 저장 버튼 */	
.btn_mir_save{
	background-color:#8dc154;
	border-color:#76a83e;
	color:#fff;
	}
	.btn_mir_save:hover{
		background-color:#76a83e;
		border-color:#76a83e;
		color:#fff;
		}

/* 수정 버튼 */	
.btn_mir_modify{
	background-color:#8dc154;
	border-color:#76a83e;
	color:#fff;
	}
	.btn_mir_modify:hover{
		background-color:#76a83e;
		border-color:#76a83e;
		color:#fff;
		}
		
/* 삭제 버튼 */			
.btn_mir_delete{
	background-color:#da4453;
    border-color:#c52737;
	color:#fff;
	}
	.btn_mir_delete:hover{
		background-color:#c52737;
		border-color:#c52737;
		color:#fff;
		}

/* 취소 버튼 */			
.btn_mir_cancel{
	background-color:#bebebe;
	border-color:#a8a8a8;
	color:#fff;
	}
	.btn_mir_cancel:hover{
		background-color:#a8a8a8;
		border-color:#a8a8a8;
		color:#fff;
		}
				
/* 불가 */
.btn_mir_impossible{
	background-color: #d9534f;
	border-color: #d43f3a;
	color: #fff;
	}
	.btn_mir_impossible:hover{
		background-color:#c02e29;
		border-color:#ac2925;
		color: #fff;
		}

/* 확인 버튼 */	
.btn_mir_confirm{
	background-color:#00558e;
	border-color:#004879;
	color:#fff;
	}
	.btn_mir_confirm:hover{
		background-color:#004879;
		border-color:#004879;
		color:#fff;
		}
	
/* 검색 버튼 */			
.btn_mir_search{
	background-color:#00558e;
	border-color:#004879;
	color:#fff;
	}
	.btn_mir_search:hover{
		background-color:#004879;
		border-color:#004879;
		color:#fff;
		}

/* linking 검색 */	
.btn_mir_linking{
	background-color:#e27c21;
	border-color:#cb6f1b;
	color: #fff;
	}
	.btn_mir_linking:hover{
		background-color:#cb6f1b;
		border-color:#cb6f1b;
		color: #fff;
		}

/* 복사 버튼 */			
.btn_mir_copy{
	background-color:#3cafda;
	border-color:#2596c0;
	color:#fff;
	}
	.btn_mir_copy:hover{
		background-color:#2596c0;
		border-color:#2596c0;
		color:#fff;
		}

/* 이동 버튼 */	
.btn_mir_move{
	background-color:#3cafda;
	border-color:#2596c0;
	color:#fff;
	}
	.btn_mir_move:hover{
		background-color:#2596c0;
		border-color:#2596c0;
		color:#fff;
		}

/* 추가 버튼 */	
.btn_mir_add{
	background-color:#3cafda;
	border-color:#2596c0;
	color:#fff;
	}
	.btn_mir_add:hover{
		background-color:#2596c0;
		border-color:#2596c0;
		color:#fff;
		}

/* 보기 버튼 */	
.btn_mir_view{
	background-color:#00558e;
	border-color:#004879;
	color:#fff;
	}
	.btn_mir_view:hover{
		background-color:#004879;
		border-color:#004879;
		color:#fff;
		}

/* 쓰기 버튼 */	
.btn_mir_write{
	/*background-color:#8dc154;*/
	background-color: #77ad3c;
	border-color:#76a83e;
	color:#fff;
	}
	.btn_mir_write:hover{
		/*background-color:#76a83e;*/
		background-color: #6b9838;
		border-color:#76a83e;
		color:#fff;
		}

/* 다시쓰기 버튼 */			
.btn_mir_rewrite{
	background-color:#9b9b9b;
	border-color:#919191;
	color:#fff;
	}
	.btn_mir_rewrite:hover{
		background-color:#919191;
		border-color:#919191;
		color:#fff;
		}
		
/* 처리 */
.btn_mir_prss{
	background-color:#39b7ac;
	border-color:#32a39a;
	color: #fff;
	}
	.btn_mir_prss:hover{
		background-color:#39b7ac;
		border-color:#39b7ac;
		color: #fff;
		}

/* 새로고침 버튼 */	
.btn_mir_refresh{
	background-color:#9b9b9b;
	border-color:#919191;
	color:#fff;
	}
	.btn_mir_refresh:hover{
		background-color:#919191;
		border-color:#919191;
		color:#fff;
		}

/* 신규 */
.btn_mir_new{
	background-color:#5e96c0;
	border-color:#5385ab;
	color: #fff;
	}
	.btn_mir_new:hover{
		background-color:#5385ab;
		border-color:#5385ab;
		color: #fff;
		}

/* 링크형 */
.btn_mir_link{
	background-color: transparent;
	box-shadow: none;
	}
	.btn_mir_link:hover{
		background-color: transparent;
		color: #23527c;
		text-decoration:underline;
		}

/* 라인형 */	
.btn_mir_line{
	background-color: transparent;
	box-shadow: none;
	color:#fff;
	border:1px solid #fff;
	}
	.btn_mir_line:hover{
		background-color: transparent;
		color: #fff;
		text-decoration:underline;
		}


/* 로그아웃 */
.btn_mir_logout{
	background-color: #bebebe;
	border-color: #a8a8a8;
	color: #fff;
	}
	.btn_mir_logout:hover{
		background-color:#a8a8a8;
		border-color:#a8a8a8;
		color: #fff;
		}
		
.dropdown,.dropup{display:inline-block;}

	
/* 검색화면으로 */
.btn_mir_searchwiew{
	background-color: #bebebe;
	border-color: #a8a8a8;
	color: #fff;
	}
	.btn_mir_searchwiew:hover{
		background-color:#a8a8a8;
		border-color:#a8a8a8;
		color: #fff;
		}

/* 검색 - facet 검색 더보기&닫기 */
.btn_search_facet_more,
.btn_search_facet_close{
	padding:1px 5px;
	font-size:10px;
	line-height:1.4285;
	border-radius:0;
	margin-left:5px;
	}
.btn_search_facet_more{
	background-color: #fff;
    border: 1px solid #ccc;
		}
.btn_search_facet_close{
	background-color: #888;
    border: 1px solid #7d7d7d;
    color:#fff;
		}



/* 모바일 설정 **********************************************************************************/
@media (max-width: 767px){
	.btn-xs{padding:1px 5px;}
	.btn-sm{padding:5px 8px;}
	
}



/* 하단 버튼 설정 **********************************************************************************/
.btn_list{
	padding:10px 0;
	overflow:hidden;
	text-align:center;
	}
	.btn_list .btn_left{
		display:inline-block;
		float:left;
		}
	.btn_list .btn_right{
		display:inline-block;
		float:right;
		}
	.btn_list .btn_center{
		display:inline-block;
		}

.panel-footer .btn_list{padding:5px 0;}

@media (max-width: 767px) {
	.btn_list{
		}
		.btn_list .btn_left,
		.btn_list .btn_right,
		.btn_list .btn_center{
			width:100%;
			display:block;
			float:left;
			margin-bottom:5px;
			}
	
	.panel-footer .btn_list{padding:2px 0;}
	.panel-footer .btn_list .btn{padding:4px 10px;}
}

/* 버튼그룹 설정 **********************************************************************************/
.ui-checkboxradio-radio-label .ui-icon-background{
	width:10px; 
	height:10px;
	}
	.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
	.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
		width:10px; height:10px;
		border-color:#fff;
		background-color: #337ab7;	
		}
		
.ui-widget,
.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button{font-family: "Malgun Gothic","맑은 고딕",sans-serif;}

.ui-checkboxradio-radio-label .ui-icon-background{
	width:10px; height:10px;
	}
	.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, 
	.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{
		width:10px; height:10px;
		border-color:#fff;
		background-color: #337ab7;	
		}
.dropdown-menu>li>a{
	font-size:13px;	
	}


/* 라디오버튼 설정 **********************************************************************************/
#radio input{vertical-align:-2px;}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
a.ui-button:active, 
.ui-button:active,
.ui-button.ui-state-active:hover{
	box-shadow: none;
	}
.ui-checkboxradio-label .ui-icon-background{
	box-shadow: none;
	}
.ui-checkboxradio-checked,
.ui-state-active{background-color:#2d6ba1;}