/* Mirtech Co. */ 
/* mir_home_sub_mylibrary css - copyright all mirtech */

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


/* 희망도서 안내 ********************************************************************************* */
/* 안내 */
.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: 30px;
    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;
		}
}


/* 대출안내 ************************************************************************************** */
.lend_guide{margin-bottom:25px;}



/* 대출현황 ************************************************************************************** */
.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;
	}
}


/* 대출현황 연체현황 테이블 
	.lendlist_historytable{
		border: 5px solid #6d7176;
		margin-bottom: 15px;
		padding: 15px;
		text-align: center;
   		}*/


/* 대출내역  ************************************************************************************** */	
.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;
	}
	.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;
		}
	
}

/* 개인정보 ********************************************************************************* */

/* 개인정보 - 안내 */
.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;
		}

	
/* 개인정보 - 비밀번호 입력 */
.panel_registercheck{
	max-width:500px;
	margin:0 auto;
	}


/* 개인정보 - 수정 */
.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_list{margin-bottom:10px;}
	.perusalguide_list span{font-size:12px;}

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

}


/* 개인공지 ********************************************************************************* */
.notice_view{}
	.notice_view .form-control-static{padding-bottom:30px;}
		.notice_view .form-control-static table{
			margin: 0;
		    width: 100%;
			}


/* My Library 정보 ********************************************************************************* */
/* 기본 설정 */
#myhistory_wrapper{}
#myhistory_wrapper > div .panel-heading{
    transition: 0.3s all;
}
#myhistory_wrapper > div:hover .panel-heading{
    background: #004879;
    border-color: #004879;
    color: #ffffff;
}
#myhistory_wrapper div .panel-body{
    height: auto;
    min-height: 230px;
}
#myhistory_wrapper div .panel-body table{
    table-layout: fixed;
    margin-bottom: 0;
}
#myhistory_wrapper div .panel-body table tbody tr td:first-child{
    text-align: left;
}
#myhistory_wrapper div .panel-body table tbody tr td a{
    display: inline-block;
    width: 100%; height: 18px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 더보기 버튼 */
.more_btn{
    display: inline-block;
    width: 20px; height: 20px;
    line-height: 1.1;
    background: #aaaaaa;
    color: #ffffff;
    text-align: center;
    font-size: 21px;
}
.more_btn:hover{
    color: #004b88;
    background: #f1f0f0;
}

/* 개인정보 */
.myInfo ul{
    padding: 15px;
    border: 1px solid #dddddd;
    border-radius: 10px;
}
.myInfo ul li{
    width: 50%;
    float: left;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd;
}
.myInfo ul li:nth-child(3), .myInfo ul li:nth-child(4){
    background: #f9f9f9;
} 
.myInfo ul li:last-child{
    background: #f9f9f9;
    border-bottom: none;
}
.myInfo ul li.email{
    width: 100%;
}
.myInfo ul li span{
    display: inline-block;
    width: 50px;
    font-weight: bold;
    position: relative;
}
.myInfo ul li span:after{
    content: ":";
    padding: 0 3px;
    position: absolute;
    right: 0;
}

/* 모바일 사이즈 */
@media only screen and (max-width: 768px){
    
    /* 기본 설정 */
    #myhistory_wrapper div .panel-body{
    height: auto;
    }
    
    /* 개인정보 */
    .myInfo ul li{
        width: 100%; 
        float: none;
    }
    .myInfo ul li:nth-child(even){
        background: #f9f9f9
    }
    .myInfo ul li:nth-child(3), .myInfo ul li:last-child{
        background: #ffffff;
    }
}