/* Mirtech Co. */ 
/* mir_zmng_sub_common 공통 css - copyright all mirtech */

/* 인코딩 설정 */
@charset "utf-8";

/* 자료 검색  ******************************************************************************************* */	
.sub_search{}
	.sub_search .panel-heading{}
		.sub_search .panel-heading .btn-xs{margin-top: 3px;}
		.sub_search .panel-heading .search_option_btn{float:right;}
		
	.sub_search .panel-body{}
		.sub_search .panel-body .input-group .input-group-btn .btn{
			width:100px;
			padding:5px 8px;
			}
		.sub_search .panel-body .input-group .input-group-btn:last-child>.btn{width:70px;}
		
		
/* 자료유형 */
.search_gtype{
	margin: 5px 0 5px;
	}
	.search_gtype .search_gtype_list{display:inline-block;}
	.search_gtype .btn_mir_search{margin-left:12px;}
	.search_gtype .nav-pills{
		width:100%;
		padding:5px;
		background-color:#eeeeee;
		margin-bottom:10px;
		}
		.search_gtype .nav-pills>li{

/* 소장자료 검색 결과 리스트 타입 간격 스타일 */
.type_list ul{
	display:inline-block;
	margin:0 auto;
	}
	.type_list ul li{
		display: inline-block;
		line-height: 25px;
		padding: 0 0 0 10px;
		}
	.type_top{
		position:relative;
		top:4px;
		}
	
/* 다국어입력 설정 */
#subject{
	margin-bottom: 10px;
	padding: 5px;
	background-color: #f8f8f8;
	border-color: #e7e7e7;
	}
	#subject ul{overflow:hidden;}
		#subject ul li{
			}
			#subject ul li a{
			    }
			#subject ul li a:hover{
				cursor:pointer;
				}

/* 다국어입력 - 일본어 입력 설정 */
#lang_jap{overflow:hidden;}
	#lang_jap .lang_jap_content{
			float:left;
			margin-right: 8px;
    		margin-left: 8px;
			}
		#lang_jap .lang_jap_content li{
			width:30px; height:25px;
		    margin-bottom: 5px;
		    }
		    


/* 연속간행물 - 구독 버튼 설정 */
.btn_data_list{
	margin-bottom:10px;
	border-bottom:1px solid #dddddd;
	}
	.btn_data_list .btn{
		margin-bottom: -1px;
		border-bottom-left-radius:0;
		border-bottom-right-radius:0;
		}
		
/* 도서 리스트 - 책 이미지 설정 */
img.search_imgbor{
	height:140px;
	min-width: 50px;
	max-width:none;
	border:1px solid #eee;
	}

/* 도서 리스트 - 자료유형 이미지 설정 */
img.icon_data_type{
	width:20px; height:20px;
	min-width: 15px; min-height: 15px;
	margin-right:3px;
	vertical-align:middle;
	}


/* 모바일 설정 =============================================================================================*/
@media (max-width: 767px){
	.sub_search{}
		.sub_search .panel-heading{padding:8px;}
			.sub_search .panel-heading .ui-button{
				padding: .4em .5em;
				font-size:11.5px;
				}
			.sub_search .panel-heading .search_option_btn{
				float:left;
				width: 100%;
				}

		.sub_search .panel-body{padding: 10px 8px;}
			.sub_search .panel-body .input-group{display:block;}
				.sub_search .panel-body .input-group input.form-control,
				.sub_search .panel-body .input-group .input-group-btn{
					display:inline-block;
					}
				.sub_search .panel-body .input-group input.form-control{width:73%;}
				.sub_search .panel-body .input-group .input-group-btn{width:100%;}
				.sub_search .panel-body .input-group .input-group-btn:last-child{width:auto !important;}
					.sub_search .panel-body .input-group .input-group-btn .btn{
						width:95px;
						padding:5px;
						border-top-right-radius: 4px;
		   				border-bottom-right-radius: 4px;
						}
					.sub_search .panel-body .input-group .input-group-btn:last-child>.btn{
						width:55px;
						padding:5px;
						}
						
		/* 도서 리스트 - 책 이미지 설정 */
		img.search_imgbor{
			width:70px;
			height:95px;
			}
	
		/* 소장자료 검색 결과 리스트 타입 간격 스타일 */
		.type_list ul{
			}
			.type_list ul li{
				font-size:12px;
				padding: 0 0 0 5px;
				}
					
					
		/* 자료유형 */
		/*.search_gtype .search_type_list{
			padding-bottom:10px;
			border-bottom:1px dashed #cccccc;
			}*/
		.search_gtype .search_gtype_list{
			padding-bottom:10px;
			/*border-bottom:1px dashed #cccccc;*/
			display: block;
			}
			.search_gtype .search_gtype_list label{
			margin-left: 0;
			width: 31%;
			}
			.search_gtype .label-default{
				display:inline-block;
				padding:.2em 1.6em .3em;
				margin-bottom:5px;
				font-size:12px;
				}
			.search_gtype .btn_mir_search{
				display:block;
				width:100%;
				margin-top:10px;
				margin-left:0;
				}
			
			.search_gtype .form-inline .list{
				text-align:left;
				width:50%;
				}
				.search_gtype .form-inline .list li{
					text-align:left;
					}
					
					
		/* 다국어입력 - 일본어 입력 설정 */
		#lang_jap{}
			#lang_jap .lang_jap_content{
					float:left;
					margin-right: 5px;
		    		margin-left: 5px;
		    		margin-bottom:25px;
					}
				#lang_jap .lang_jap_content li{
					width:30px; height:25px;
				    margin-bottom: 5px;
				    }
		    
		    
}


/* 도서 리스트 테이블 설정 ********************************************************************************** */
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th{vertical-align: middle;}


						
/* 도서 리스트 설정  ************************************************************************************** */	
.booklist ul,
.booklist li{margin:0; padding:0;}
.booklist li{
	position:relative;
	padding:10px 5px;
	overflow:hidden;
	min-height:125px;
	}

ul.booklist li:nth-child(2n){
	background-color: #f6f8fa;
	}
	.booklist li p.img_book_list{
		position:absolute;
		left:5px;
		width:75px; height:100px;
		background-color:#ccc;
	}
		.booklist li p.img_book_list img{
			border:1px solid #eee;
		}
	.booklist li > dl{					
		position: absolute;
		right: 75px; left: 100px;
		top: 5px;
	}
	.booklist li > dl dt{
		min-height:20px; max-height:44px;
		overflow: hidden;
		font-size:14px;
	    text-overflow: ellipsis;
	}
	.booklist li > dl dd:nth-child(2){
	}
	.booklist li > dl dd:nth-child(3){
		color:#939393;
	}
	.booklist li > dl dd:nth-child(4){
		color:#e83700;
	}
	.booklist li p.list_right_content{
		position:absolute;
		right:10px; top:40px;
	}
	.booklist li p.list_right_content button.view_simple{
			display:none;
			}
.booklist .collapse,
.booklist .collapsing{margin-top:115px;}

.booklist li p.list_right_content span.label{
	padding:5px 10px;
	font-size:13px;
	}
	
	
/* 모바일 설정 ************************************************************************************** */				
@media (max-width: 767px) {
	.booklist li > dl{
		right:10px;
		}
	.booklist li > dl dt{
		min-height:17px; max-height:35px;
		font-size:13px;
		}
	.booklist li > dl dd:nth-child(3),
	.booklist li > dl dd:nth-child(4){
		display:none;
		}
	.booklist li p.list_right_content{
		position:absolute;
		top:88px; left: 100px;
		}
	.booklist li p.list_right_content button.view_simple{
		display:inline-block;
		}
	.booklist li p.list_right_content button{
		padding: 1px 8px;
		font-size: 11px;
	    line-height: 1.42857;
	    border-radius: 3px;
		}
		
	}
	
/* 도서 리스트 - 간략보기 설정 */
	.dl-horizontal dt {
	    float: left;
	    width: 90px;
	    overflow: hidden;
	    clear: left;
	    text-align: left;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		}
	.dl-horizontal dd {
    	margin-left: 105px;
		margin-bottom:10px;
		}
	.dl-horizontal dd:last-child {
		margin-bottom:0;
		}

/* 주제별 리스트 설정 */
ul.language_list{
	padding:0 0 5px 0; 
	margin:0; 
	overflow:hidden; 
	border-bottom:1px dotted #ccc;
	}
ul.language_list:last-child{
	padding:5px 0 0 0; 
	border-bottom:0 none;
	}
ul.language_list li{
	float:left; 
	padding: 0px 1.5% 6px;
	}
	
/* 모바일 설정 ************************************************************************************** */	
@media (max-width: 767px) {
	ul.language_list li{
		padding: 0px 1% 2px;
		}
	
	}
	
	
/* 통합검색 결과 리스트 - 간략보기 *************************************************************************** */
.search_list_view{
    margin: 5px 0 15px;
	padding-left:10px;
	padding-right:10px;
    width: 100%; height: 220px;
	}
	.table tr td body{
		background-color:red;
		}

	
/* 상세서지 화면 **************************************************************************************** */	

/* 상세서지보기 */
.book_view{}
	.data_btn_list{	
		padding: 10px 15px;
	    overflow: hidden;
	    background-color:#f6f6f6;
	    border:1px solid #ccc;
		border-bottom: 0 none !important;
		}
		.data_btn_list .btn_right{
			display: inline-block;
		    float: right;
		    }
	.data_view{
		padding:20px 15px;
		border:1px solid #ccc;
		}
		.data_view .data_view_top{}
			.data_view .data_view_top .book_title{
			    margin: 0 0 15px 0;
			    padding: 0 0 10px 0;
			    overflow: hidden;
			    border-bottom: 1px dotted #ccc;
				}
				.data_view .data_view_top .book_title h4{	
					display:inline-block;
					font-weight:bold;
					font-size:20px;
					color:#009acb;		
					}
			.data_view .data_view_top .book_title p.a_mark{	
				float:right;
				display:inline-block;
				padding-top:3px;
				}
		
		/* 서지 이미지 영역 */
		.data_view .data_view_left{
			}
			.data_view .data_view_left .img_book #BookImage{
				text-align: center;
			}
			.data_view .data_view_left .img_book #BookImage img{
				max-width:150px;
				min-width:140px;
				border:1px solid #eee;
				display: inline-block;
				}
			.data_view .data_view_left .img_book #BookPreView{
				max-width:150px;
				min-width:95px;
				/*margin:5px 0 10px;*/
				margin: 0 auto;
				text-align:center;
				border:1px solid #ccc;
				border-radius:5px;
				}
			.data_view .data_view_left .img_book #BookPreView img{
				width:100%;
				vertical-align:-5px;
				max-width:70px;
				min-width:70px;
				}
				
		/* 서지 정보 영역 */
		.data_view .data_view_right{
			padding-left:50px;
			}
				.data_view .data_view_right .form-group .col-sm-2{text-align:left;}
				.data_view .data_view_right .form-group .col-sm-10{padding: 4px 0 0 100px;}
			
		
/* 모바일 설정 ************************************************************************************** */	
@media (max-width: 767px) {
	
	/* 상세서지보기 */
	.data_view{
		padding:15px;
		}
		.data_btn_list{	
			padding: 5px 15px;
			}
		.data_view .data_view_top{}
			.data_view .data_view_top .book_title{
				}
				.data_view .data_view_top .book_title h4{	
					display:block;
					font-size:17px;	
					}
				.data_view .data_view_top .book_title p.a_mark{	
					float:none;
					display:block;
					padding-top:6px;
					}
		
		/* 서지 이미지 영역 */
		.data_view .data_view_left{margin-bottom:15px;}	
			.data_view .data_view_left .img_book img{
				width:35%;
				max-width:150px;
				}
			.data_view .data_view_left .img_book #BookPreView{
				width:100%;
				max-width:150px;
				min-width:95px;
				/*margin:5px 0 10px;*/
				margin: 0 auto;
				text-align:center;
				border:1px solid #ccc;
				border-radius:5px;
				}
		
		/* 서지 정보 영역 */	
		.data_view .data_view_right{
			margin: 15px;
			min-height: 20px;
		    padding: 0 10px;
		    background-color: #f5f5f5;
		    border: 1px solid #e3e3e3;
		    border-radius: 4px;
		    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
		    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
			}
			.data_view .data_view_right > .form-group{
				padding: 8px 0;
				margin-left:0; margin-bottom:0;
				border-bottom: 1px dotted #ccc;
				}
			.data_view .data_view_right > .form-group:last-child{
				border-bottom: 0 none;
				}
				.data_view .data_view_right .form-group .col-sm-2{
					margin-bottom:5px;
					font-size:14px;
					}
				.data_view .data_view_right .form-group .col-sm-10{
					padding:0 0 0 10px;
					min-height:auto;
					font-size:12px;
					}
			
}


/* 통합검색리스트 linking_site 설정 */
.linking_site .btn_linking_site{
	border-bottom:1px solid #32a39a;
	}
	.linking_site .btn_linking_site button{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		}	
	.linking_site .well{
		margin-top:10px;
		padding: 15px 10px;
		}
		.relist_center .relist_content dl{border-right:1px dotted #e5e5e5;}
		.relist_center .relist_content dl:last-child{border-right:1px dotted #eee;}
		.relist_center .relist_content dl dt{margin-bottom:5px;}
			.relist_center .relist_content dl dt a{font-size:16px; color:#cc2457; font-weight:bold;}
			.relist_center .relist_content dl dd{position: relative; padding: 0 0 0 5px;}
			.relist_center .relist_content dl dd:before{content:""; display: block; width: 2px; height: 2px; background: #bbbbbb; position: absolute; top: 11px; left: -2px;}
				.relist_center .relist_content dl dd a{color: #848484; font-size: 13px;}
			
/* 소장자료 검색 결과 리스트 결과내재검색 */
.search_re{
	color: #337ab7;
    display: table-cell;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 5px;
    width: 90px;
    letter-spacing: -1px;
	}
	

#search_linking_site{margin-bottom:15px;}
	#search_linking_site #btn_site_search{text-align:right;}
	
	#search_linking_site #linking_site{
		min-height: 20px;
		padding: 19px;
		margin-bottom: 20px;
		background-color: #f9f9f9;
		border:1px solid #e79143;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
		}
		#search_linking_site #linking_site dl{}
			#search_linking_site #linking_site dl dt{
				margin-bottom: 5px;
				padding: 5px 10px;
				font-size: 15px;
				background: #f8dcc2;
				}
			#search_linking_site #linking_site dl dd{
				padding-bottom:5px;
				padding-left:15px;
				}

/* 타블렛 설정 ************************************************************************************** */	
@media (max-width: 991px){
		.relist_center .relist_content dl{
			border-right: none;
			border-bottom: 1px dotted #e5e5e5;
			padding: 10px 20px;
		}
		.relist_center .relist_content dl:last-child{
			border-bottom: none;	
		}
}										
											
/* 모바일 설정 ************************************************************************************** */	
@media (max-width: 767px) {
	.search_re{
		display: table-caption;
		padding-bottom: 7px;
		}		
		#search_linking_site #btn_site_search .btn-sm{
			margin-top: 3px;
		    padding: 1px 8px;
		    font-size: 11px;
		    line-height: 1.42857;
			}
	#search_linking_site #linking_site{
		min-height: 20px;
		padding: 10px;
		margin-bottom: 15px;
		}
		#search_linking_site #linking_site dl{}	
			#search_linking_site #linking_site dl dt{
					padding: 5px;
					font-size: 13px;
					}
				#search_linking_site #linking_site dl dd{
					padding-bottom:3px;
					padding-left:15px;
					}
			
}

/* 결과내 재검색 설정 ********************************************************************************* */
.search_box_content{
	padding:15px;
	margin-bottom:15px;
	border: 1px solid #ddd;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
	}


/* 모바일 설정 ************************************************************************************** */	
@media (max-width: 767px) {

	
}