/**
 * LibDonation Default CSS
 *
 * @package LibDonation
 * @subpackage Defualt CSS
 * @author Jiyeong
 * @since 1.0.0
 */



/* Donors List */
.donors-list {
    margin: 1rem -0.6%;
    padding: 0;
    list-style: none;
    font-size: 0;
}
.donors-list > li.item {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 23.8%;
    margin: 0.6%;
}
.donors-list a {
    display: block;
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 1rem 1.25rem;
	border: 1px solid #eff3f7;
    background: #eff3f7;
	/*background: #f5f6f7;*/
    color: #848992;
    font-size: 13px;
    text-decoration: none;
    line-height: 1.4;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.donors-list a:hover, .donors-list a:active, .donors-list a:focus {
	border-color: #dce0e4;
	box-shadow: 2px 2px 8px rgba(80,93,102,.25);
}
.donors-list .donor-image {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    width: 52px;
    height: 52px;
    transform: translateY(-50%);
    border-radius: 50%;
    overflow: hidden;
}
.donors-list .donor-image img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.donors-list .donor-desc {
	position: absolute;
	top: 50%;
    left: 5.5rem;
	transform: translateY(-50%);
}
.donors-list .donor-desc dl, .donors-list .donor-desc dt, .donors-list .donor-desc dd {
    margin: 0;
    padding: 0;
}
.donors-list .donor-desc dt {
    float: left;
    clear: both;
    margin-right: 5px;
}
.donors-list .donor-desc dd {
    float: left;
}
.donors-list .donor-desc .name {
    padding: 2px 0 4px;
}
.donors-list .donor-desc .name strong {
    color: #3d6c92;
    font-size: 17px;
    font-weight: 400;
}


/* Donated Book List */
.donated-book-list {
	
}
.donated-book-list {
	margin: 1rem -0.6%;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.donated-book-list > li.item {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 48.8%;
	margin: 0.6%;
}
.donated-book-list .book-wrap {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 1.25rem 1.5rem;
	background: #f5f6f7;
	color: #848992;
	font-size: 13px;
	line-height: 1.5;
}
.donated-book-list .book-image {
	position: absolute;
	top: 1.25rem;
	left: 1.5rem;
}
.donated-book-list .book-image img {
	width: 64px;
	height: 86px;
	border: 1px solid #dfe2e4;
}
.donated-book-list .book-desc {
	padding-left: 84px;
}
.donated-book-list .book-desc dt, .donated-book-list .book-desc dd {
	float: left;
}
.donated-book-list .book-desc dd.author, .donated-book-list .book-desc dd.publication, .donated-book-list .book-desc dt.date, .donated-book-list .book-desc dt.location{
	clear: both;
}
.donated-book-list .book-desc dd.name, .donated-book-list .book-desc dd.name a {
	padding: 0 0 5px;
	color: #304050;
	font-size: 17px;
	line-height: 1.3;
	text-decoration: none;
}
.donated-book-list .book-desc dd {
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.donated-book-list .book-desc dd.year::before, .donated-book-list .book-desc dd.isbn::before {
	margin-right: 4px;
	content: ',';
}
.donated-book-list .book-desc dd.date::before, .donated-book-list .book-desc dd.location::before{
	margin: 0 4px;
	content: ':';
}

/* Cyber List */
.cyber-list {
	margin: 1rem -2.5%;
	padding: 0;
	list-style: none;
	font-size: 0;
}
.cyber-list > li.item {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width: 20%;
	margin: 2.5%;
	box-shadow: 3px 3px 12px rgba(80,93,102,.25);
}
.cyber-list a {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 3.5rem 1rem 1rem;
	background: #fff;
	color: #424242;
	font-size: 15px;
	text-decoration: none;
	line-height: 1.5;
	text-align: center;
}
.cyber-list .box {
	padding: 3rem 1rem 5.5rem;
	border: 3px solid #d3dde3;
}
.cyber-list .thumbnail {
	position: absolute;
	top: 20px;
	left: 50%;
	width: 72px;
	height: 72px;
	transform: translateX(-50%);
	border-radius: 50%;
	overflow: hidden;
}
.cyber-list .thumbnail img {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cyber-list .description {
	
}
.cyber-list .description {
	margin: 0;
	padding: 0;
	width: 100%;
}
.cyber-list .description dt, .cyber-list .description dd {
	display: inline-block;
}
.cyber-list .description dd.books {
	display: block;
	color: #996b56;
}
.cyber-list .description .name {
	position: absolute;
	left: 0;
	bottom: 2.25rem;
	width: 100%;
	height: 3.75rem;
	box-sizing: border-box;
	padding: 0 1.25rem;
	background: #996b56;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 3.75rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.cyber-list .description dd.donor::before {
	margin: 0 3px 0 1px;
	content: ':';
}
	


/* Donors View */
.donor-profile {
	position: relative;
	box-sizing: border-box;
	padding: 2.5rem 3rem;
	/*border: 1px dashed #dcddde;*/
	border-top: 0;
    background: #eff3f7;
}
.donor-profile .donor-inner {
	position: relative;
	min-height: 200px;
}
.donor-profile .donor-image-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	box-shadow: 3px 3px 8px 5px rgba(0, 0 , 0, .1);
}
.donor-profile .donor-image img {
	width: 100%;
	border: 1px solid rgba(161, 179, 193, .5);
}
.donor-profile .donor-image.no-thumb .donor-image-inner {
	box-shadow: none;
}
.donor-profile .donor-image.no-thumb img {
	border: 0;
}
.donor-profile .donor-desc {
	padding-left: 160px;
}
.donor-profile .donor-desc dl {
	margin: 0;
	padding: 0;
}
.donor-profile .donor-desc dt, .donor-profile .donor-desc dd {
	margin: 0.5rem 0 0;
	padding: 0;
}
.donor-profile .donor-desc dt {
	float: left;
	clear: both;
	width: 100px;
	margin-right: 1.2rem;
	color: #848992;
	font-size: 14px;
	text-align: right;
}
.donor-profile .donor-desc dd {
	min-height: 21px;
	overflow: hidden;
}
.donor-profile .donor-desc dt.name, .donor-profile .donor-desc dd.name {
	margin-top: 0;
}
.donor-profile .donor-desc dt.name {
	padding-top: 8px;
}
.donor-profile .donor-desc dd.name strong {
	display: inline-block;
	color: #304050;
	font-size: 27px;
	font-weight: 400;
}
.donor-profile .donor-desc dd p:first-child {
	margin-top: 0;
}
.donor-profile .donor-desc dd.status {
	color: #996b56;
}
.donor-profile .donor-desc dd .book-count {
	display: inline-block;
	height: 25px;
	box-sizing: border-box;
	margin-left: 6px;
	padding: 2px 12px;
	border-radius: 25px;
	background: #996b56;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0;
	vertical-align: 5px;
}
.donor-profile .donor-desc dd p {
	margin: 0;
}
.donor-profile .donor-desc a.go-cyber {
	display: inline-block;
	box-sizing: border-box;
	margin-left: 6px;
	padding: 6px 10px 7px 12px;
	border-radius: 3px;
	/*border: 1px solid #777;*/
	background: #239cb9;
	color: #fff;
	font-size: 13px;
	letter-spacing: 0;
	vertical-align: 5px;
	text-decoration: none;
	line-height: 1.2;
}
.donor-profile .donor-desc a.go-cyber::after {
	display: inline-block;
	margin-left: 3px;
	content: '\e907';
	font-family: 'xeicon';
}


/* Donors Table */
.donor-history {
	position: relative;
	margin-top: 2rem;
	padding-top: 1rem;
}
.donor-history + .donor-history {
	/*margin-top: 3rem;*/
}
.donor-history h4.title {
	position: absolute;
	top: 0;
	left: 1.2rem;
	margin: 0;
}
.donor-table {
	border-top: 2px solid #304050;
}
.donor-table table {
	border: 0;
	width: 100%;
	border-collapse: collapse;
}
.donor-table th, .donor-table td {
	padding: 10px 15px;
	border: 0;
	border-left: 1px solid #dcddde;
	border-bottom: 1px solid #dcddde;
	text-align: center;
	font-weight: 400;
}
.donor-table th:first-child, .donor-table td:first-child {
	border-left: 0;
}
.donor-table thead th {
	padding: 20px 0 15px;
	background: #f5f6f7;
	color: #304050;
	text-align: center;
}
.donor-table tbody.left th, .donor-table tbody.left td,.donor-table th.left, .donor-table td.left {
	float: none;
	text-align: left;
}

/* Search */
.donors-search {
	padding: 2rem 0 0;
}
.donors-search .check-box {
	padding: 0.75rem 0;
	font-size: 15px;
}

/* Paging */
.paging {
	text-align: center;
	border: 0;
}
.paging > * {
	position: relative;
	display: inline-block;
	min-width: 2.25rem;
	box-sizing: border-box;
	margin: 0 1px;
	padding: 7px 0.75rem;
	border: 1px solid #dcddde;
	border-radius: 2px;
	font-size: 13px;
	text-decoration: none;
	color: #424242;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	vertical-align: middle;
}
.paging > *:hover, .paging > *:active, .paging > *:focus {
	border-color: #304050;
	color: #304050;
}
.paging > .current {
	border-color: #304050;
	background-color: #304050;
	color: #fff;
}
.paging .page-first,
.paging .page-prev {
	padding-left: 1.5rem;
}
.paging .page-next,
.paging .page-last {
	padding-right: 1.5rem;
}
.paging .page-first::before,
.paging .page-prev::before,
.paging .page-next::after,
.paging .page-last::after {
	position: absolute;
	top: 50%;
	display: inline-block;
	font-family: 'xeicon';
	transform: translateY(-50%);
	color: #848992;
	font-size: 15px;
}
.paging .page-first::before,
.paging .page-prev::before {
	left: 6px;
	text-align: left;
}
.paging .page-next::after,
.paging .page-last::after {
	right: 6px;
	text-align: right;
}
.paging .page-first::before {
	content: '\ea43';
}
.paging .page-prev::before {
	content: '\ea3e';
}
.paging .page-next::after {
	content: '\ea3e';
}
.paging .page-last::after {
	content: '\ea44';
}

/* 기증기부 소식 */
.donate-news-list {
	margin-top: 1.25rem;
	border: 1px solid #dcddde;
	border-radius: 3px;
	overflow: hidden;
}
.donate-news-list li a {
	display: block;
	padding: 12px 20px;
	border-top: 1px solid #dcddde;
	color: #424242;
	text-decoration: none;
}
.donate-news-list li:first-child a {
	border-top: 0;
}
.donate-news-list .title {
	float: left;
	display: block;
	max-width: 82%;
	box-sizing: border-box;
	font-weight: 400;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
}
.donate-news-list .date {
	float: right;
	display: block;
	box-sizing: border-box;
	color: #848992;
	text-align: right;
}
.donate-news-list li a:hover, a:focus, a:active {
	background: #f5f6f7;
}

/* Media query */
@media (max-width: 1240px) {
	.cyber-list {
		margin: 1rem -1.5%;
	}
	.cyber-list > li.item {
		width: 22%;
		margin: 1.5%;
	}
}

@media (max-width: 1000px) {
	.donors-list > li.item {
		width: 31.133333%;
	}
	.cyber-list {
		margin: 1rem -2.5%;
	}
	.cyber-list > li.item {
		width: 28.333333%;
		margin: 2.5%;
	}
}
@media (max-width: 860px) {
	.cyber-list {
		margin: 1rem -1.5%;
	}
	.cyber-list > li.item {
		width: 30.333333%;
		margin: 1.5%;
	}
}
@media (max-width: 768px) {
	.donors-list > li.item {
		width: 48.8%;
	}
	.cyber-list {
		margin: 1rem -3.5%;
	}
	.cyber-list > li.item {
		width: 43%;
		margin: 3.5%;
	}
	.donor-profile {
		padding: 1.5rem 2rem 2rem;
	}
	.donor-profile .donor-inner {
		min-height: 0;
	}
	.donor-profile .donor-image-inner {
		width: 120px;
	}
	.donor-profile .donor-image.no-thumb {
		display: none;
	}
	.donor-profile .donor-desc {
		padding-left: 150px;
	}
	.donor-profile .no-thumb + .donor-desc {
		padding-left: 0;
	}
	.donor-profile .donor-desc dt {
		float: none;
		width: auto;
		margin: 1rem 0 0;
		text-align: left;
		font-size: 13px;
	}
	.donor-profile .donor-desc dd {
		margin: 0;
		font-size: 13px;
	}
	.donor-profile .donor-desc dd.name strong {
		font-size: 24px;
	}
	.donated-book-list {
		margin: 1rem 0;
	}
	.donated-book-list > li.item {
		display: block;
		width: 100%;
		margin: 0.5rem 0;
	}
	.donate-news-list .title {
		float: none;
		max-width: 100%;
	}
	.donate-news-list .date {
		float: none;
		text-align: left;
	}
}
@media (max-width: 680px) {
	.donor-profile {
		padding: 0;
		background: #d4dde2;
	}
	.donor-profile .donor-image {
		padding: 1.75rem 0;
	}
	.donor-profile .donor-image-inner {
		position: relative;
		width: 160px;
		margin: 0 auto;
	}
	.donor-profile .donor-desc {
		padding: 1.25rem 8% 1.75rem !important;
		background: #eff3f7;
	}
}
@media (max-width: 480px) {
	.donors-list {
		margin: 1rem 0;
	}
	.donors-list > li.item {
		width: 100%;
		margin: 1% 0;
	}
	/*.donors-list a {*/
		/*display: block;*/
		/*width: 100%;*/
		/*height: 100px;*/
		/*box-sizing: border-box;*/
		/*padding: 0.5rem 1rem;*/
		/*border: 1px solid #eff3f7;*/
		/*background: #eff3f7;*/
		/*!*background: #f5f6f7;*!*/
		/*color: #848992;*/
		/*font-size: 13px;*/
		/*text-decoration: none;*/
		/*line-height: 1.4;*/
		/*-webkit-transition: all 0.3s ease-out;*/
		/*-moz-transition: all 0.3s ease-out;*/
		/*-o-transition: all 0.3s ease-out;*/
		/*transition: all 0.3s ease-out;*/
	/*}*/
	/*.donors-list .donor-image {*/
		/*position: absolute;*/
		/*top: -20px;*/
		/*left: 50%;*/
		/*width: 40px;*/
		/*height: 40px;*/
		/*transform: translateX(-50%);*/
	/*}*/
	/*.donors-list .donor-image img {*/
		/*position: absolute;*/
		/*width: 100%;*/
		/*top: 50%;*/
		/*left: 50%;*/
		/*transform: translate(-50%, -50%);*/
	/*}*/
	/*.donors-list .donor-desc {*/
		/*left: 0.75rem;*/
		/*right: 0.75rem;*/
	/*}*/
	/*.donors-list .donor-desc .name {*/
		/*width: 100%;*/
		/*padding: 2px 0 4px;*/
		/*border-bottom: 1px solid #d9e1e9;*/
		/*text-align: center;*/
	/*}*/
	.donors-list .donor-desc .name strong {
		font-size: 14px;
	}
	.cyber-list {
		margin: 1rem -3.5%;
	}
	.cyber-list > li.item {
		width: 43%;
		margin: 3.5%;
	}
	.cyber-list a {
		padding: 2.75rem 0.5rem 0.75rem;
		font-size: 14px;
	}
	.cyber-list .box {
		padding: 2rem 0.5rem 4.25rem;
		border: 2px solid #d3dde3;
	}
	.cyber-list .thumbnail {
		top: 14px;
		left: 50%;
		width: 56px;
		height: 56px;
	}
	.cyber-list .description .name {
		bottom: 1.75rem;
		height: 2.75rem;
		padding: 0 1rem;
		font-size: 14px;
		line-height: 2.75rem;
	}
	.donor-profile {
		margin-top: 1.5rem;
	}

	.donor-profile .donor-desc dd {
		font-size: 13px;
	}
	.donor-profile .donor-desc dd.name strong {
		font-size: 21px;
	}
	.donated-book-list a {
		padding: 1rem;
	}
	.donated-book-list .book-image {
		top: 1rem;
		left: 1rem;
	}
	.donated-book-list .book-image img {
		width: 60px;
		height: 80px;
	}
	.donated-book-list .book-desc {
		padding-left: 76px;
	}
	.donated-book-list .book-desc dd.name {
		font-size: 15px;
	}
	.donors-search .search-box {
		position: relative;
	}
	.donors-search .search-box input[type='text'] {
		width: 100%;
		padding: 10px 4.5rem 10px 1rem;
	}
	.donors-search .search-box input[type='submit'] {
		position: absolute;
		top: 5px;
		right: 5px;
		padding: 5px 1em;
	}
	.donors-search .check-box input[type='radio'] + label {
		margin-right: 10px;
	}
	.donate-news-list li a {
		padding: 8px 16px;
	}
}

@media (max-width: 400px) {
	.cyber-list {
		margin: 1rem -2%;
	}
	.cyber-list > li.item {
		width: 46%;
		margin: 2%;
	}
	.donors-search .check-box input[type='radio'] + label {
		margin-right: 5px;
	}
}