.page-inv .sect-sub-kv {
	background: url(../../../img/invested/sub-kv_v2.jpg) center no-repeat;
	background-size: cover;
}

.page-inv .filter-area .filtering {
	padding-top: 10px;
	width: 240px
}

.page-inv .filter-area .filtering:first-child {
	width: 330px
}

.page-inv .filter-area .filtering:last-child {
	width: 260px
}

.page-inv .filter-area .filter-by {
	position: absolute;
	top: 0;
	right: 40px
}

.page-inv .filter-area .filter-name {
	border: none;
	color: #2e2e2e;
	font-size: 22px;
	font-size: 1.375rem;
	font-family: noto-sans, sans-serif;
	font-weight: 400;
	padding: 0 40px 0 0;
	text-transform: uppercase;
}

.page-inv .filter-area .filter-name:after {
	display: none
}

.page-inv .filter-area .filter-opt {
	top: 62px;
	border: none;
	padding: 20px 40px 20px 30px;
}

.page-inv .filter-area .filter-opt li {
	color: #2c2c2c
}

.page-inv .sect-list-area {
	padding-bottom: 250px;
	position: relative
}

.page-inv .sect-list-area li .inv-name {
	font-family: noto-sans, sans-serif;
	font-weight: 400;
	font-size: 24px;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.22);
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 12%
}

.grid-list.grid-effect li.animate {
	-webkit-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	0% {}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1
	}
}

@keyframes moveUp {
	0% {}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1
	}
}

.grid-list li {
	opacity: 0;
}

.grid-list li.shown,
.no-js .grid-list li,
.no-cssanimations .grid-list li {
	opacity: 1;
}


/* 대표이미지 없는 경우 */
.page-inv .sect-list-area li .inv-list-logo {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 20%;
	transform: translateX(-50%);
	width: 80%;
	height: 50%;
	text-align: center
}

.page-inv .sect-list-area li .inv-list-logo img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}


/* 상세페이지 없는 경우 */
.sect-list-area li.view-none .detail-info {
	display: block !important;
	opacity: 1 !important;
	background: none !important;
	padding-top: 35%
}

.sect-list-area li.view-none .detail-info .main-tit {
	color: #fff;
	font-family: noto-sans, sans-serif;
	font-weight: 400;
}

.sect-list-area li.view-none .detail-info .main-tit:after {
	display: none
}

.sect-list-area li.view-none .detail-info .desc {
	margin-top: 23%
}

.load-more {
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 130px;
	font-size: 14px;
	color: #b5b5b5;
	padding-bottom: 1.5em;
	transition: all .2s ease-out
}

.load-more:after {
	font-family: FontAwesome;
	display: block;
	content: '\f107';
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}

.load-more:hover {
	color: #4d8dd1;
}

@media screen and (max-width:1600px) {
	.sect-list-area li.view-none .detail-info .desc {
		margin-top: 18%
	}
}

@media screen and (max-width:1400px) {
	.sect-list-area li.view-none .detail-info .desc {
		margin-top: 15%
	}
}

@media screen and (max-width:1024px) {
	.page-inv .filter-area .filter-by {
		width: 90px;
		position: relative;
		right: inherit;
		top: -2px
	}

	.page-inv .filter-area .filtering {
		padding-top: 0;
		margin-bottom: 10px
	}

	.page-inv .filter-area .filtering {
		width: 100% !important
	}

	.page-inv .filter-area .filter-name {
		width: auto;
		padding-right: 30px;
		padding-left: 0
	}

	.page-inv .filter-area .filter-name:after {
		display: block
	}

	.sect-list-area li.view-none .detail-info .desc {
		margin-top: 25%
	}
}

@media screen and (max-width:640px) {
	.page-inv .filter-area .filter-by {
		font-size: 12px
	}

	.page-inv .filter-area .filter-name {
		font-size: 16px
	}

	.page-inv .sect-list-area {
		padding-bottom: 140px
	}

	.page-inv .sect-list-area li .inv-name {
		font-size: 16px
	}

	.sect-list-area li .detail-info .main-tit {
		font-size: 16px
	}

	.sect-list-area li .detail-info .sub-tit {
		font-size: 16px
	}

	.sect-list-area li .detail-info .desc {
		font-size: 12px;
		padding: 0 5px
	}

	.load-more {
		font-size: 16px;
		padding-bottom: 12px;
		bottom: 60px
	}
}

@media screen and (max-width:480px) {
	.sect-list-area li .detail-info .sub-tit {
		font-size: 14px
	}

	.sect-list-area li.view-none .detail-info .desc {
		margin-top: 20%
	}
}

@media screen and (max-width:360px) {
	.sect-list-area li .detail-info a {
		padding: 0 3%
	}

	.sect-list-area li.view-none .detail-info {
		padding: 35% 3% 0
	}

	.sect-list-area li .detail-info .sub-tit {
		font-size: 12px
	}

	.sect-list-area li.view-none .detail-info .desc {
		margin-top: 10%
	}
}