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

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

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

/* 게시판 공지사항 설정 ************************************************************************************** */
.sc_view_header{
	padding: 15px;
	width: 100%;
	overflow:hidden;
	background-color:#f5f5f5;
	border:1px solid #e6e6e6;
	border-top:3px solid #0f81ca !important;
	}

/* 개인 공지사항 설정 *******************************************************************************/
#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;
			}

}