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

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

/* 희망도서 안내 ********************************************************************************* */
	
/* 신청 리스트 */
.SearchList .purchase_list{
	}
	.SearchList .purchase_list li {
	    /*min-height: 145px;*/
	    min-height: 170px;
	    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;
	}


/* 대출안내 ************************************************************************************** */
.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;
	}
		.my_borrow_box .lend_list .lend_list_data{
			color: #ff0000;
		}
		.my_borrow_box .lend_list .my_borrow_possible{
			color: #0062a9;
			font-weight: bold;
		}
		.my_borrow_box .lend_list .my_borrow_impossible{
			/*color: #ff0000;*/
			color: #dc0000;
			font-weight: bold;
		}
	
.lend_list li{float: left; width: 50%;}

@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;
	}
	.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_con{overflow:hidden;}
	.perusalguide_list{
		float:left;
		display:inline-block;
		margin-bottom:10px;
		}
		.perusalguide_list span{font-size:12px; color: #353535;}

/* 모바일 설정 */	
@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%;
			}
			
/* 개인공지 안내 ***************************************************************************** */
#notice_guide{margin-top:20px;}
	.mynotice_guide:after{
		content:"";
		display: block;
		clear: both;
		}
	.mynotice_guide .notice_content{
		text-align:center;
		width: 20%;
		float: left;
		position: relative;
		}
	.mynotice_guide .notice_content .notice_content_icon{
		display:inline-block;
		width: 120px;
		height: 120px;
		padding-top:30px;
		margin-bottom:20px;
		font-size:20px;
		color:#fff;
		font-weight:bold;
		background-color: #838383;
		text-align:center;
		border-radius:60px
		}
		.mynotice_guide .notice_content .notice_content_icon i{
			font-size: 50px;
			line-height: 1.1;
			color: #ffffff;
			}
	#notice_guide .notice_content span.on{background-color: #09afdf;}
	#notice_guide .notice_content .notice_content_title{
		font-size: 16px;
		font-weight: bold;
		margin-bottom: 20px;
		}
	#notice_guide .well{
		margin-bottom:20px;
		font-size:15px;
		}
		#notice_guide i.fa-plus{
			position: absolute;
		    right: -5px;
		    top: 70px;
		    color:#838383;
			}

/* 모바일 사이즈 */	
@media (max-width: 767px) {
	
	/* 개인공지 설정 */
	#notice_guide{margin-top:20px;}
		.mynotice_guide:after{
			content:"";
			display: block;
			clear: both;
			}
		.mynotice_guide .notice_content{
			text-align:center;
			width: 20%;
			float: left;
			position: relative;
			}
		.mynotice_guide .notice_content .notice_content_icon{
			display:inline-block;
			width: 90px;
			height: 90px;
			padding-top:30px;
			margin-bottom:5px;
			font-size:20px;
			color:#fff;
			font-weight:bold;
			background-color: #838383;
			text-align:center;
			border-radius:45px
			}
			.mynotice_guide .notice_content .notice_content_icon i{
				font-size: 35px;
				line-height: 1;
				}
		#notice_guide .notice_content{
			width: 50%;
			}
			#notice_guide .notice_content .notice_content_title{
			font-size: 14px;
			margin-bottom: 15px;
			}
			#notice_guide .notice_content span{
			height: 90px;
			font-size:15px;
			}

}
			
/* 희망도서신청 안내******************************************************************************* */

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

	
	
/* 도서관행사 신청 ******************************************************************************* */
/* 신청 리스트 */
.extra_list{
    width: 100%;
    height: auto;
}
.extra_list:after{
    content:"";
    display: block;
    clear: both;
}

.extra_list .list_box{
    width: calc((100% - 60px) / 5); height: auto;
    min-height: 240px;
    background: #ffffff;
    border: 1px solid #dddddd;
    float: left;
    margin: 0 15px 15px 0;
}
.extra_list .list_box:nth-child(5n){
    margin: 0 0 15px 0;
}
.extra_list .list_box:hover{
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
}
	.extra_list .list_box .box_top{
	    width: 100%; height: auto;
	    height: 150px;
	    background-color: #f1f0f0;
	    background-position: 50% 50%;
	    background-size: cover;
	    position: relative;
	    padding: 15px;
	}
		.extra_list .list_box .box_top .score{
		    width: 35px; height: 35px;
		    background: #144d78;
		    position: absolute;
		    top: 0; right: 0;
		}
			.extra_list .list_box .box_top .score span{
			    color: #ffffff;
			    display: block;
			    text-align: center;
			    font-size: 14px;
			    width: 23px; height: 23px;
			    margin: 6px auto;
			    border: 1px solid #ffffff;
			    border-radius: 50%;
			    line-height: 22px;
			}
		.extra_list .list_box .box_top dl .field{
		    padding: 1px 5px;
		    display: inline-block;
		    width: auto;
		    max-width: 85%;
		    background: #379acb;
		    color: #ffffff;
		    font-weight: normal;
		    font-size: 14px;
		    margin-bottom: 10px;
		    white-space: nowrap;
		    text-overflow: ellipsis;
		    overflow: hidden;
		}
		.extra_list .list_box .box_top dl .title{
		    font-size: 17px;
		    /*display: inline-block;*/
		    display: table;
		    width: auto;
		    padding: 2px 5px;
		    background: rgba(255,255,255,0.8);
		}
		
.extra_list .list_box .box_bottom{
    padding: 15px;
}
	.extra_list .list_box .box_bottom .date{
	    font-size: 12px;
	    display: block;
	    margin-bottom: 2px;
	}
	.extra_list .list_box .box_bottom .time{
	    font-size: 12px;
	    display: block;
	    margin: 0 0 5px 0;
	    font-weight: normal;
	    color: inherit;
	    width: auto;
	    float: none;
	    font-family: inherit;
	}
	.extra_list .list_box .box_bottom .people{
	}
		.extra_list .list_box .box_bottom .people .people_box{
		    width: 75px; height: 20px;
		    display: inline-block;
		}
		.extra_list .list_box .box_bottom .people .applicant{    
		    color: #26a6cc;
		}
		.extra_list .list_box .box_bottom .people .total{
		}

/* 태블릿 설정 =========================================================================== */

@media only screen and (max-width:1200px){
    .extra_list .list_box{
        width: calc((100% - 45px) / 4);
    }
    .extra_list .list_box:nth-child(5n){
        margin: 0 15px 15px 0;
    }
    .extra_list .list_box:nth-child(4n){
        margin: 0 0 15px 0;
    }
}

/* 모바일 설정 =========================================================================== */

@media only screen and (max-width: 768px){
    .extra_list .list_box{
        width: calc((100% - 15px) / 2);
    }
    .extra_list .list_box:nth-child(4n){
        margin: 0 15px 15px 0;
    }
    .extra_list .list_box:nth-child(2n){
        margin: 0 0 15px 0;
    }
}

@media only screen and (max-width: 500px){
    .extra_list .list_box{
        width: 100%;
        margin: 0 0 10px 0 !important;
    }
}

/* 도서관행사 상세화면 */
.extra_panel_top{
	padding: 10px 15px;
}
.label.field{
	background: #379acb;
	font-size: 13px;
	border-radius: 0;
	vertical-align: text-top;
}
	.extra_panel_top .score{
		text-align: center;
	    display: inline-block;
	    width: 25px;
	    height: 24px;
	    margin-left: 5px;
	    border-radius: 50%;
	    background: #144d78;
	    color: #ffffff;
	    padding-top: 2px;
	    font-size: 15px;
	}
.extra_title{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #bbbbbb;
    margin-bottom: 15px;
}
.extra_title:after{
	content:"";
	display: block;
	clear: both;
}
	.extra_title>h4{
		font-size: 24px;
		width: auto;
		float: left;
		line-height: 1.5;
	}
	.extra_title button{
		float:right;
	}

.extra_view_list{
	padding: 15px;
	background: transparent;
	border: none;
	box-shadow: none;
}
	.extra_view_list .form-group{
		padding-top: 3px;
		margin-bottom: 0;
		border-bottom: 1px dotted #dddddd;
	}
	.extra_view_list .form-group:last-child{
		border-bottom: none;
	}
		.extra_view_list .form-group .col-sm-10 {
		    padding: 4px 0 0 110px;
		}
.extra_view_img img{
	background: #ffffff;
	padding: 5px;
	border: 1px solid #dddddd;
	text-align: right;
}

@media (max-width: 767px){
	.extra_view_list .form-group .col-sm-10{
		padding: 5px 0 5px 0;
	}
	
	.extra_view_img{
		padding: 0 15px !important;
		margin: 0 !important;
		background-color: transparent !important;
		border: none !important;
		box-shadow: none !important;
		text-align: center;
	}
}

/* 개인서재 안내 ********************************************************************************* */
/* 안내 */
.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 !important;
    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;
		   		}
}