.footer-inner{padding: 60px 0;}

.footer-inner .inner01{display: flex;justify-content: space-between;}
.footer-inner .inner01 .left{width: 168.81px;}
.footer-inner .inner01 .right{width: 240px;padding-bottom: 31px;}
.footer-inner .inner01 .right .related{position: relative;}
.footer-inner .inner01 .right .related .related-customs{width: 100%;height: 48px;background-color: rgba(255,255,255,.2);border: 1px solid rgba(255,255,255,.3);border-radius: 5px;}
.footer-inner .inner01 .right .related .related-customs a{position: relative;display: block;padding: 16px 20px;font-weight: 700;font-size: 14px;line-height: 100%;letter-spacing: -.02em;color: #fff;}
.footer-inner .inner01 .right .related .related-customs a:after{content: '';position: absolute;top: calc(50% - 1.5px);right: 20px;background: url(../img/common/footer-arr.png) no-repeat;width: 7px;height: 5px;}
.footer-inner .inner01 .right .related > ul{box-sizing: border-box;display: none;position: absolute;padding: 15px;background-color: #fff;width: 100%;left: 0;top: calc(100% + 3px);box-shadow: 0 10px 22.5px 2.5px rgba(4,0,0,.2);border-radius: 5px;}
.footer-inner .inner01 .right .related > ul li:not(:last-child){margin-bottom: 10px;}
.footer-inner .inner01 .right .related > ul li a{font-size: 16px;color: #222;line-height: 120%;}
.footer-inner .inner01 .right .related > ul li a:hover{text-decoration: underline;}

.footer-inner .inner02{display: flex;justify-content: space-between;align-items: flex-end;}
.footer-inner .inner02 .left .info{display: flex;gap: 40px;padding-bottom: 50px;}
.footer-inner .inner02 .left .info li{font-weight: 600;font-size: 14px;line-height: 20px;letter-spacing: -.02em;color: #fff;}
.footer-inner .inner02 .left .link{display: flex;flex-direction: column;gap: 12px;}
.footer-inner .inner02 .left .link li{font-weight: 700;font-size: 15px;line-height: 18px;letter-spacing: -.02em;}
.footer-inner .inner02 .left .link li a{color: rgba(255,255,255,.3);}
.footer-inner .inner02 .left .link li.active a{color: #33afb5;}
.footer-inner .inner02 .right{font-weight: 600;font-size: 12px;line-height: 14px;letter-spacing: -.02em;color: rgba(255,255,255,.3);}

.quick-box{position: fixed;top: 50%;right: 20px;transform: translatey(-50%);z-index: 999;}
.quick-box ul{display: flex;flex-direction: column;gap: 6px;}
.quick-box ul li{background: url("../img/main/quick-box-mask01.png") no-repeat center / cover;border-radius: 15px;overflow:hidden;}

/* 평소: quick-box-mask01.png(파란색) */
.quick-box ul li {
  background: url("../img/main/quick-box-mask01.png") no-repeat center / cover;
  border-radius: 15px;
  overflow: hidden;
}

/* 호버·키보드 포커스: quick-box-mask02.png(주황색) */
.quick-box ul li:not(:last-child):hover,
.quick-box ul li:not(:last-child):focus-within {
  background-image: url("../img/main/quick-box-mask02.png");
}

.quick-box ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 8px;width: 76px;height: 120px;font-weight: 700;font-size: 13px;line-height: 16px;text-align: center;color: #fff;}
.quick-box ul li a img{width: 22px;}
.quick-box ul li:last-child{background: #fff url("../img/main/scroll-top.png") no-repeat center;border: 1px solid #ddd;}
.quick-box ul li:last-child a{height: 80px;}

.donation-receipt{position: fixed;top: 0;left: 0;bottom: 0;right: 0;display: none;width: 100%;height: 100vh;padding: 0;background-color: rgba(0, 0, 0, 0.7);overflow-y: auto;pointer-events: auto;z-index: 9999;}
.donation-receipt .receipt-inner{position: relative;margin: 0 auto;width: calc(100% - 40px);max-width: 570px;transform: translateY(-50%);top: 50%;}
.donation-receipt .receipt-inner .tit{position: relative;padding: 20px 23px;background-color: #0B3D72;border-radius: 10px 10px 0 0;}
.donation-receipt .receipt-inner .tit p{font-weight: 600;font-size: 20px;line-height: 125%;color: #FFFFFF;}
.donation-receipt .receipt-inner .tit .receipt-close{position: absolute;top: 0;bottom: 0;right: 23px;width: 14px;height: 14px;margin: auto;background: url(../img/common/receipt-close.png) no-repeat center;cursor: pointer;}
.donation-receipt .receipt-inner .cont{padding: 26px 30px 36px;background-color: #fff;border-radius: 0 0 10px 10px;}
.donation-receipt .receipt-inner .cont .txt{margin-bottom: 24px;font-weight: 700;font-size: 20px;line-height: 36px;color: #222222;}
.donation-receipt .receipt-inner .cont ul li{position: relative;display: flex;gap: 20px;padding: 0 0 24px 24px;}
.donation-receipt .receipt-inner .cont ul li:last-child{padding-bottom: 0;}
.donation-receipt .receipt-inner .cont ul li:before{content:'';position: absolute;top: 8px;left: 10px;width: 4px;height: 4px;background: #05264A;border-radius: 50%;}
.donation-receipt .receipt-inner .cont ul li p:nth-child(1){width: 66px;font-weight: 700;font-size: 16px;line-height: 140%;color: #05264A;}
.donation-receipt .receipt-inner .cont ul li p:nth-child(2){flex: 1;font-weight: 500;font-size: 16px;line-height: 140%; color: #333;}

@media(max-width:1919px){
	.quick-box{right: 6px;}
	.quick-box ul li{border-radius: 5px;}
	.quick-box ul li a{width: 50px;height: 80px;font-size: 12px;line-height: 14px;}
	.quick-box ul li:last-child a{height: 50px;}
}
@media(max-width:1024px){
	.footer-inner .inner01{flex-direction: column;}
	.footer-inner .inner01 .left{width: 180px;padding-bottom: 40px;}
	.footer-inner .inner01 .right{width: 100%;padding-bottom: 40px;}
	
	.footer-inner .inner02{flex-direction: column;align-items: normal;}
	.footer-inner .inner02 .left .info{flex-direction: column;gap: 14px;}
	.footer-inner .inner02 .left .info li:nth-child(1){display: none;}
	.footer-inner .inner02 .left .link{flex-direction: row;gap: 30px;padding-bottom: 60px;}
	
	.quick-box{top: unset;bottom: 6px;width: calc(100% - 12px);transform: translatey(0);}
	.quick-box ul{flex-direction: row;justify-content: center;}
	.quick-box ul li:last-child{display: none;}
	.quick-box ul li a{gap: 4px;width: 76px;height: 56px;}
	.quick-box ul li a br{display: none;}
	
	.donation-receipt .receipt-inner .cont{padding: 20px 15px;}
	.donation-receipt .receipt-inner .cont .txt{font-size: 16px;}
}

/* ====================================================
   [온라인 기부] 기본 크기(1배) -> 박동 크기(2배) 확장 적용
==================================================== */
.quick-box ul li:first-child a img {
  width: 22px !important;
  height: 22px !important;
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  
  /* 기본 크기 scale(1) / 최대 박동 scale(2) 적용 SVG */
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KICA8c3R5bGU+CiAgICBAa2V5ZnJhbWVzIGhlYXJ0YmVhdCB7CiAgICAgIDAlLCAxMDAlIHsgdHJhbnNmb3JtOiBzY2FsZSgxKTsgZmlsbDogI0ZGMTc0NDsgfQogICAgICA1MCUgeyB0cmFuc2Zvcm06IHNjYWxlKDIpOyBmaWxsOiAjRkY1MjUyOyB9CiAgICB9CiAgICAuaGVhcnQgewogICAgICB0cmFuc2Zvcm0tb3JpZ2luOiAxMnB4IDkuMnB4OwogICAgICBhbmltYXRpb246IGhlYXJ0YmVhdCAxLjJzIGVhc2UtaW4tb3V0IGluZmluaXRlOwogICAgfQogIDwvc3R5bGU+CiAgPHJlY3QgeD0iMi41IiB5PSIzIiB3aWR0aD0iMTkiIGhlaWdodD0iMTMiIHJ4PSIyIiBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS44Ii8+CiAgPHBhdGggZD0iTTEwIDE2bC0xLjUgNGg3bC0xLjUtNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjEuOCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPGxpbmUgeDE9IjYuNSIgeTE9IjIwIiB4Mj0iMTcuNSIgeTI9IjIwIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMS44IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KICA8cGF0aCBjbGFzcz0iaGVhcnQiIGQ9Ik0xMiAxMi44cy0zLjgtMi42LTMuOC00LjZjMC0xLjMgMS0yLjMgMi4zLTIuMy45IDAgMS41LjUgMS41LjVzLjYtLjUgMS41LS41YzEuMyAwIDIuMyAxIDIuMyAyLjMgMCAyLTMuOCA0LjYtMy44IDQuNnoiIGZpbGw9IiNGRjE3NDQiLz4KPC9zdmc+") !important;
}
/* [카톡 상담] 흰색 말풍선 픽셀의 RGB만 카카오 노랑(#FEE500)으로 바꾼 22x20 PNG입니다. */
.quick-box ul li:nth-child(4) a img {
  width: 22px !important;
  height: 20px !important;
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFDSURBVDhPrZVdEQIxDIQjAQlIQAISkIADcAAOwAESwAESkMBTn3FQmK+TZULubjh+HnZok+02TbeH1WI2gHkttqvFLrXYrRa7OxifPQcnr2voBGqxRS12DULvAHeZdeJk4pXkhWNxcI0XYQKfVDkENJq4hNktk77FUcJcQE7+ijnC7MBkVotNA5izKWPy9F9jgDvUQkAOB5E7ISwrkWzH8NZorEsFzCUMn7k23MRNIzGS+d279daOIWGdMOrcY8VZGDKC21B1n/DK8/BeKo7eFZlW8IvxgRaKH1vDGnlYlj2TiK6gei6N50oliiMK4Ark4erEtE22XSKcq/4V7SQSpp//enloPYX/IY6Hm2gWFnBCdMo7wNXFPpFFVXlenCEnyDFZoxtwchTQx1wPIfN70QkEy/DyeqsZg07AvxGDfzlj8QBNczu3+XcnuwAAAABJRU5ErkJggg==") !important;
}