.giving-inner {padding: 120px 0;}
.giving-inner .giving-main-title { font-family: Chakra Petch;font-weight: 700;font-size: 52px;line-height: 130%;letter-spacing: 0;vertical-align: middle;color: #111111;padding: 0 0 64px;}
.giving-inner .giving-content {display: flex;gap: 24px;}
.giving-inner .giving-content .left {max-width: 400px;width: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.giving-inner .giving-content .left ul {display: flex;gap: 8px;}
.giving-inner .giving-content .left ul li a {background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 999px;padding: 12px 20px;font-weight: 400;font-size: 16px;line-height: 155%;letter-spacing: -0.02em;color: #111111;display: flex;align-items: center;gap: 6px;position: relative;transition: all .5s;}
.giving-inner .giving-content .left ul li a:after {content: "";display: inline-block;width: 20px;height: 20px;}
.giving-inner .giving-content .left ul li.donate a:after {background: url(/_res/csu/main/img/common/ico-story01.png)no-repeat center center;background-size: auto;}
.giving-inner .giving-content .left ul li.link a:after {background: url(/_res/csu/main/img/common/ico-story02.png)no-repeat center center;background-size: auto;}
.giving-inner .giving-content .left ul li a:hover {background: #013A86;color: #fff;}
.giving-inner .giving-content .left ul li a:hover:after {filter: invert(1);}

.giving-inner .giving-content .right {flex: 1;}
.giving-inner .giving-content .right .giving-card {display: flex;gap: 24px;}
.giving-inner .giving-content .right .giving-card a {display: block;height: 100%;}
.giving-inner .giving-content .right .giving-card .img-item {border-radius: 4px;overflow: hidden;margin: 0 0 20px;height: 398px;}
.giving-inner .giving-content .right .giving-card .img-item img {width: 100%;height: 100%;object-fit: cover;transition: transform .5s ease;}
.giving-inner .giving-content .right .giving-card p {font-weight: 500;font-size: 18px;line-height: 145%;letter-spacing: -0.02em;color: #333333;}
.giving-inner .giving-content .right .giving-card a:hover .img-item img {transform: scale(1.1)}


@media (max-width: 1024px) {
	.giving-inner {padding: 80px 0;}
	.giving-inner .giving-content .left {max-width: unset;align-items: center;}
	.giving-inner .giving-content { flex-direction: column; align-items: center; gap: 40px; }
	.giving-inner .giving-left { width: 100%; }
	.giving-inner .giving-right { width: 100%; }
	.giving-inner .giving-main-title {font-size: 35px;}
}
@media (max-width: 768px) {
	.giving-inner .giving-main-title {text-align: center;font-size: 28px;padding: 0 0 28px;}
	.giving-inner .giving-content .left .logo {display: none;}
	.giving-inner .giving-right { flex-direction: column; }
	.giving-inner .giving-content {flex-direction: column-reverse;}
	.giving-inner .giving-content .right .giving-card {flex-direction: column;}
	.giving-inner .giving-content .right {width: 100%;}
	.giving-inner .giving-content .right .giving-card .img-item {height: auto;}
	.giving-inner .giving-content .right .giving-card p br {display: none;}
	.giving-inner .giving-content .left ul li.donate {display: none;}
}

@media (max-width: 500px) {
	.giving-inner .giving-content .right .giving-card .img-item {height: 251px;}
}