.sns-inner {padding: 0 0 200px;}
.sns-inner .sns-top {padding: 0 0 64px;}
.sns-inner .sns-top p {font-family: Noto Sans KR;font-weight: 700;font-size: 52px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #111111;padding: 0 0 24px;}
.sns-inner .sns-top .list-social {display: flex;gap: 12px;}
.sns-inner .sns-top .list-social li a {display: block;height: 100%;}
.sns-inner .sns-top .list-social li.sns-icon {display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;transition:all .3s;}
.sns-inner .sns-top .list-social li.sns-icon.face {background: url(/_res/csu/main/img/common/ico-facebook.png)no-repeat center center;background-size: cover;}
.sns-inner .sns-top .list-social li.sns-icon.ins {background: url(/_res/csu/main/img/common/ico-instagram.png)no-repeat center center;background-size: cover;}
.sns-inner .sns-top .list-social li.sns-icon.you {background: url(/_res/csu/main/img/common/ico-youtube.png)no-repeat center center;background-size: cover;}

.sns-inner .sns-top .list-social li.sns-icon.face:hover {background: url(/_res/csu/main/img/common/ico-active-facebook.png)no-repeat center center;background-size: cover;}
.sns-inner .sns-top .list-social li.sns-icon.ins:hover {background: url(/_res/csu/main/img/common/ico-active-instagram.png)no-repeat center center;background-size: cover;}
.sns-inner .sns-top .list-social li.sns-icon.you:hover {background: url(/_res/csu/main/img/common/ico-active-youtube.png)no-repeat center center;background-size: cover;}

.sns-content {display: flex;gap: 24px;flex-wrap: wrap;}
.sns-content .sns-ins {width: 250px;flex-shrink: 0;position: relative;height: 332px;border-radius: 4px;overflow: hidden;}
.sns-content .sns-ins.sns-you {flex: 1;}
.sns-content .sns-ins a {border-radius: 4px;overflow: hidden;position: relative;}
.sns-content .sns-ins a:after {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 180px;background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);z-index: 0;}
.sns-content .sns-ins .img {height: 100%;overflow: hidden;}
.sns-content .sns-ins .img img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.sns-content .sns-ins .sns-badge {background: #0000003D;border: 1px solid #FFFFFF4D;backdrop-filter: blur(10px);border-radius: 4px;position: absolute;top: 16px;left: 16px;padding: 6px 12px;font-weight: 600;font-size: 16px;line-height: 145%;letter-spacing: -0.02em;color: #fff;}
.sns-content .sns-ins .txt{position:absolute;bottom:20px;left:16px;right:16px;color:#fff;font-weight: 600;font-size: 16px;line-height: 145%;letter-spacing: -0.02em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color: #fff;z-index: 5;}
.sns-content .sns-ins a:hover .img img {transform: scale(1.1)}

@media (max-width: 1280px) {
	.sns-content .sns-ins{flex: 1;width: 100% !important;}
	.sns-content .sns-ins.sns-you {flex: 0 1 auto !important;width: 100%;}
}

@media (max-width: 1024px) {
	.sns-inner .sns-top p {font-size: 35px;}
	.sns-inner {padding: 0 0 100px;}
}

@media (max-width: 768px) {
	.sns-inner {padding: 0 0 80px;}
	.sns-inner .sns-top {padding: 0 0 28px;text-align: center;}
	.sns-inner .sns-top p {font-size: 28px;padding: 0 0 12px;}
	.sns-inner .sns-top .list-social {align-items: center;justify-content: center;}
	.sns-content {flex-direction: column;gap: 16px;}
	.sns-content .sns-ins.sns-you {height: auto;}
	.sns-content .sns-ins .img {height: auto;}
	.giving-inner .giving-content .right .giving-card a:hover .img-item img {transform: scale(1);}
}