/* 공통 ? */
.renewalWrap .locationBox { margin-bottom:40px; }
.renewalWrap .locationBox ol { display:flex; align-items:center; gap:4px; }
.renewalWrap .locationBox li { display:flex; align-items:center; gap:4px; font-size:14px; line-height:20px; color:#999; }
.renewalWrap .locationBox .ico-chevron { width:12px; height:12px; opacity:.4; }
.renewalWrap i.ico-chevron { display:inline-block; width:16px; height:16px; flex-shrink:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' stroke='%230c0c0c' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }

/* 공통? 필터 css */
.renewalWrap .giftListHead { display:flex; margin:48px 0 20px; align-items:center; justify-content:space-between; }
.renewalWrap .giftListHead h3 { font-size:16px; font-weight:400; }
.renewalWrap .giftListHead strong { font-weight:700; }
.renewalWrap .giftSort { position:relative; }
.renewalWrap .giftSort select { width:auto; height:24px; padding:0 24px 0 0; border:0; font-family:inherit; font-size:16px; cursor:pointer; background:transparent; }
.renewalWrap .giftSort .ico-chevron { position:absolute; top:4px; right:0; transform:rotate(90deg); pointer-events:none; }
.renewalWrap i.ico-chevron { display:inline-block; width:16px; height:16px; flex-shrink:0; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M6 3.5 10.5 8 6 12.5' stroke='%230c0c0c' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain; }



/* ==============================
* 리뉴얼 지자체 목록 ( page/product/localGovList.html 전용 )
* ============================== */
.renewalWrap .regionArea { margin-top:100px; }
.renewalWrap .regionArea .renewalHeading { margin-bottom:28px; }
.renewalWrap .regionArea .areaInquiry { display:flex; align-items:center; gap:8px; font-size:16px; font-weight:500; white-space:nowrap; }
.renewalWrap .regionAreaList { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:20px; }
.renewalWrap .areaCard { display:flex; min-width:0; min-height:288px; padding:40px 28px; border:1px solid #e4e4e4; border-radius:24px; flex-direction:column; }
.renewalWrap .areaCard h3 { font-size:22px; line-height:32px; font-weight:600; letter-spacing:-.44px; }
.renewalWrap .areaCities { margin-top:20px; }
.renewalWrap .areaCities li + li { margin-top:16px; }
.renewalWrap .areaCities a,
.renewalWrap .areaCities .cityItem { display:flex; min-height:40px; align-items:center; gap:12px; white-space:nowrap; }
.renewalWrap .areaCities strong { font-size:18px; font-weight:600; }
.renewalWrap .areaCities .giftCount { font-size:14px; letter-spacing:-.5px; }
.renewalWrap .areaCities .symbol { display:flex; width:40px; height:40px; border:1px solid #e4e4e4; border-radius:50%; flex:0 0 40px; align-items:center; justify-content:center; background:#fff; }
.renewalWrap .areaCities .symbol img { display:block; width:32px; height:32px; object-fit:contain; }
.renewalWrap .areaCities .symbolText { font-size:10px; font-weight:500; color:#767676; }
.renewalWrap .areaCities .preparing { color:#bbb; }
.renewalWrap .areaCities .preparing .citySymbol { opacity:.45; }
.renewalWrap .areaCities em { padding:2px 6px; border:1px solid #e9e9e9; border-radius:12px; font-size:10px; font-weight:400; line-height:14px; }
.renewalWrap .areaCities a .ico-area-arrow { margin-left:auto; }
.renewalWrap .regionArea .ico-area-arrow { display:inline-block; width:20px; height:20px; flex:0 0 20px; background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 10.0016C18.5 10.0016 18.5 9.95663 18.5 9.93163C18.5 9.90663 18.49 9.88163 18.48 9.86163C18.475 9.84163 18.475 9.82163 18.465 9.80663C18.465 9.80663 18.465 9.80163 18.46 9.79663C18.45 9.77663 18.435 9.75663 18.425 9.73663C18.41 9.71663 18.4 9.69163 18.38 9.67163C18.38 9.67163 18.38 9.66663 18.375 9.66163L12.375 3.16163C12.19 2.95663 11.87 2.94663 11.67 3.13163C11.465 3.31663 11.455 3.63663 11.64 3.83663L16.865 9.49663H2C1.725 9.49663 1.5 9.72163 1.5 9.99663C1.5 10.0666 1.515 10.1316 1.54 10.1916C1.565 10.2516 1.6 10.3066 1.645 10.3516C1.735 10.4416 1.86 10.4966 2 10.4966H16.86L11.635 16.1566C11.445 16.3616 11.46 16.6766 11.665 16.8616C11.87 17.0466 12.185 17.0366 12.37 16.8316L18.37 10.3316C18.37 10.3316 18.37 10.3266 18.375 10.3216C18.39 10.3016 18.405 10.2816 18.42 10.2566C18.435 10.2366 18.445 10.2166 18.455 10.1966C18.455 10.1966 18.455 10.1916 18.46 10.1866C18.47 10.1666 18.47 10.1466 18.475 10.1316C18.48 10.1066 18.49 10.0816 18.495 10.0566C18.495 10.0316 18.495 10.0116 18.495 9.98663L18.5 10.0016Z' fill='%230D0D0D'/%3E%3C/svg%3E%0A") no-repeat center / contain; }
.renewalWrap .areaEmpty { display:flex; padding-top:20px; flex:1; align-items:center; justify-content:center; font-size:14px; color:#999; }
.renewalWrap .areaCities a:hover strong,
.renewalWrap .regionArea .areaInquiry:hover { color:#ff7300; }
.renewalWrap .regionArea a:focus-visible { outline:2px solid #ff7300; outline-offset:4px; }



/* ==============================
* 리뉴얼 지자체 상세 (HB-03)
* ============================== */
#container.renewalWrap.regionDetailWrap { padding-top:87px; padding-bottom:100px; }

.regionDetailWrap .regionVisual { position:relative; height:460px; color:#fff; }
.regionDetailWrap .regionVisual > .section { height:100%; }
.regionDetailWrap .regionVisual .locationBox { position:absolute; top:24px; left:0; z-index:1; margin:0; }
.regionDetailWrap .regionVisual .locationBox li { color:#fff; }
.regionDetailWrap .regionVisual .locationBox .ico-chevron { opacity:1; filter:brightness(0) invert(1); }
.regionDetailWrap .regionVisualText { display:flex; height:100%; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.regionDetailWrap .regionVisualText h2 { font-size:52px; font-weight:700; line-height:1.4; letter-spacing:-1.04px; }
.regionDetailWrap .regionVisualText p { margin-top:20px; font-size:14px; line-height:24px; font-weight:400; }
.regionDetailWrap .regionDetailMenu { position:sticky; top:80px; border-bottom:1px solid #e4e4e4; background:#fff; z-index:20;}
.regionDetailWrap .regionDetailMenu ul { display:flex; }
.regionDetailWrap .regionDetailMenu li { flex:1; }
.regionDetailWrap .regionDetailMenu a { display:flex; height:72px; margin-bottom:-1px; border-bottom:1px solid transparent; align-items:center; justify-content:center; font-size:18px; font-weight:600; }
.regionDetailWrap .regionDetailMenu .active a { border-bottom-color:#0c0c0c; }
.regionDetailWrap .regionIntro { padding-top:100px; scroll-margin-top:110px; }
.regionDetailWrap .regionIntroHead { display:flex; align-items:flex-start; justify-content:space-between; gap:10%;}
.regionDetailWrap .regionIntroHead h3 { font-size:40px; line-height:60px; font-weight:600; letter-spacing:-.8px; }
.regionDetailWrap .regionIntroHead .symbol { display:block; width:200px; height:200px; flex-shrink:0; }
.regionDetailWrap .regionIntroHead .symbol img { display:block; width:100%; height:100%; object-fit:contain; }
.regionDetailWrap .btn-region-give { display:inline-flex; height:64px; padding:0 28px; margin-top:24px; border-radius:40px; align-items:center; justify-content:center; gap:8px; box-shadow:0 20px 32px rgba(255,136,0,.24); font-size:16px; font-weight:600; background:linear-gradient(110deg,#ffcf24,#ff7300); }
.regionDetailWrap .btn-region-give:hover { box-shadow:0 12px 24px rgba(255,136,0,.35); }
.regionDetailWrap .ico-region-arrow { display:inline-block; width:20px; height:20px; background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 10.0016C18.5 10.0016 18.5 9.95663 18.5 9.93163C18.5 9.90663 18.49 9.88163 18.48 9.86163C18.475 9.84163 18.475 9.82163 18.465 9.80663C18.465 9.80663 18.465 9.80163 18.46 9.79663C18.45 9.77663 18.435 9.75663 18.425 9.73663C18.41 9.71663 18.4 9.69163 18.38 9.67163C18.38 9.67163 18.38 9.66663 18.375 9.66163L12.375 3.16163C12.19 2.95663 11.87 2.94663 11.67 3.13163C11.465 3.31663 11.455 3.63663 11.64 3.83663L16.865 9.49663H2C1.725 9.49663 1.5 9.72163 1.5 9.99663C1.5 10.0666 1.515 10.1316 1.54 10.1916C1.565 10.2516 1.6 10.3066 1.645 10.3516C1.735 10.4416 1.86 10.4966 2 10.4966H16.86L11.635 16.1566C11.445 16.3616 11.46 16.6766 11.665 16.8616C11.87 17.0466 12.185 17.0366 12.37 16.8316L18.37 10.3316C18.37 10.3316 18.37 10.3266 18.375 10.3216C18.39 10.3016 18.405 10.2816 18.42 10.2566C18.435 10.2366 18.445 10.2166 18.455 10.1966C18.455 10.1966 18.455 10.1916 18.46 10.1866C18.47 10.1666 18.47 10.1466 18.475 10.1316C18.48 10.1066 18.49 10.0816 18.495 10.0566C18.495 10.0316 18.495 10.0116 18.495 9.98663L18.5 10.0016Z' fill='%230D0D0D'/%3E%3C/svg%3E%0A") no-repeat center / contain; }
.regionDetailWrap .regionStats { display:grid; margin-top:68px; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
.regionDetailWrap .regionStats > div { padding-top:20px; border-top:1px solid #e9e9e9; }
.regionDetailWrap .regionStats dt { font-size:14px; line-height:22px; color:#8d8d8d; }
.regionDetailWrap .regionStats dd { margin-top:12px; font-size:44px; font-weight:800; line-height:1.4; letter-spacing:-.88px; }

.regionDetailWrap section + section { margin-top:120px;}

/* 지자체 상세 - 답례품 후기 파트 스와이프 용 css*/
#renewalReviews .reviewCarousel {position: relative;overflow: visible;}
#renewalReviews .renewalPaging {position: absolute;inset: 0;z-index: 10;margin: 0;pointer-events: none;}
#renewalReviews .renewalPaging button {position: absolute;top: 50%;width: 40px;height: 40px;border: 1px solid #ddd;border-radius: 50%;background-color: #fff;pointer-events: auto;}
#renewalReviews .renewalPaging .prev {left: -20px;transform: translateY(-50%);}
#renewalReviews .renewalPaging .next {right: -20px;transform: translateY(-50%) rotate(180deg);}



/* 지자체 상세 - 전하는 소식 파트 팝업 용 css */
.video-popup {position: fixed;inset: 0;z-index: 9999;display: none;align-items: center;justify-content: center;padding: 40px;background: rgba(0, 0, 0, .75);}
.video-popup.active {display: flex;}
.video-popup-inner {position: relative;width: min(100%, 960px);aspect-ratio: 16 / 9;background: #000;}
.video-popup iframe {display: block;width: 100%;height: 100%;border: 0;}
.video-close {position: absolute;top: -45px;right: 0;width: 36px;height: 36px;border: 0;background: transparent;cursor: pointer;}
.video-close::before, .video-close::after {content: "";position: absolute;top: 17px;left: 4px;width: 28px;height: 2px;background: #fff;}
.video-close::before {transform: rotate(45deg);}
.video-close::after {transform: rotate(-45deg);}


/* 지자체 상세 - 전하는 소식 사업 파트 스와이프 용 css*/
#renewalStory .storyCarousel {position: relative;overflow: visible;}
#renewalStory .storySwiper {overflow: hidden;}
#renewalStory .storySwiper .campaignTrack {display: flex;grid-template-columns: none;gap: 0;}
#renewalStory .storySwiper .campaignCard {flex-shrink: 0;}
#renewalStory .storyCarousel > .renewalPaging {position: absolute;inset: 0;width: 100%;height: 100%;margin: 0;z-index: 10;pointer-events: none;}
#renewalStory .storyCarousel > .renewalPaging button {position: absolute;top: 50%;width: 40px;height: 40px;margin: 0;border: 1px solid #ddd;border-radius: 50%;background-color: #fff;pointer-events: auto;}
#renewalStory .storyCarousel > .renewalPaging .prev {right: auto;left: -20px;transform: translateY(-50%);}
#renewalStory .storyCarousel > .renewalPaging .next {right: -20px;left: auto;transform: translateY(-50%) rotate(180deg);}

/* 지자체 상세 - 지정기부 사업 파트 기부사업이 등록되지 않을 시 중앙 정렬 */
.renewalWrap .renewalEmpty {width: 100%;padding: 100px 0;text-align: center;color: #767676;}

/* 지자체 상세 - 지정기부 사업 파트 스와이프 용 css*/
#renewalCampaigns .campaignCarousel {position: relative;overflow: visible;}
#renewalCampaigns .campaignSwiper {overflow: hidden;}
#renewalCampaigns .campaignSwiper .campaignTrack {display: flex;grid-template-columns: none;gap: 0;}
#renewalCampaigns .campaignSwiper .campaignCard {flex-shrink: 0;}
#renewalCampaigns .campaignCarousel > .renewalPaging {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;margin: 0;z-index: 10;pointer-events: none;}
#renewalCampaigns .campaignCarousel > .renewalPaging button {position: absolute;top: 50%;width: 40px;height: 40px;margin: 0;border: 1px solid #ddd;border-radius: 50%;background-color: #fff;pointer-events: auto;}
#renewalCampaigns .campaignCarousel > .renewalPaging .prev {right: auto;left: -20px;transform: translateY(-50%);}
#renewalCampaigns .campaignCarousel > .renewalPaging .next {right: -20px;left: auto;transform: translateY(-50%) rotate(180deg);}


#renewalReviews .reviewSwiper {overflow:hidden;width:100%;}

#renewalReviews .reviewSwiper .reviewGrid {display:flex;grid-template-columns:none;gap:0;}

#renewalReviews .reviewSwiper .reviewCard {width:400px;min-height:0;height:auto;flex-shrink:0;box-sizing:border-box;}

/* 지자체 상세 - 답례품 목록 필터 */