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

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

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


/* 서브 이용안내  ********************************************************************************* */

/* 소개 & 연혁 */
/* 연혁 탭 */
.tab_history li a{font-size:18px; }
.tab_history li.active{font-weight:bold;}
.tab_history > li.active > a,
.tab_history > li.active > a:focus,
.tab_history > li.active > a:hover{
    background-color:#0db3f8 !important;
    color:#fff;
	}
	
@media (max-width:767px){
	
	.tab_history > li{border-bottom:0 none;}
	
	}

/* 연혁 내용 */
.info_history .history_year{
	background-color:#f9f9f9;
	margin-top:10px;
	border-top:1px solid #e8e8e8;
	padding:10px;
	}
.info_history .history_year h4{
	margin-bottom:10px;
	text-align:center; 
	font-size:25px;
	color:#23408f;
	font-weight:bold;
	}
.info_history .history_year dl dt,
.info_history .history_year dl dd{padding:5px;}
.info_history .history_year dl dt{
	coloar:#00a6da;
	font-weight:bold;
	float:left;
	}

/* 태블릿 설정 =========================================================================== */
@media all and (min-width:768px){
	
	.info_history .history_year{overflow:hidden;}
	.info_history .history_year h4{
		text-align:center; 
		float:left; 
		width:25%; 
		font-size:40px;
		}
	.info_history .history_year dl{
		float:left;
		margin-left:0;
		width:50%;
		}
		
}

/* 조직도 & 직원소개 */
.info_staff .sub_image{
    margin-bottom:15px;
    border-radius:25px;
    background:#ffffff;
    border:1px solid #eee;
	}
.info_staff .info_staff_con{
    background-color:#f5f5f5;
    margin-bottom:15px;
    min-height:170px;
    padding:15px 20px 15px 100px;
    position:relative;
	}
.info_staff h6 {
    font-size:20px;
    padding:0 0 10px;
    font-weight:bold;
    color:#00a0d3;
	}
.info_staff dl{margin-top:5px;}
.info_staff dl dt,
.info_staff dl dd {line-height:16px;}
	.info_staff dl dt {
		width:55px;
	    text-align:left;
	    font-weight:bold;
		}
	.info_staff dl dd{
		margin-left:55px;
		word-break:break-all;
		}
	.info_staff dl dd span{   
	    display:inline-block;
	    width:60px;
	    font-weight:bold;
		}
.info_staff .row p{
    position:absolute;
    top:15px; left:32px;
	}
.info_staff .row i.fa {
    background-color:#273b59;
    border-radius:30px;
    color:#fff;
    display:inline-block;
    font-size:35px;
    line-height:60px;
    text-align:center;
    width:65px;
	}
	
/* 모바일 설정  =========================================================================== */
@media (max-width:767px) {
	.info_staff .info_staff_con{padding:20px;}
	.info_staff .row p {top:10px;}
	.info_staff .row i.fa {
	    border-radius:5px;
	    color:#fff;
	    display:inline-block;
	    font-size:20px;
	    line-height:40px;
	    text-align:center;
	    width:40px;
		}
		.info_staff dl{margin-top:17px;}
		.info_staff h6 {padding:0 0 10px 45px;}
}

		
/* 층별 & 실별안내 */
.guide_floor{margin-top:50px;}
.guide_floor_box{
    color:#404040;
    font-size:14px;
    line-height:21px;
    padding:20px 0;
	}
.guide_floor_content{
    border-bottom:1px dotted #e1e1e1;
    margin-bottom:32px;
    overflow:hidden;
    padding-bottom:32px;
	}

.guide_floor_content .floor_ico{   
    float:right;
    position:relative;
    top:10px; bottom:0;
    font-size:8em;
    opacity:0.05;
	}
.guide_floor_content .floor_img{float:left;}
	.guide_floor_content .floor_img img{
	    width:277px; 
	    height:188px;
		}
.guide_floor_content dl{padding:0 0 0 304px;}
	.guide_floor_content dl dt{
	    font-size:22px;
	    font-weight:600;
	    padding:10px 0;
		}
		.guide_floor_content dl dd ul{padding-left:5px;}

.floor_list{
    margin:5px 0 10px;
    padding-left:11px;
	}
	.floor_list li{
	    color:#404040;
	    font-size:13px;
	    font-weight:normal;
	    line-height:24px;
	    margin:0;
	    padding:0 0 0 0;
	    text-indent:-11px;
		}


/* 대출반납 */
.guide_borrow{
	}
	
.guide_borrow ul.list{
    padding:20px 0 0;
    }
	.guide_borrow ul.list li{
		padding:0 0 0 15px;
		text-indent:-15px;
		line-height:25px;
    	}	



/* 이용자준수사항 */
.guide_user{margin-bottom:50px}
	
	.guide_user ul{
		}

		.guide_user ul li{
			padding:15px 0 15px 0;
			line-height:33px;
			border-bottom:1px dotted #e1e1e1;
			}
		.guide_user .bg{
			font-family:"Malgun Gothic","맑은 고딕",sans-serif;
			background:url(../../images/ko/page_sub/guide_user_bg.png) no-repeat 7px 0;
			color:#fff;
			display:inline-block;
		    height:35px;
		    margin:0;
		    padding:0 0 0 15px;
		    text-align:left;
		    vertical-align:top;
		    width:80px;
	    	}
			

	/* 이용자 준수사항 이미지 */
	#user_img{
		background:url(../../images/ko/page_sub/library-488671_1920.jpg) bottom;
		padding:80px 0 60px;
		}
	.pad-top80{padding-top:80px;}	
	.pad-bot80{padding-bottom:80px;}		
	.user_img h2.section-heading{
	    font-size:40px;
	    margin-bottom:15px;
	    margin-top:0;
		}


/* 모바일 설정 */	
@media (max-width:767px){
	.guide_floor_content{
		border-bottom:1px dotted #e1e1e1;
		margin-bottom:25px;
	    overflow:hidden;
	    padding-bottom:25px;
		}

	.guide_floor_content .floor_ico{
		display:none;
		}	
	.guide_floor_content .floor_img{
	    border:1px solid #dcdcdc;
	    float:none;
	    text-align:center;
		}

	.guide_floor_content .floor_img img{
	    display:block;
	    margin-left:auto;
	    margin-right:auto;
		}

	.guide_floor_content dl{
	    padding:10px 0 0;
		}
	.guide_floor_content dl dt{
	    font-size:22px;
	    font-weight:600;
	    padding:10px 0;
		}	

	.guide_user .bg{
		font-family:"Malgun Gothic","맑은 고딕",sans-serif;
		background:url(../../../../images/mirframework/home/sub_page/guide_user_bg.png) no-repeat 7px 0;
		color:#fff;
		display:inline-block;
	    height:35px;
	    margin:0;
	    padding:0 0 0 15px;
	    text-align:left;
	    vertical-align:top;
	    display:flex;
		}

}

		
/* 추천도서  *****************************************************************************************/

/* 추천도서 - 리스트 설정 */
.recommend_list .recommend_con{
	position:relative;
	min-height:145px;
	padding-bottom:25px;
	}
.recommend_list p.img_book_list{
    position:absolute;
    left:5px;
	width:75px; height:100px;
	background-color:#ccc;
	}
.recommend_list .recommend_con > dl{					
	position:absolute;
	right:0px; left:100px; top:5px;
	}
.recommend_list .recommend_con > dl dt{
	min-height:20px; max-height:44px;
	overflow:hidden;
	font-size:14px;
	line-height:15px;
    text-overflow:ellipsis;
	}
	.recommend_list .recommend_con > dl dt a{
		color:#222222;
		font-size:14px;
		}
		.recommend_list .recommend_con > dl dt a img{
			vertical-align:-4px;
			margin-right:3px;
			}
.recommend_list .recommend_con > dl dd{
	padding-bottom:3px;
	font-size:13px;
	}
.recommend_list .recommend_con > dl dd.writer{color:#009ace;}
.recommend_list .recommend_con > dl dd.book_info{color:#939393;}
	.recommend_list .recommend_con > dl dd .btn{margin-top:5px;}
	
/* 추천도서 - 글쓰기 설정 */
.recommend_upload{overflow:hidden;}
	.recommend_upload_img{
		float:left;
		margin:0 10px 10px 0;
		width:80px; height:100px; 
		background-color:#eeeeee;
		}
		.recommend_upload_img img{
			width:100%;
			height:100%;
			}
	.recommend_upload_info{
		float:left;
		font-size:13px;
		}
		.recommend_upload_info ul li{line-height:24px;}
			.recommend_upload_info ul li span{color:#009ace;}
								
/* 모바일 설정 */	
@media (max-width:767px){
	.recommend_list p.img_book_list{
	    position:absolute;
	    left:0;
		width:55px; height:73px;
		background-color:#ccc;
		}
	.recommend_list .recommend_con{
	    padding:15px 0 15px 0;
	    min-height:130px;
	    border-bottom:1px solid #eee;
		}
	.recommend_list .recommend_con > dl{top:10px; left:75px;}
		.recommend_list .recommend_con > dl dt{
			min-height:16px; max-height:38px;
			font-size:13px;
			}
	
}	

/* 개인정보처리방침 ******************************************************************************** */
.info_privacy dl{margin-bottom:25px;}
	.info_privacy dl dt,
	.info_privacy dl dd{line-height:23px;}
	.info_privacy dl dt{
		padding-bottom:10px;
		font-weight:bold; font-size:17px;
		}
	.info_privacy dl dd{padding-left:10px;}
		.info_privacy dl dd ul{
			margin:10px 0;
			padding:10px;
			background-color:#ffffff;
			}
		.info_privacy dl dd ul li{padding:0 0 5px 10px;}
		.info_privacy dl dd ul li span{
			padding:0 0 0 15px;
			display:inline-block;
			font-size:13px;
			}
.info_privacy .table{margin-top:10px;}
.info_privacy .table thead tr th,
.info_privacy .table tbody tr th,
.info_privacy .table tbody tr td{text-align:center;}
.info_privacy .table tbody tr th{white-space:nowrap;}

/* 찾아오시는 길 ********************************************************************************* */
.intro_map {}
.intro_map #map{width:auto !important; margin-bottom:20px;}
.intro_map dl{padding-bottom:10px;}
	.intro_map dl dt{
		width:70px;
		text-align:left;
		}
	.intro_map dl dd {margin-left:90px;}
		
@media screen and (max-width:767px){
	.intro_map dl dd {margin-left:0;}
	}


/* 사이트맵 ************************************************************************************** */
.sitemap_box{}
	.sitemap_box .panel{
		border:0 none;
		border-radius:0;
		box-shadow:0 0 0 rgba(0,0,0,0);
		}
		.sitemap_box .panel	.panel-heading{
			text-align:center;
			font-weight:bold;
			background-color:#007fd8;
			color:#fff;
			font-size:20px;
			}
		.sitemap_box .panel	.panel-body{
			padding:0;
			}
			
	.sitemap_box .site_list{}
		.site_list li{
			padding:5px 0;
			font-weight:bold;
			font-size:15px;
			}
			.site_list li a{
				display:inline-block;
				width:100%;
				padding: 5px 15px;
				background-color:#eee;
				}
			.site_list li a:before{
				font-family: FontAwesome;
				content: "\f101";
				margin-right: 5px;
				}
				.site_list li ul{
					padding:2px 0;
					}	
					.site_list li ul li{
						padding:3px 0;
						font-weight:normal;
						font-size:13px;
						}
						.site_list li ul li a{
							padding:0 0 0 15px;
							background:none;	
							}
						.site_list li ul li a:before{content: "- ";}

/*  도서기증안내  *********************************************************************************** */
.guide_donation_list_wrapper{
	margin-top:30px;

	}
	.guide_donation_list_box{
		display:flex;
		flex-flow:wrap;
		justify-content:flex-start;
		}
		.guide_donation_list_box li{
			padding:20px;
			box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 8px;
			width:15.41666666666667%;
			margin-right:1.5%;
			margin-bottom:2.2rem;
			display:flex;
		}
		.guide_donation_list_box li:nth-child(6n){
			margin-right:0px;
			}			
			.guide_donation_list_box li p{
				margin-left:15px;
				font-size:13px;
			}		
			.guide_donation_list_box li p .donation_p_name{
				color:#0357ae;
				font-size:16px;
				font-weight:bold;
				margin-top:10px;
				diplay:block;
			}
/* 태블릿 설정 ======================================================================================= */		
@media (max-width: 1380px){
	/*  도서기증안내 */
		.guide_donation_list_box li{
			width:23.875%;
			margin-right:1.5%;
		}	
		.guide_donation_list_box li:nth-child(4n){
			margin-right:0px !important;
			}	
		.guide_donation_list_box li:nth-child(6n){
			margin-right:1.5%;
			}			

}	
@media (max-width: 1000px){
	/*  도서기증안내 */
		.guide_donation_list_box li{
			width:49.25%;
			margin-right:1.5%;
		}	
		.guide_donation_list_box li:nth-child(2n){
			margin-right:0px !important;
			}				
		.donation_block{
			display:block;
		}			

}			
/* 모바일 설정 ======================================================================================= */		
@media (max-width: 767px){
	
	/*  도서기증안내 */
		.guide_donation_list_box li{
			width:100%;
			margin-right:0px !important;
		}	
		.guide_donation_list_box li:nth-child(2n){
			margin-right:0px !important;
			}			

}

/* 태블릿 설정 • =================================================================================== */	
@media only screen and (min-width:768px){
	
	/* 사이트맵 */
	.sitemap_box .panel{
		height:auto;
		border-bottom:0 none;
		}
		.sitemap_box .panel .panel-heading{
		    font-size: 18px;
		    padding: 3px 15px;
			}
			.site_list li{
				padding: 2px 0;
				font-size: 13px;
				}
				
}

/* PC 설정 ========================================================================================== */	
@media only screen and (min-width:992px){
	
	/* 사이트맵 */
	.sitemap_box{
		}
		.sitemap_box .panel {
		    height:585px;
			}
}