/* Mirtech Co. */ 
/*============================================================
	
	[전체 사이트 공통 css 페이지 입니다.]
	mir_home_sub_common_button 이용자용 공통 css
	
	copyright (c)all mirtech

============================================================*/

/* button 설정  ******************************************************************************************* */
.btn[disabled]{opacity:0.45;}
.btn:focus{color:#ffffff;}
.btn-xs{padding:1px 8px;}
.btn-sm{padding:5px 15px;}
.btn-group-xs > .btn,
.btn-xs{
    line-height:1.42857;
	font-size:12px;
	}
.btn-default:focus{
	color: #333333;
}
/* 부트스트랩 */
.btn-info{
	background-color: #006fd8;
    border-color: #1466a2;
}
	.btn-info:hover,
	.btn-info:focus{
		background-color: #0062bf;
	}
		
/* 기본 */	
.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_default:focus{color:#333333 !important;}
		
/* 저장 */
.btn_mir_save{
	background-color:#6bcec5;
	border-color:#32a39a;
	color:#303030;
	}
	.btn_mir_save:hover,
	.btn_mir_save:focus{
		background-color:#5fc1b8;
		border-color:#5bafa7;
		}

/* 수정 */
.btn_mir_modify{
	background-color:#6bcec5;
	border-color:#32a39a;
	color:#303030;
	}
	.btn_mir_modify:hover,
	.btn_mir_modify:focus{
		background-color:#5fc1b8;
		border-color:#5bafa7;
		}
		
/* 삭제 */
.btn_mir_delete{
	background-color:#d22c26;
	border-color:#d22c26;
	color:#fff;
	}
	.btn_mir_delete:hover,
	.btn_mir_delete:focus{
		background-color:#c02e29;
		border-color:#ac2925;
		color:#fff;
		}
		
/* 불가 */
.btn_mir_impossible{
	background-color:#d9534f;
	border-color:#d43f3a;
	color:#fff;
	}
	.btn_mir_impossible:hover,
	.btn_mir_impossible:focus{
		background-color:#c02e29;
		border-color:#ac2925;
		color:#fff;
		}
	
/* 취소 */	
.btn_mir_cancel{
	background-color:#dcdcdc;
	border-color:#c5c5c5;
	color:#333;
	}
	.btn_mir_cancel:hover,
	.btn_mir_cancel:focus{
		background-color:#cccccc;
		border-color:#cccccc;
		color:#333;
		}

/* 확인 */
.btn_mir_confirm{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_confirm:hover,
	.btn_mir_confirm:focus{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}

/* 인쇄 */
.btn_mir_print{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_print:hover,
	.btn_mir_print:focus{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}
			
/* 검색 */	
.btn_mir_search{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_search:hover,
	.btn_mir_search:focus{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}
	
/* 복사 */	
.btn_mir_copy{
	background-color:#3e77a0;
	border-color:#3e77a0;
	color:#fff;
	}
	.btn_mir_copy:hover,
	.btn_mir_copy:focus{
		background-color:#2d6288;
		border-color:#2d6288;
		color:#fff;
		}

/* 이동 */
.btn_mir_move{
	background-color:#3e77a0;
	border-color:#3e77a0;
	color:#fff;
	}
	.btn_mir_move:hover,
	.btn_mir_move:focus{
		background-color:#2d6288;
		border-color:#2d6288;
		color:#fff;
		}

/* 추가 */
.btn_mir_add{
	background-color:#3e77a0;
	border-color:#3e77a0;
	color:#fff;
	}
	.btn_mir_add:hover,
	.btn_mir_add:focus{
		background-color:#2d6288;
		border-color:#2d6288;
		color:#fff;
		}

/* 보기 */
.btn_mir_view{
	background-color:#144d78;
	border-color:#10446c;
	color:#fff;
	}
	.btn_mir_view:hover,
	.btn_mir_view:focus{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}

/* 쓰기,저장 - 저장, 수정, 쓰기, 처리 버튼 색상 동일 / 웹접근성으로 버튼 색상 수정
.btn_mir_write{
	background-color:#39b7ac;
	border-color:#32a39a;
	color:#fff;
	}
	.btn_mir_write:hover,
	.btn_mir_write:focus{
		background-color:#32a39a;
		border-color:#32a39a;
		color:#fff;
		}*/ 
.btn_mir_write{
	background-color:#6bcec5;
	border-color:#32a39a;
	color:#303030;
	}
	.btn_mir_write:hover,
	.btn_mir_write:focus{
		background-color:#5fc1b8;
		border-color:#5bafa7;
		}

/* 다시쓰기 */	
.btn_mir_rewrite{
	background-color:#6c6c6c;
	border-color:#6c6c6c;
	color:#fff;
	}
	.btn_mir_rewrite:hover,
	.btn_mir_rewrite:focus{
		background-color:#5c5c5c;
		border-color:#5c5c5c;
		color:#fff;
		}

/* 처리 */
.btn_mir_prss{
	background-color:#6bcec5;
	border-color:#32a39a;
	color:#303030;
	}
	.btn_mir_prss:hover,
	.btn_mir_prss:focus{
		background-color:#5fc1b8;
		border-color:#5bafa7;
		}

/* 신규 */
.btn_mir_new{
	background-color:#5e96c0;
	border-color:#5385ab;
	color:#fff;
	}
	.btn_mir_new:hover,
	.btn_mir_new:focus{
		background-color:#5385ab;
		border-color:#5385ab;
		color:#fff;
		}
		
/* 대출 */
.btn_mir_lend{
	background-color: #f99429;
	border-color: #da8224;
	color:#fff;
}
	.btn_mir_lend:hover,
	.btn_mir_lend:focus{
		background-color: #f58817;
		border-color:#f58817;
		color:#fff;
	}
	
/* 좋아요 - 하트 */
.btn_mir_heart{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
	}
	.btn_mir_heart fa{
		color: #fa4242 !important;
	}
	.btn_mir_heart:hover,
	.btn_mir_heart:focus{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
	.btn_mir_heart:focus{color:#333333 !important;}
	.btn_mir_heart .fa{
		color: #fa4242;
	}
	
/* 찬성(추천) */	
.btn_mir_like{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
	}
	.btn_mir_like:hover,
	.btn_mir_like:focus{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
	.btn_mir_like:focus{color:#333333 !important;}
	.btn_mir_like .glyphicon{
		color: #008be8;
	}
	.btn_mir_like .badge{
		top: -2px;
		font-size: 11px;
	}
.btn_mir_like.clicked{ /* 버튼 클릭했을 때 */
	color: #ffffff;
	background: #008be8;
	border: 1px solid #1779dc;
}
	.btn_mir_like.clicked:hover,
	.btn_mir_like.clicked :focus{
		background-color: #1776b5;
		border-color: #3386da;
		color: #ffffff !important;
	}
	.btn_mir_like.clicked .glyphicon{
		color: #ffffff;
	}
	.btn_mir_like.clicked .badge{
		background-color: #0e5082;
    	color: #ffffff;
	}

/* 반대(비추천) */
.btn_mir_hate{
	background-color:#ffffff;
	border-color:#dddddd;
	color: #333333;
}
	.btn_mir_hate .glyphicon {
	    color: #cc194a;
	}
	.btn_mir_hate:hover,
	.btn_mir_hate:focus{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
	.btn_mir_hate:focus{color:#333333 !important;}
	.btn_mir_hate .badge{
		top: -2px;
		font-size: 11px;
	}
.btn_mir_hate.clicked{/* 버튼 클릭했을 때 */
	background-color: #f57878;
    border-color: #e46f6f;
	color: #ffffff;
}
	.btn_mir_hate.clicked:hover,
	.btn_mir_hate.clicked :focus{
		background-color: #d86161;
		border-color: #e46f6f;
		color: #ffffff !important;
	}
	.btn_mir_hate.clicked .glyphicon{
		color: #ffffff;
	}
	.btn_mir_hate.clicked .badge{
		background-color: #862525;
    	color: #ffffff;
	}
	
/* 링크형 */
.btn_mir_link{
	background-color:transparent;
	box-shadow:none;
	}
	.btn_mir_link:hover
	.btn_mir_link:focus{
		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
	.btn_mir_line:focus{
		background-color:transparent;
		color:#fff;
		text-decoration:underline;
		}

/* 앱 전용 뒤로가기 버튼 */
.btn_mobile_undo{
	float: left;
    margin: 6px 5px 0 0;
    padding: 3px 7px 0px;
    color: #144d78;
    background: #ffffff;
    font-size: 14px;
    border: 1px solid #dddddd;
}

/* 라디오버튼 */	
.btn_mir_radio{
	font-size: 13px;
    padding: 6px 10px 6px 22px;
    letter-spacing: -0.5px;
	color:#333;
    background-color:#fff;
    border-color:#ccc;
	}
	.btn_mir_radio.active{
		background-color:#52c6d6;
		border-color:#46baca;
		color:#303030;
		}
	.btn_mir_radio:hover{
		background-color:#40bbcc;
		border-color:#40bbcc;
		}
	.btn_mir_radio:focus{}
	.btn_mir_radio > input[type=radio]{
		top:11px; left:6px;
		width:10px;
		margin:0;
		clip:auto !important;
		}

/* 로그아웃 */
.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 .caret{
	position: absolute;
    right: 8px;
    top: 13px;
	}

/* 간략보기 버튼 */
.btn_mir_search_view{
	background-color: #144d78;
    border-color: #10446c;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px;
    border-radius: 0;
	}
	.btn_mir_search_view:hover{
		background-color:#10446c;
		border-color:#10446c;
		color:#fff;
		}
		
/* 리스트 */	
.btn_mir_list{
	background-color:#ffffff;
	border-color:#dddddd;
	color:#333333;
	}
	.btn_mir_list:hover{
		background-color:#e6e6e6;
		border-color:#adadad;
		color:#333333 !important;
		}
	.btn_mir_list:focus{color:#333333 !important;}
	
/* 버튼토글 설정 */
label.switch {
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:75px; height:25px;
	background-color:white;
	border-radius:18px;
	cursor:pointer;
	}
.switch-input {
	position:absolute;
	top:0px; left:0px;
	opacity:0;
	}
.switch-input:focus + .switch-label{
	outline: 2px solid #A6C8FF;
}
.switch-label {
	position:relative;
	display:block;
	width:75px; height:inherit;
	font-size:13px;
	text-transform:uppercase;
	background:#eceeef;
	border-radius:inherit;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
	-webkit-transition:0.15s ease-out;
	-moz-transition:0.15s ease-out;
	 -o-transition:0.15s ease-out;
	transition:0.15s ease-out;
	-webkit-transition-property:opacity background;
	moz-transition-property:opacity background;
	-o-transition-property:opacity background;
	transition-property:opacity background;
	}
.switch-label:before, .switch-label:after {
	position:absolute;
	top:50%;
	margin-top:-.5em;
	line-height:1;
	-webkit-transition:inherit;
	-moz-transition:inherit;
	-o-transition:inherit;
	transition:inherit;
	}
.switch-label:before {
	content:attr(data-off);
	right:11px;
	color:#424242;
	text-shadow:0 1px rgba(255, 255, 255, 0.5);
	}
.switch-label:after {
	content:attr(data-on);
	left:11px;
	color:#404040;
	opacity:0;
	}
.switch-input:checked ~ .switch-label {
	background:#52c6d6;
	box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
	}
.switch-input:checked ~ .switch-label:before {opacity:0;}
.switch-input:checked ~ .switch-label:after {opacity:1;}
.switch-handle {
	position:absolute;
	top:2px; left:4px;
	width:20px; height:20px;
	background:white;
	border-radius:10px;
	box-shadow:1px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-transition:left 0.15s ease-out;
	-moz-transition:left 0.15s ease-out;
	-o-transition:left 0.15s ease-out;
	transition:left 0.15s ease-out;
	}
.switch-handle:before {
	content:'';
	position:absolute;
	top:50%; left:50%;
	margin:-6px 0 0 -6px;
	width:12px; height:12px;
	background:#f9f9f9;
	border-radius:6px;
	box-shadow:inset 0 1px rgba(0, 0, 0, 0.02);
	}
.switch-input:checked ~ .switch-handle {
	left:52px;
	box-shadow:-1px 1px 5px rgba(0, 0, 0, 0.2);
	}
.switch-input:disabled ~ .switch-handle::before {
	margin-top:-8px; margin-left:-5px;
	content:"\e033";
	color:#cccccc;
	font-family:Glyphicons Halflings; font-size:11px; font-weight:normal;  
	}
	
	
/* 하단 버튼 설정 ***************************************************************************************** */
.btn_list{
	width:100%;
	padding:15px 0 10px;
	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;}


/* 모바일 설정 =============================================================================================*/
@media (max-width:767px){
	
	.btn_list{
		padding:10px 0;
		overflow:hidden;
		text-align:center;
		}
		.btn_list .btn_left,
		.btn_list .btn_right,
		.btn_list .btn_center{	
			display:block;
			float:left;
			width:100%;
			margin-bottom:5px;
			}
}

/* 태블릿 설정 =============================================================================================*/
@media (max-width:991px){
	
	/* 라디오버튼 */	
	.btn_mir_radio{
		font-size: 12px;
	    padding: 6px 8px 6px 17px;
	    letter-spacing: -0.5px;
		}
		.btn_mir_radio > input[type=radio]{
			top:6px;
			}
			
	/* 간략보기 버튼 - 모바일버전 */
	.btn_mir_search_view{
		font-size: 11px !important;
    	padding: 2px 5px !important;
		}
	
}


/* 버튼그룹 설정 ****************************************************************************************** */
.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;}

.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;}

.btn .fa-caret-down{margin-left:3px;}