@charset "utf-8"; /* =========================================================
   광주 서구(TPC) PC 메인 전용 스타일
   - ilovegohyang-pub contents.css 의 .localWrap 컴포넌트만 발췌
   - 전역 회귀 방지를 위해 .localWrap 네임스페이스 하위로만 한정
   - contents.css 이후 로드되므로 아이콘 :before/:after 는 자기완결형으로 작성
   ========================================================= */
#container.localWrap {
    padding-top: 73px;
}

#container.localWrap .section {
    width: 1280px;
}

.localWrap {
}

.localWrap * {
    font-family: 'Pretendard';
    color: #0C0C0C;
    letter-spacing: -0.5px;
}

/* ① 히어로 visualBox */
.localWrap .visualBox {
    overflow: hidden;
    position: relative;
    height: 380px;
    transition: none;
}

.localWrap .visualBox .visual {
    height: 100%;
}

.localWrap .visualBox .visual:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
}

.localWrap .visualBox .visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: visualAni 10s infinite alternate;
}

.localWrap .visualBox .textBox {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 1280px;
    margin: 0 auto;
    transform: translateY(-50%);
}

.localWrap .visualBox .textBox .label {
    display: inline-flex;
    padding: 12px 20px;
    border-radius: 80px;
    font-size: 18px;
    font-weight: 400;
    background: #fff;
    align-items: center;
    line-height: 1;
}

.localWrap .visualBox .textBox .tit {
    margin-top: 32px;
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3
}

.localWrap .visualBox .textBox .text {
    margin-top: 16px;
    font-size: 18px;
    line-height: 1.8;
    color: #fff;
}

/* 히어로 visualBox, BO 메인 비주얼 배너 Swiper */
.localWrap .visualBox .visual .swiper {
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.localWrap .visualBox .visual .swiper .swiper-slide {
    line-height: 0;
}

.localWrap .visualBox .visual .swiper .swiper-slide .list {
    display: block;
}

.localWrap .visualBox .visual .swiper .swiper-slide .img {
    /*width:100%;*/
    animation: none;
}

.localWrap .visualBox .visual:has(.swiper):after {
    display: none;
}

.localWrap .visualBox .visual .swiper .swiper-pagination {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    z-index: 2;
}

.localWrap .visualBox .visual .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: #fff;
    opacity: .5;
    transition: all .3s ease;
}

.localWrap .visualBox .visual .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 5px;
    opacity: 1;
}

/* 세액공제, bannerBox (Swiper) */
.localWrap .bannerBox {
    margin: 100px 0;
}

.localWrap .bannerBox .swiper {
    overflow: hidden;
    border-radius: 32px;
    /* 비주얼 배너 그림자 효과 제거 */
    /*box-shadow: #3333 0px 5px 10px 0px;*/
}

.localWrap .bannerBox .swiper .swiper-slide {
    position: relative;
    min-height: 420px;
    background-color: #FFC628;
}

.localWrap .bannerBox .swiper .textBox {
    padding: 100px 160px;
}

.localWrap .bannerBox .swiper .textBox .subTit {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    line-height: 1;
    margin-top: 20px;
}

.localWrap .bannerBox .swiper .textBox .tit {
    margin-top: 12px;
    line-height: 1.3;
    color: #000000;
    font-size: 40px;
    font-weight: 700;
}

.localWrap .bannerBox .swiper .textBox .btn {
    display: inline-block;
    margin-top: 38px;
    padding: 12px 28px;
    border-radius: 60px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #FFA300;
}

.localWrap .bannerBox .swiper .img {
    position: absolute;
    top: 50%;
    right: 14%;
    transform: translateY(-50%);
}

.localWrap .bannerBox .swiper .swiper-slide img {
    max-width: none !important;
}

.localWrap .bannerBox [class*=swiper-button] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    font-size: 0;
    background: rgba(69,69,69,0.12);
    margin-top: 0;
}

.localWrap .bannerBox .swiper-button-prev {
    left: 20px;
}

.localWrap .bannerBox .swiper-button-next {
    right: 20px;
}

.localWrap .bannerBox [class*=swiper-button]:after {
    content: '';
    display: block;
    width: 14px;
    height: 22px;
    font-size: 0;
    background: no-repeat center center;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='22' viewBox='0 0 14 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2L2 11L12 20' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.localWrap .bannerBox .swiper-button-next:after {
    transform: rotate(180deg);
}

.localWrap .bannerBox .swiper-pagination {
    position: static;
    margin-top: 20px;
    text-align: center;
}

.localWrap .bannerBox .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #0C0C0C;
    transition: all .3s ease;
}

.localWrap .bannerBox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    border-radius: 5px;
}

.localWrap .bannerBox .textBox .bannertoplogo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding: 0 12px;
    height: 28px;
    background: #ff8200;
    border-radius: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.localWrap .bannerBox .textBox .btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.localWrap .bannerBox .textBox .btn .banner-btn-arrow {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 10px;
    margin-left: 10px;
}

.localWrap .bannerBox .textBox .btn .banner-btn-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 2px;
    background: #FFFFFF;
    transform: translateY(-50%);
}

.localWrap .bannerBox .textBox .btn .banner-btn-arrow::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 7px;
    width: 6px;
    height: 6px;
    border-left: 2px solid #FFFFFF;
    transform: translateY(-50%) rotate(135deg);
}

.localWrap .tit-h2 {
    font-size: 36px;
    color: #000;
    font-weight: 600;
}

/* span 태그로 색상 변경 가능*/
.localWrap .bannerBox .textBox .tit .pointyellow {
    color: #E8890A;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

.pointyellow {
    color: #E8890A;
    font-weight: inherit;
    line-height: inherit;
    font-size: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

/* 인기 답례품 BEST, productList */
.localWrap .productListWrap.noSlick .productList.col4 {
    margin-left: -20px;
    margin-bottom: -80px;
}

.localWrap .productList.col4 {
    display: flex;
    flex-wrap: wrap;
}

.localWrap .productList.col4 .list {
    width: calc(25% - 20px);
    margin-left: 20px;
    margin-bottom: 80px !important;
}

.localWrap .productList.col4 .list .imgBox {
    display: block;
    overflow: hidden;
    height: 305px;
    border-radius: 16px;
}

.localWrap .productList.col4 .list .imgBox span {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.localWrap .productList.col4 .list .imgBox .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.localWrap .productList.col4 .list .imgBox .sold-out {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0,0,0,0.5);
}

.localWrap .productList.col4 .list .imgBox .sold-out>p {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #ffffff;
}

.localWrap .productList .list .textBox .sutTit {
    line-height: 1;
    font-size: 12px;
    color: #767676;
}

.localWrap .productList .list .textBox .text {
    font-size: 16px;
}

.localWrap .productList .list .textBox .money {
    font-size: 18px;
}

.localWrap .productList .list .textBox .money .small {
    font-size: 18px;
    font-weight: 400;
}

.localWrap .productList .list .textBox .grayLine {
    display: inline-block;
    margin-left: 8px;
    padding: 6px 12px;
    border: 1px solid #DEDEDE;
    border-radius: 20px;
    margin-top: -2px;
    vertical-align: middle;
    font-size: 12px;
}

.localWrap .productList .list .textBox .star {
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
}

.localWrap .productList .list .textBox .star:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 2px;
    vertical-align: middle;
    background: no-repeat center center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 11.9801L4.93959 13.9094C4.8372 13.9769 4.72912 14.0067 4.61534 13.9987C4.50157 13.9908 4.40105 13.9531 4.31379 13.8857C4.22653 13.8181 4.16014 13.7318 4.11463 13.6266C4.06912 13.5213 4.05968 13.4032 4.0863 13.2722L4.89403 9.62205L2.192 7.16271C2.09336 7.07148 2.03363 6.9693 2.01281 6.85616C1.99188 6.74302 1.9966 6.63286 2.02698 6.52567C2.05735 6.41849 2.11424 6.32917 2.19763 6.25771C2.28103 6.18626 2.38723 6.14255 2.51625 6.12659L6.08863 5.79914L7.47096 2.35728C7.52022 2.23819 7.59514 2.14887 7.69572 2.08932C7.79618 2.02977 7.89761 2 8 2C8.10239 2 8.20382 2.02977 8.30428 2.08932C8.40486 2.14887 8.47978 2.23819 8.52904 2.35728L9.91137 5.79914L13.4837 6.12659C13.6128 6.14255 13.719 6.18626 13.8024 6.25771C13.8858 6.32917 13.9426 6.41849 13.973 6.52567C14.0034 6.63286 14.0081 6.74302 13.9872 6.85616C13.9664 6.9693 13.9066 7.07148 13.808 7.16271L11.106 9.62205L11.9137 13.2722C11.9403 13.4032 11.9309 13.5213 11.8854 13.6266C11.8399 13.7318 11.7735 13.8181 11.6862 13.8857C11.5989 13.9531 11.4984 13.9908 11.3847 13.9987C11.2709 14.0067 11.1628 13.9769 11.0604 13.9094L8 11.9801Z' fill='%23404040'/%3E%3C/svg%3E%0A");
}

.localWrap .productList .list .textBox .star span {
    margin-left: 3px;
    color: #767676;
}

/* 응원, mainMindBox */
.localWrap .mainMindBox {
    overflow: hidden;
    position: relative;
    display: flex;
    height: 832px;
    margin-top: 100px;
    padding: 40px 0 0;
    border-radius: 32px;
    flex-flow: column;
    background: no-repeat center center / cover;
}

.localWrap .mainMindBox:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.7);
}

.localWrap .mainMindBox .tit-h2 {
    position: relative;
    text-align: center;
    color: #fff;
}

.localWrap .mainMindBox .swipe_mind {
    overflow: hidden;
    display: flex;
    margin: 0 auto;
    flex: 1 1 auto;
    gap: 20px;
}

.localWrap .mainMindBox .swiper-wrapper {
    transition-timing-function: linear
}

.localWrap .mainMindBox .swiper-slide {
    display: flex;
    width: 286px;
    height: 328px;
    padding: 20px 40px;
    border-radius: 30px;
    background: #fff;
    flex-flow: column;
    justify-content: center;
    box-sizing: border-box;
}

.localWrap .mainMindBox .swiper-slide .tit {
    font-size: 32px;
}

.localWrap .mainMindBox .swiper-slide .tit strong {
    font-weight: bold;
}

.localWrap .mainMindBox .swiper-slide .time {
    margin-top: 6px;
    color: #767676;
    font-size: 16px;
    font-weight: 400;
}

.localWrap .mainMindBox .swiper-slide .text {
    margin-top: 28px;
    font-size: 20px;
    font-weight: 700;
}

/* 이야기, mainBannerBox */
.localWrap .mainBannerBox {
    padding: 70px 0;
    background: #FFF8E7;
    transition: box-shadow .2s ease, transform .2s ease;
    cursor: pointer
}

.localWrap .mainBannerBox:hover{
    box-shadow: 0 0 12px rgba(255, 163, 0, 0.35);
}


.localWrap .mainBannerBox .section {
    display: flex;
    align-items: center;
}

.localWrap .mainBannerBox .textBox .subTit {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
}

.localWrap .mainBannerBox .textBox .tit {
    margin-top: 15px;
    font-weight: 700;
    line-height: 1.4;
    font-size: 36px;
}

.localWrap .mainBannerBox .textBox .text {
    margin-top: 16px;
    color: #767676;
}

.localWrap .mainBannerBox .imgBox {
    width: 550px;
    height: 353px;
    margin-left: auto;
}

.localWrap .mainBannerBox .imgBox img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

/* 통계, 완료사업 donationInfoBox */
.localWrap .donationInfoBox {
    overflow: hidden;
    margin-top: 200px;
}

.localWrap .donationInfoBox .tit-h2 {
    font-weight: 600;
    font-size: 80px;
    line-height: 1.2;
}

.localWrap .donationInfoBox .tit-h2 > span:not(.pointyellow) {
    display: block;
    margin-bottom: 12px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
}

.localWrap .donationInfoBox .info {
    display: flex;
    margin-top: 100px;
    margin-bottom: -60px;
    margin-left: -80px;
    flex-wrap: wrap;
}

.localWrap .donationInfoBox .info dl {
    width: calc(50% - 80px);
    margin-left: 80px;
    margin-bottom: 60px;
}

.localWrap .donationInfoBox .info dl dt {
    padding-bottom: 24px;
    border-bottom: 1px solid #DBDBDB;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

.localWrap .donationInfoBox .info dl dt i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    margin-right: 8px;
    vertical-align: middle;
    background: no-repeat center center;
}

.localWrap .donationInfoBox .info dl dt i.icoDonation1 {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.91553 10.5463C8.09691 9.71092 7.68759 8.662 7.68759 7.3995C7.68759 6.13701 8.09691 5.08809 8.91553 4.25274C9.73434 3.41758 10.7625 3 12 3C13.2375 3 14.2657 3.41758 15.0845 4.25274C15.9031 5.08809 16.3124 6.13701 16.3124 7.3995C16.3124 8.662 15.9031 9.71092 15.0845 10.5463C14.2657 11.3814 13.2375 11.799 12 11.799C10.7625 11.799 9.73434 11.3814 8.91553 10.5463ZM3 19.087V18.1307C3 17.4292 3.17344 16.8155 3.52031 16.2895C3.86719 15.7634 4.31878 15.3633 4.87509 15.0892C6.10003 14.5091 7.29684 14.0739 8.46553 13.7837C9.63441 13.4935 10.8126 13.3484 12 13.3484C13.1874 13.3484 14.3624 13.4967 15.5249 13.7932C16.6874 14.0897 17.8812 14.5217 19.1063 15.0892C19.675 15.3633 20.1328 15.7634 20.4797 16.2895C20.8266 16.8155 21 17.4292 21 18.1307V19.087C21 19.6163 20.8172 20.0675 20.4516 20.4405C20.0859 20.8135 19.6437 21 19.1249 21H4.87509C4.35628 21 3.91406 20.8135 3.54844 20.4405C3.18281 20.0675 3 19.6163 3 19.087Z' fill='%230C0C0C'/%3E%3C/svg%3E%0A");
}

.localWrap .donationInfoBox .info dl dt i.icoDonation2 {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4668 9.79175C20.1556 8.98608 21 8.0555 21 7C21 5.93333 20.1556 5 18.4668 4.2C16.7778 3.4 14.6222 3 12 3C9.37783 3 7.22225 3.4 5.53325 4.2C3.84442 5 3 5.93333 3 7C3 8.0555 3.84442 8.98608 5.53325 9.79175C7.22225 10.5972 9.37783 11 12 11C14.6222 11 16.7778 10.5972 18.4668 9.79175ZM14.7208 13.2875C15.7514 13.1458 16.7334 12.9223 17.6667 12.6168C18.6001 12.3111 19.3889 11.9153 20.0333 11.4293C20.6778 10.9431 21 10.3556 21 9.66675V12.1668C21 12.8556 20.6778 13.4431 20.0333 13.9293C19.3889 14.4153 18.6001 14.8111 17.6667 15.1168C16.7334 15.4223 15.7514 15.6458 14.7208 15.7875C13.6903 15.9292 12.7861 16 12.0083 16C11.2306 16 10.3237 15.9292 9.2875 15.7875C8.25133 15.6458 7.26658 15.4194 6.33325 15.1082C5.39992 14.7972 4.61108 14.3987 3.96675 13.9125C3.32225 13.4263 3 12.8444 3 12.1668V9.66675C3 10.3444 3.32225 10.9263 3.96675 11.4125C4.61108 11.8987 5.39992 12.2972 6.33325 12.6082C7.26658 12.9194 8.25133 13.1458 9.2875 13.2875C10.3237 13.4292 11.2306 13.5 12.0083 13.5C12.7861 13.5 13.6903 13.4292 14.7208 13.2875ZM14.7208 18.2875C15.7514 18.1458 16.7334 17.9222 17.6667 17.6167C18.6001 17.3111 19.3889 16.9153 20.0333 16.4293C20.6778 15.9431 21 15.3556 21 14.6668V17.1668C21 17.8556 20.6778 18.4431 20.0333 18.9292C19.3889 19.4153 18.6001 19.8111 17.6667 20.1168C16.7334 20.4223 15.7514 20.6458 14.7208 20.7875C13.6903 20.9292 12.7861 21 12.0083 21C11.2306 21 10.3237 20.9292 9.2875 20.7875C8.25133 20.6458 7.26658 20.4194 6.33325 20.1083C5.39992 19.7973 4.61108 19.3987 3.96675 18.9125C3.32225 18.4263 3 17.8444 3 17.1668V14.6668C3 15.3444 3.32225 15.9263 3.96675 16.4125C4.61108 16.8987 5.39992 17.2973 6.33325 17.6083C7.26658 17.9194 8.25133 18.1458 9.2875 18.2875C10.3237 18.4292 11.2306 18.5 12.0083 18.5C12.7861 18.5 13.6903 18.4292 14.7208 18.2875Z' fill='%230C0C0C'/%3E%3C/svg%3E%0A");
}

.localWrap .donationInfoBox .info dl dt i.icoDonation3 {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.1668 13.7168L9.93325 12.4918C9.77225 12.3306 9.57925 12.25 9.35425 12.25C9.12925 12.25 8.93342 12.3333 8.76675 12.5C8.60558 12.6612 8.525 12.8584 8.525 13.0918C8.525 13.3251 8.60558 13.5223 8.76675 13.6833L11.4668 16.3668C11.6334 16.5334 11.8278 16.6168 12.05 16.6168C12.2722 16.6168 12.4666 16.5334 12.6333 16.3668L15.3167 13.6833C15.4777 13.5223 15.5569 13.3264 15.5542 13.0958C15.5514 12.8653 15.4667 12.6667 15.3 12.5C15.1388 12.3388 14.9458 12.2569 14.7208 12.2543C14.4958 12.2514 14.2999 12.325 14.1333 12.475L12.8333 13.7168V9.96675C12.8333 9.72775 12.7541 9.52908 12.5957 9.37075C12.4374 9.21242 12.2388 9.13325 12 9.13325C11.7612 9.13325 11.5626 9.21242 11.4043 9.37075C11.2459 9.52908 11.1668 9.72775 11.1668 9.96675V13.7168ZM4.66675 22C4.20558 22 3.8125 21.8375 3.4875 21.5125C3.1625 21.1875 3 20.7944 3 20.3333V5.66675C3 5.20558 3.1625 4.8125 3.4875 4.4875C3.8125 4.1625 4.20558 4 4.66675 4H9.48325C9.61108 3.41117 9.90975 2.93058 10.3793 2.55825C10.8486 2.18608 11.3888 2 12 2C12.6112 2 13.1514 2.18608 13.6208 2.55825C14.0903 2.93058 14.3889 3.41117 14.5167 4H19.3333C19.7944 4 20.1875 4.1625 20.5125 4.4875C20.8375 4.8125 21 5.20558 21 5.66675V20.3333C21 20.7944 20.8375 21.1875 20.5125 21.5125C20.1875 21.8375 19.7944 22 19.3333 22H4.66675ZM12.5875 4.8875C12.7513 4.72367 12.8333 4.52783 12.8333 4.3C12.8333 4.07217 12.7513 3.87633 12.5875 3.7125C12.4237 3.54867 12.2278 3.46675 12 3.46675C11.7722 3.46675 11.5763 3.54867 11.4125 3.7125C11.2487 3.87633 11.1668 4.07217 11.1668 4.3C11.1668 4.52783 11.2487 4.72367 11.4125 4.8875C11.5763 5.05133 11.7722 5.13325 12 5.13325C12.2278 5.13325 12.4237 5.05133 12.5875 4.8875Z' fill='%230C0C0C'/%3E%3C/svg%3E%0A");
}

.localWrap .donationInfoBox .info dl dt i.icoDonation4 {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5832 14.5L8.2 12.1168C8.03883 11.9556 7.84442 11.875 7.61675 11.875C7.38892 11.875 7.19442 11.9556 7.03325 12.1168C6.87225 12.2778 6.7945 12.4722 6.8 12.7C6.8055 12.9278 6.88325 13.1223 7.03325 13.2833L10 16.2832C10.1667 16.4499 10.3611 16.5332 10.5832 16.5332C10.8056 16.5332 11.0001 16.4499 11.1668 16.2832L16.9668 10.4833C17.1277 10.3223 17.2083 10.1251 17.2083 9.89175C17.2083 9.65842 17.1277 9.46117 16.9668 9.3C16.8056 9.13883 16.6083 9.05825 16.375 9.05825C16.1417 9.05825 15.9444 9.13883 15.7833 9.3L10.5832 14.5ZM4.66675 22C4.20558 22 3.8125 21.8375 3.4875 21.5125C3.1625 21.1875 3 20.7944 3 20.3333V5.66675C3 5.20558 3.1625 4.8125 3.4875 4.4875C3.8125 4.1625 4.20558 4 4.66675 4H9.48325C9.61108 3.41117 9.90975 2.93058 10.3793 2.55825C10.8486 2.18608 11.3888 2 12 2C12.6112 2 13.1514 2.18608 13.6208 2.55825C14.0903 2.93058 14.3889 3.41117 14.5167 4H19.3333C19.7944 4 20.1875 4.1625 20.5125 4.4875C20.8375 4.8125 21 5.20558 21 5.66675V20.3333C21 20.7944 20.8375 21.1875 20.5125 21.5125C20.1875 21.8375 19.7944 22 19.3333 22H4.66675ZM12.5875 4.8875C12.7513 4.72367 12.8333 4.52783 12.8333 4.3C12.8333 4.07217 12.7513 3.87633 12.5875 3.7125C12.4237 3.54867 12.2278 3.46675 12 3.46675C11.7722 3.46675 11.5763 3.54867 11.4125 3.7125C11.2487 3.87633 11.1668 4.07217 11.1668 4.3C11.1668 4.52783 11.2487 4.72367 11.4125 4.8875C11.5763 5.05133 11.7722 5.13325 12 5.13325C12.2278 5.13325 12.4237 5.05133 12.5875 4.8875Z' fill='%230C0C0C'/%3E%3C/svg%3E%0A");
}

.localWrap .donationInfoBox .info dl dd {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

.localWrap .donationInfoBox .info dl dd strong {
    font-size: 100px;
    font-weight: 700;
    line-height: 1;
}

.localWrap .donationInfoBox .info dl dd span {
    margin-left: 4px;
    font-size: 36px;
}

.localWrap .donationInfoBox .donationSwiper {
    margin-top: 190px;
    padding-bottom: 100px;
}

.localWrap .donationInfoBox .donationSwiper .swiper-wrapper {
    transition-timing-function: linear
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide {
    overflow: hidden;
    width: 360px;
    min-height: 477px;
    max-height: 477px;
    border-radius: 16px;
    box-shadow: 0px 20px 40px 0px #0000000A;
    background: #fff;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .imgBox {
    width: 100%;
    height: 300px;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .textBox {
    position: relative;
    padding: 32px 24px;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .status {
    position: absolute;
    top: -15px;
    left: 24px;
    padding: 8px 14px;
    border-radius: 20px;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #0c0c0c;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .tit {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .text {
    margin-top: 12px;
    font-size: 16px;
    color: #767676;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .keyword {
    margin-top: 24px;
}

.localWrap .donationInfoBox .donationSwiper .swiper-slide .keyword span {
    display: inline-block;
    margin-right: 4px;
    padding: 6px 10px;
    border-radius: 4px;
    line-height: 1;
    font-size: 14px;
    color: #767676;
    background: #F1F1F1;
}

.localWrap .donationInfoBox .donationSwiperWrap {
    position: relative;
}

/* 왼쪽 그라데이션 */
.localWrap .donationInfoBox .donationSwiperWrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 180px;
    height: 100%;
    z-index: 20;
    pointer-events: none;
    background: linear-gradient(to right,#fff 0%,rgba(255,255,255,0) 100%);
}

/* 오른쪽 그라데이션 */
.localWrap .donationInfoBox .donationSwiperWrap::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 180px;
    height: 100%;
    z-index: 20;
    pointer-events: none;
    background: linear-gradient(to left,#fff 0%,rgba(255,255,255,0) 100%);
}

/*!* 지정기부 progress, 영상매거진 mainImgDonationBox 원본 *!
.localWrap .mainImgDonationBox { margin-top:100px;}
.localWrap .mainImgDonationBox .tit-h2 { font-size:36px; font-weight: 600; line-height: 1;}
.localWrap .mainImgDonationBox .text { margin-top:16px; font-size:16px; color:#767676; font-weight: 400; line-height: 1;}
.localWrap .mainImgDonationBox .imgBox { position: relative; margin-top:40px; margin-bottom:100px;}
.localWrap .mainImgDonationBox .imgBox > img { width:100%;}
.localWrap .mainImgDonationBox .imgBox:before { content:''; display: block; position:absolute; top:0; right:0; bottom:0; width:80%; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.localWrap .mainImgDonationBox .imgBox .linkInfo { position:absolute; top:50%; right:0; transform: translateY(-50%);}
.localWrap .mainImgDonationBox .imgBox .linkInfo a { display: block; position:relative; width:760px; padding:48px; border-radius: 32px; background:#fff; box-shadow: 30px 30px 30px 0px #00000014;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .date { position:absolute; top:-20px; left:38px; padding:12px 24px; border-radius: 30px; font-size:24px; color:#fff; font-weight: 600; line-height: 1; background:#0c0c0c;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .tit { font-size:28px; font-weight: 700; line-height: 1;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .progress { position:relative; height:8px; margin-top:20px; border-radius: 4px; background:#e1e1e1;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .progress span { position: absolute; top:0; left:0; height:100%; border-radius: 4px; background:#009DFF;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .progressInfo { display: flex; margin-top:10px; justify-content: space-between;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .progressInfo p { font-size:24px;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .progressInfo strong { font-weight: 700;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .progressInfo p:first-child strong { color:#E60000;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .join { position:absolute; top:50px; right:48px; font-size:24px; font-weight: 400;}
.localWrap .mainImgDonationBox .imgBox .linkInfo .join:after { content:''; display: inline-block; width:24px; height:24px; margin-left:2px; vertical-align: middle; background:no-repeat center center / 8px; background-image: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 6L1 11' stroke='%230C0C0C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");}
.localWrap .mainImgDonationBox .section { position: relative; }*/
/* 지정기부 목업 하드코딩*/
/* 지정기부 전용 */
.localWrap .mainImgDonationBox .donationSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
}

/* 기존 section은 flex 제거 */
.localWrap .mainImgDonationBox .section {
    position: relative;
}

.localWrap .mainImgDonationBox .donationInfo {
    flex: 1;
}

.localWrap .mainImgDonationBox .imgBox {
    width: 560px;
    flex-shrink: 0;
}

.localWrap .mainImgDonationBox .imgBox img {
    width: 85%;
    border-radius: 40px;
    display: block;
    margin-left: 60px;
}

.localWrap .mainImgDonationBox .subTit {
    font-size: 24px;
    color: #000000;
}

.localWrap .mainImgDonationBox .tit-h2 {
    font-weight: 700;
    line-height: 1.3;
}

.localWrap .mainImgDonationBox .pointyellow {
    color: #E8890A;
}

.localWrap .mainImgDonationBox .donationCard {
    margin-top: 50px;
}

.localWrap .mainImgDonationBox .cardTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.localWrap .mainImgDonationBox .tit {
    font-weight: 700;
}

.localWrap .mainImgDonationBox .date {
    padding: 4px 12px;
    background: #111;
    color: #fff;
    border-radius: 20px;
    font-weight: 600;
}

.localWrap .mainImgDonationBox .progressInfo {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.localWrap .mainImgDonationBox .percent {
    color: #005BFF;
    font-size: 28px;
    font-weight: 700;
}

.localWrap .mainImgDonationBox .price {
    font-size: 26px;
}

.localWrap .mainImgDonationBox .price strong {
    font-weight: 700;
}

.localWrap .mainImgDonationBox .progress {
    height: 16px;
    background: #E5E5E5;
    border-radius: 10px;
    margin-top: 20px;
    overflow: hidden;
}

.localWrap .mainImgDonationBox .progress span {
    display: block;
    height: 100%;
    background: #FDBA2D;
    border-radius: 10px;
}

.localWrap .mainImgDonationBox .join {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 24px;
    font-size: 17px;
    font-weight: 500;
    color: #111;
}

.localWrap .imgVideoSwipeBox {
    overflow: hidden;
    margin-top: 40px;
}

.localWrap .imgVideoSwipeBox .swiper-slide {
    width: 290px;
    height: 290px;
}

.localWrap .imgVideoSwipeBox .swiper-slide a {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: #D9D9D9
}

.localWrap .imgVideoSwipeBox .swiper-slide a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.6;
}

.localWrap .imgVideoSwipeBox .swiper-slide .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.localWrap .imgVideoSwipeBox .swiper-slide .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.localWrap .imgVideoSwipeBox .swiper-slide .img::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    pointer-events: none;
}

.localWrap .imgVideoSwipeBox .swiper-slide .label {
    position: absolute;
    top: 20px;
    left: 28px;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px;
    line-height: 1;
    background: #ffffffad;
}

.localWrap .imgVideoSwipeBox .swiper-slide .tit {
    overflow: hidden;
    position: absolute;
    bottom: 50px;
    left: 28px;
    right: 28px;
    font-size: 20px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.localWrap .imgVideoSwipeBox .swiper-slide .date {
    position: absolute;
    bottom: 28px;
    left: 28px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
}

@keyframes visualAni {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.05);
    }
}

.localWrap .video-swiper-button-prev, .localWrap .video-swiper-button-next {
    position: absolute;
    top: calc(40% + 80px);
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    border: 0;
    border-radius: 50%;
    background: rgba(225, 225, 225, 0.9);
    cursor: pointer;
    z-index: 10;
}

.localWrap .video-swiper-button-prev {
    left: -75px;
}

.localWrap .video-swiper-button-next {
    right: -60px;
}

/* 화살표 */
.localWrap .video-swiper-button-prev::after, .localWrap .video-swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
}

.localWrap .video-swiper-button-prev::after {
    transform: translate(-35%, -50%) rotate(-135deg);
}

.localWrap .video-swiper-button-next::after {
    transform: translate(-65%, -50%) rotate(45deg);
}

/* 호버 */
.localWrap .video-swiper-button-prev:hover, .localWrap .video-swiper-button-next:hover {
    background: rgba(180, 180, 180, 0.95);
}

/* intro (babd1b2): 진입 시 히어로 풀스크린 → 헤더 높이만큼 축소. body 에 intro→action 토글(한 세션 1회) */
.intro {
    overflow: hidden;
}

.intro #localHeaderWrap #header {
    z-index: 0;
}

.intro #container.localWrap {
    padding-top: 0;
}

.intro .localWrap .visualBox {
    height: 100vh;
}

.intro .localWrap .visualBox img {
    height: 100%;
    object-fit: cover;
}

.intro .localWrap .visualBox .textBox .label {
    font-size: 18px;
}

.intro .localWrap .visualBox .textBox .tit {
    /*font-size: 40px;*/
    font-size: 36px;
}

.intro.action #container.localWrap {
    padding-top: 72px;
    transition: all .8s ease-in-out;
}

.intro.action .localWrap .visualBox {
    height: 380px;
    transition: all .8s ease-in-out;
}

.intro.action .localWrap .visualBox .textBox .label {
    font-size: 18px;
    transition: all .5s ease-in-out;
}

.intro.action .localWrap .visualBox .textBox .tit {
    font-size: 36px;
    transition: all .5s ease-in-out;
}

/* =========================================================
   localMain 전용 헤더 (#localHeaderWrap)
   - ilovegohyang-pub common.css 의 #localHeaderWrap 블록 발췌
   - 전역 common.css 무수정. local-main.css 가 뒤에 로드되어 적용
   - localMainHeader: 히어로 위 absolute 오버레이(흰색 텍스트)
   ========================================================= */
#localHeaderWrap #header {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #dbdbdb;
    background: #fff;
}

#localHeaderWrap * {
    font-family: 'Pretendard';
}

#localHeaderWrap #header .section {
    display: flex;
    width: 1280px;
    height: 72px;
    margin: 0 auto;
    align-items: center;
}

#localHeaderWrap h1 {
    font-size: 0;
}

#localHeaderWrap h1 a {
    display: block;
}

#localHeaderWrap h1 a img {
    display: block;
    max-height: 48px;
}

nav ul li a:hover, nav ul li a.active {
    color: #00a651;
    font-weight: 700;
}

/* 로고 토글: 기본(서브/solid)=검정 contLogo, 메인(.localMainHeader 오버레이)=흰색 mainLogo */
/* 메인로고 a 태그걸면 로고 사라지는 문제로 인해 주석처리 */
/*#localHeaderWrap h1 a .mainLogo { display:none;}*/
#localHeaderWrap h1 a .contLogo {
    display: block;
}

#localHeaderWrap.localMainHeader h1 a .mainLogo {
    display: block;
}

#localHeaderWrap.localMainHeader h1 a .contLogo {
    display: none;
}

#localHeaderWrap nav {
    margin-left: 40px;
}

#localHeaderWrap nav ul {
    display: flex;
}

#localHeaderWrap nav ul li + li {
    margin-left: 40px;
}

#localHeaderWrap nav ul li a {
    display: block;
    height: 100%;
    font-size: 16px;
    color: #0c0c0c;
}

#localHeaderWrap .logo-box {
    display: flex;
    margin-left: auto;
    margin-right: 32px;
    align-items: center;
}

#localHeaderWrap .logo-box a + a {
    margin-left: 24px;
}

#localHeaderWrap .logo-box a i.ico-head-logo1 {
    display: block;
    width: 100px;
    height: 26px;
    font-size: 0;
    background: url('../images/local/img_logo1_on.png') no-repeat center center / 100%;
}

#localHeaderWrap .logo-box a i.ico-head-logo2 {
    display: block;
    width: 110px;
    height: 20px;
    font-size: 0;
    background: url('../images/local/img_logo2_on.png') no-repeat center center / 100%;
}

#localHeaderWrap .btn-search {
    display: block;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-color: #0c0c0c;

    -webkit-mask:
            url("../images/common/search_icon.svg")
            center / 28px 28px no-repeat;
    mask:
            url("../images/common/search_icon.svg")
            center / 28px 28px no-repeat;
}
#localHeaderWrap .btn-menu {
    display: block;
    width: 32px;
    height: 32px;
    margin-left: 12px;
    font-size: 0;
    background: #0c0c0c;
    -webkit-mask: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.111 26C4.79633 26 4.53244 25.8887 4.31933 25.666C4.10644 25.4435 4 25.1677 4 24.8385C4 24.5094 4.10644 24.2348 4.31933 24.0149C4.53244 23.795 4.79633 23.6851 5.111 23.6851H26.889C27.2037 23.6851 27.4676 23.7964 27.6807 24.0191C27.8936 24.2418 28 24.5176 28 24.8465C28 25.1757 27.8936 25.4502 27.6807 25.6701C27.4676 25.89 27.2037 26 26.889 26H5.111ZM5.111 17.1573C4.79633 17.1573 4.53244 17.0461 4.31933 16.8236C4.10644 16.6009 4 16.325 4 15.9958C4 15.6669 4.10644 15.3925 4.31933 15.1726C4.53244 14.9527 4.79633 14.8427 5.111 14.8427H26.889C27.2037 14.8427 27.4676 14.9539 27.6807 15.1764C27.8936 15.3991 28 15.675 28 16.0042C28 16.3331 27.8936 16.6075 27.6807 16.8274C27.4676 17.0473 27.2037 17.1573 26.889 17.1573H5.111ZM5.111 8.31493C4.79633 8.31493 4.53244 8.20359 4.31933 7.9809C4.10644 7.75822 4 7.48241 4 7.15347C4 6.8243 4.10644 6.54977 4.31933 6.32986C4.53244 6.10995 4.79633 6 5.111 6H26.889C27.2037 6 27.4676 6.11134 27.6807 6.33403C27.8936 6.55648 28 6.83229 28 7.16146C28 7.49063 27.8936 7.76516 27.6807 7.98507C27.4676 8.20498 27.2037 8.31493 26.889 8.31493H5.111Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.111 26C4.79633 26 4.53244 25.8887 4.31933 25.666C4.10644 25.4435 4 25.1677 4 24.8385C4 24.5094 4.10644 24.2348 4.31933 24.0149C4.53244 23.795 4.79633 23.6851 5.111 23.6851H26.889C27.2037 23.6851 27.4676 23.7964 27.6807 24.0191C27.8936 24.2418 28 24.5176 28 24.8465C28 25.1757 27.8936 25.4502 27.6807 25.6701C27.4676 25.89 27.2037 26 26.889 26H5.111ZM5.111 17.1573C4.79633 17.1573 4.53244 17.0461 4.31933 16.8236C4.10644 16.6009 4 16.325 4 15.9958C4 15.6669 4.10644 15.3925 4.31933 15.1726C4.53244 14.9527 4.79633 14.8427 5.111 14.8427H26.889C27.2037 14.8427 27.4676 14.9539 27.6807 15.1764C27.8936 15.3991 28 15.675 28 16.0042C28 16.3331 27.8936 16.6075 27.6807 16.8274C27.4676 17.0473 27.2037 17.1573 26.889 17.1573H5.111ZM5.111 8.31493C4.79633 8.31493 4.53244 8.20359 4.31933 7.9809C4.10644 7.75822 4 7.48241 4 7.15347C4 6.8243 4.10644 6.54977 4.31933 6.32986C4.53244 6.10995 4.79633 6 5.111 6H26.889C27.2037 6 27.4676 6.11134 27.6807 6.33403C27.8936 6.55648 28 6.83229 28 7.16146C28 7.49063 27.8936 7.76516 27.6807 7.98507C27.4676 8.20498 27.2037 8.31493 26.889 8.31493H5.111Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center / contain;
}

#localHeaderWrap .btn-login {
    display: flex;
    width: 80px;
    height: 40px;
    margin-left: 24px;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    background: #0c0c0c;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    white-space: nowrap;
}

#localHeaderWrap .btn-login:hover {
    color: #fff;
    background: #000;
}

#localHeaderWrap .btnMy {
    display: block;
    position: relative;
    padding-top: 28px;
    margin-left: 12px;
    font-size: 10px;
    color: #0c0c0c;
    line-height: 1.4;
    letter-spacing: -0.2px;
    white-space: nowrap;
    text-align: center;
}

#localHeaderWrap .btnMy:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 24px;
    height: 24px;
    transform: translateX(-50%);
    background: url('../images/common/ico_user.svg') no-repeat center center / 100%;
}

/* localMainHeader: 메인 히어로 위 absolute 오버레이 */
/*
#localHeaderWrap.localMainHeader { position:absolute; top:0; left:0; z-index:2; width:100%;}
#localHeaderWrap.localMainHeader nav ul li a { color:#fff;}
#localHeaderWrap.localMainHeader .btn-search { background:#fff;}
#localHeaderWrap.localMainHeader .btn-menu { background:#fff;}
#localHeaderWrap.localMainHeader .btn-login { color:#0c0c0c; background:#fff;}
#localHeaderWrap.localMainHeader .btn-login:hover { color:#fff; background:#000;}
#localHeaderWrap.localMainHeader .btnMy { color:#fff;}
#localHeaderWrap.localMainHeader .btnMy:before { filter:brightness(0) invert(1);}
*/
/* localMain 은 헤더가 히어로 위로 겹치므로 컨테이너 상단 패딩 제거 (localMain.html visualBox 가 최상단) */
/*#container.localWrap { padding-top:0;}*/
/* =========================================================
   localMain 전용 푸터 (#localFooterWrap / #footer)
   - ilovegohyang-pub common.css 의 #footer 블록 발췌, #localFooterWrap 한정
   ========================================================= */
#localFooterWrap {
    padding-bottom: 60px;
    background: #f8f8f8;
}

#localFooterWrap * {
    font-family: 'Pretendard';
}

#localFooterWrap #footer .section {
    width: 1280px;
    margin: 0 auto;
}

#localFooterWrap #footer .footerLink {
    padding: 24px 0;
    border-bottom: 1px solid #eee;
    line-height: 0;
}

#localFooterWrap #footer .footerLink a {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #222;
    line-height: 1.43;
    letter-spacing: -0.28px;
}

#localFooterWrap #footer .footerLink a + a:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 12px;
    margin: -4px 12px 0;
    vertical-align: middle;
    background: #ccc;
}

#localFooterWrap #footer .textBox {
    display: flex;
    margin-top: 32px;
}

#localFooterWrap #footer .textBox .tit {
    margin-bottom: 8px;
    font-size: 15px;
    color: #666;
    font-weight: bold;
}

#localFooterWrap #footer .textBox .tit img {
    vertical-align: middle;
}

#localFooterWrap #footer .textBox .tit2 {
    margin-bottom: 8px;
    font-size: 24px;
    color: #222;
    font-weight: bold;
}

#localFooterWrap #footer .textBox .text {
    font-size: 13px;
    color: #666;
}

#localFooterWrap #footer .textBox .text + .text {
    margin-top: 4px;
}

#localFooterWrap #footer .textBox .copy {
    margin-top: 20px;
    font-size: 12px;
    color: #999;
}

#localFooterWrap #footer .textBox .right {
    margin-left: auto;
}

/* 메인 하단 '광구 서구 전하는 소식' 영상 팝업 */
.video-popup {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.8);
    z-index: 9999;
}

.video-popup.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-popup-inner {
    position: relative;
    width: 900px;
    max-width: 90%;
    aspect-ratio: 16 / 9;
}

.video-popup iframe {
    width: 100%;
    height: 100%;
}

.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #FFFFFF;
}
