/* Mirtech Co. */ 
/*============================================================
	
	[MIRL - 미르도서관 전용 css 페이지 입니다.]
	mir_home_sub_mylibrary 이용자용 css
	
	copyright (c)all mirtech

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

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


/* 희망도서 안내 ********************************************************************************* */

/* 안내 */
.purchase_guide{padding:15px 0;}
	.purchase_guide .panel{
		padding:25px 20px;
		min-height:300px;
		}
	.purchase_guide h6 {
	    font-size: 18px;
	    font-weight: bold;
	    padding-bottom: 15px;
	    text-align: center;
	    border-bottom: 1px dashed #dbdbdb;
		}
	
	.purchase_guide i {
	    background-color: #09afdf;
	    border-radius: 50px;
	    color: #fff;
	    font-size: 45px;
	    height: 100px;
	    line-height: 100px;
	    margin-bottom: 10px;
	    text-align: center;
	    width: 100px;
		}
	.purchase_guide p {
	    color: #a8a8a8;
	    font-size: 14px;
	    margin-top: 15px;
	    text-align:center;
		}
	.purchase_guide dl {
		margin-top: 15px;
	    text-align:center;
		}
		.purchase_guide dl dt {text-align:center;}
		.purchase_guide dl dd {
			padding-bottom:5px;
		    text-align:center;
		    color: #a8a8a8;
			}
	.purchase_guide i.default-bg {
	    background-color: #838383;
	    color: #ffffff;
		}
	
	/* 신청 리스트 */
	.SearchList .purchase_list{
		}
		.SearchList .purchase_list li {
		    min-height: 145px;
		    overflow: hidden;
		    padding: 10px 5px;
		    position: relative;
			}
	.SearchList .purchase_list li p.list_number {
		display: inline-block;
	    font-size: 18px;
	    font-weight: bold;
	    top:15px; left: 10px;
	    position: absolute;
	    color:#0b84c9;
		}
	.SearchList .purchase_list li p.img_book_list {
	    top:15px; left: 40px;
	    position: absolute;
		}
		.SearchList .purchase_list li p.img_book_list img {
			height:100%;
		    border:1px solid #eee;
			}
		.SearchList .purchase_list li > dl {
		    left: 130px;
		    position: absolute;
		    right: 75px;
		    top: 10px;
			}
		.SearchList .purchase_list li p.list_right_content{
			right:15px;
			top:65px;
			}
@media (max-width: 767px){
	
	.SearchList .purchase_list li > dl {left: 105px;}
	
}


/* 희망도서신청 상태 */

/* 신청 */
.label_state_request{
    background-color: #fff;
    border-color: #ccc;
    color: #333;
	}
	
/* 처리보류 */
.label_state_hold{
	background-color: #9b9b9b;
    border-color: #919191;
    color: #fff;
	}
	
/* 확인중 */
.label_state_checking{
	background-color: #8dc154;
    border-color: #76a83e;
    color: #fff;
	}
	
/* 입수 */
.label_state_checkin{
	background-color: #76a83e;
    border-color: #76a83e;
    color: #fff;
	}
	
/* 이용가능상태입니다. */
.label_state_available{
	background-color: #00558e;
    border-color: #004879;
    color: #fff;
	}
	
/* 구매불가 */
.label_state_notbuy{
	background-color: #da4453;
    border-color: #c52737;
    color: #fff;
	}
	
/* 정리중 */
.label_state_bookwork{
	background-color: #76a83e;
    border-color: #76a83e;
    color: #fff;
	}
	
	
/* 개인서재 안내 ********************************************************************************* */
/* 안내 */
.knowledge_guide .panel{
	padding:25px 20px;
	min-height:300px;
	}
.knowledge_guide h6 {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
    text-align: center;
    border-bottom: 1px dashed #dbdbdb;
	}

.knowledge_guide i{
    background-color: #09afdf;
    border-radius: 25px;
    color: #fff;
    font-size: 45px;
    height: 100px;
    line-height: 100px;
    margin-bottom: 10px;
    text-align: center;
    width: 100px;
	}
.knowledge_guide p{
    color: #a8a8a8;
    font-size: 14px;
    margin-top: 15px;
    text-align:center;
	}
.knowledge_guide dl{
	margin-top: 15px;
    text-align:center;
	}
	.knowledge_guide dl dt {text-align:center;}
	.knowledge_guide dl dd {
		padding-bottom:5px;
	    text-align:center;
	    color: #a8a8a8;
		}
.knowledge_guide i.default-bg {
    background-color: #838383;
    color: #ffffff;
	}
	
	
/* 대출안내 ************************************************************************************** */
.lend_guide{
	}
	.lend_guide .panel {
	    min-height: 250px;
	    padding: 25px 20px;
	    text-align:center;
		}
	.lend_guide h6 {
	    border-bottom: 1px dashed #dbdbdb;
	    font-size: 18px;
	    font-weight: bold;
	    padding-bottom: 10px;
	    text-align: center;
		}
	.lend_guide dl {
		display:inline-block;
	    margin-top: 15px;
	    text-align: center;
		}
		.lend_guide dl dt {text-align: left;}
			.lend_guide dl dt span{
			    display:inline-block;
			    width:75px;
				}
		.lend_guide dl dd {
		    color: #a8a8a8;
		    padding-bottom: 5px;
		    text-align: center;
			}
		.lend_guide i {
		    background-color: #09afdf;
		    border-radius: 25px;
		    color: #fff;
		    font-size: 25px;
		    height: 50px;
		    line-height: 50px;
		    margin-bottom: 10px;
		    text-align: center;
		    width: 50px;
			}
@media (max-width: 767px){
	
	.lend_guide .panel {
			margin-bottom: 10px;
		    min-height: 120px;
		    padding: 5px;
			text-align:left;
			}
		.lend_guide h6{
		    display: inline-block;
		    float: left;
		    width: 80px;
		    margin-top:10px;
		    padding: 5px 0 10px 0;
		    font-size: 17px;
		    border-right: 1px dashed #dbdbdb;
		    border-bottom:0 none;
   			}
   			.lend_guide h6 span{display:block;}
			.lend_guide h6 i{
			    background-color: #09afdf;
			    border-radius: 20px;
			    font-size: 20px;
			    height: 40px;
			    line-height: 40px;
			    width: 40px;
				}
		.lend_guide dl{
	   		display: inline-block;
		    margin: 10px 0 10px 20px;
		    text-align: left;
	   		}
	   		.lend_guide dl dt {
		   		text-align: left;
		   		font-size:12px;
		   		}
}
/* 대출현황 ************************************************************************************** */
.my_borrow_box{
	margin-bottom: 10px;
	overflow:hidden;
	}
.my_borrow_box .panel{margin: 10px 0;}	
	.my_borrow_box .panel .panel-heading{
		font-weight:bold;
		text-align:center;
		}
	.my_borrow_box .col-md-4 .panel .panel-body{min-height:110px;}
	.my_borrow_box .col-md-3 .panel .panel-body{min-height:145px;}

@media (max-width: 991px){
	
	.my_borrow_box .col-md-4 .panel .panel-body,
	.my_borrow_box .col-md-3 .panel .panel-body{min-height:10px;}
	
}
/* 대출내역  ************************************************************************************** */	
.history_list ul,
.history_list li {margin:0; padding:0;}
.history_list li {
	position:relative;
	padding:10px 5px;
	overflow:hidden;
	min-height:125px;
	}

ul.history_list li:nth-child(2n){background-color: #f6f8fa;}
	.history_list li p.img_book_list{
		position:absolute;
		left:5px;
		width:75px; height:100px;
		background-color:#ccc;
		border:1px solid #ccc;
		}
	.history_list li > dl{					
		position: absolute;
		right: 75px; left: 100px; top: 5px;
		}
	.history_list li > dl dt{
		min-height:20px; max-height:44px;
		overflow: hidden;
		font-size:14px;
	    text-overflow: ellipsis;
		}
	.history_list li > dl dd:nth-child(2){padding-bottom:5px;}
	.history_list li > dl dd:nth-child(3){color:#939393;}
	.history_list li > dl dd:nth-child(4){color:#e83700;}
	.history_list li p.list_right_content{
		position:absolute;
		right:10px; top:40px;
		}
	.history_list li p.list_right_content button.view_simple{display:none;}
.history_list .collapse,
.history_list .collapsing{margin-top:115px;}
.history_list li p.list_right_content span.label{
	padding:5px 10px;
	font-size:13px;
	}
	
/* 모바일 설정 */	
@media (max-width: 767px) {
	.history_list li p.img_book_list {
	    position: absolute;
	    left: 5px;
	    width: 55px;
	    height: 73px;
		}
	.history_list li > dl {left: 75px;}
		.history_list li > dl dt {
		    min-height: 20px;
		    max-height: 38px;
		    font-size: 13px;
			}
		.history_list li > dl dd:nth-child(2) {padding-bottom: 2px;}
	
}

/* 개인공지 ********************************************************************************* */
.notice_guide{margin-top:20px;}
	.notice_guide .notice_content{text-align:center;}
	.notice_guide .notice_content span{
		display:inline-block;
		width:100%;
		height: 150px;
		padding-top:30px;
		margin-bottom:30px;
		font-size:20px;
		color:#fff;
		font-weight:bold;
		background-color: #838383;
		text-align:center;
		border-radius:40px
		}
	.notice_guide .notice_content span.on{background-color: #09afdf;}
	.notice_guide .well{
		margin-bottom:20px;
		font-size:15px;
		}
		.notice_guide i.fa-bullhorn{
			opacity:0.75;
			font-size:35px;
			}
		.notice_guide i.fa-plus{
			position: absolute;
		    right: -5px;
		    top: 70px;
		    color:#838383;
			}

/* 모바일 설정 ********************************************************************************* */	
@media (max-width: 767px) {
	
	.notice_guide .notice_content span{
		height: 135px;
		font-size:15px;
		}

}
				
/* 개인정보 안내 ********************************************************************************* */
.register_guide_box1 {
    float: left;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background:#3c84d4 ;
	}
.register_guide_box2 {
    float: right;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background: #4cc090;  
	}	
.register_guide_box3 {
    float: left;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background:#3fa6b8;
	}
.register_guide_box4 {
    float: right;
    margin: 1%;
    width: 48%; height:245px;
	padding:30px;
    background:#26827c;
	}	
	.register_guide_box1 h3, .register_guide_box2 h3,
	.register_guide_box3 h3, .register_guide_box4 h3{
		margin-top: 16px;
		color: #fff;
	    font-size: 35px;
	    font-weight: bold;
	    line-height: 33px;
		}
	.register_guide_box1 p, .register_guide_box2 p,
	.register_guide_box3 p, .register_guide_box4 p {
	    color: #fff;
    	padding: 35px 0 15px 0px;
		}	

/* 개인정보 수정 */
.user_info{overflow:hidden;}
	.user_info .user_info_picture{
		float:left;
		padding:0 10px 0 15px;
		}
		.user_info .user_info_picture img{
			width:100%; height:100%;
			max-width:90px;
			border:1px solid #ccc;
			}
	.user_info .user_info_list{
		float:left;
		padding:0 15px 0 10px;
		}
		.user_info .user_info_list dl{margin-top:15px;}
			.user_info .user_info_list dt,
			.user_info .user_info_list dd{
				font-size:15px;
				line-height:25px;
				}
										
.form_inline_fixed .form-control{
    display: inline-block;
    vertical-align: middle;
    width: auto;
	}		

/* 개인정보 비밀번호 변경 안내 */
.register_basic_info{
	margin-top:20px;
	margin-bottom:20px;
	}	
.register_basic_info .number{
	font-size:12px;
	background-color:#c02e29;
	border-color: #ac2925;
	padding:2px 5px;
	color:#fff;
	border-radius: 3px;
	}	
.register_basic_info dt{
	line-height:50px;
	font-size:15px;
	}
.register_basic_info dd{
	background-color: #f2f2f2;
    line-height: 1.7em;
    padding: 20px;
	}			
	

/* 모바일 설정 ********************************************************************************* */	
@media (max-width: 767px) {
	.formgroup_fixed .col-sm-2 {width: 80px;}
	.register_guide_box1, .register_guide_box2,
	.register_guide_box3, .register_guide_box4{
	    display: table;
	    width: 100%;
	    float:left;
	    text-align:left;
		}

}



/* 원문복사신청 ********************************************************************************* */
.Copywrite_input{margin:5px 0;}
.Copywrite_input .row:first-child{margin-bottom:5px;}

/* 모바일 설정 */	
@media (max-width: 767px) {
	.Copywrite_input .row:first-child{margin-bottom:0;}
	.Copywrite_input .col-sm-4{margin-bottom:5px;}

}


/* 다른도서관이용 ********************************************************************************* */
.perusalguide_con{overflow:hidden;}
	.perusalguide_list{
		float:left;
		display:inlinb-block;
		margin-bottom:10px;
		}
	.perusalguide_list span{font-size:12px;}