@charset "utf-8";

/***************** 230503 캠페인 메인 css 추가 *****************/
/* font */
@import url("/common/mainRenewal2023/css/font.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
[class*="campaign-"], .article-wrap { font-family: 'Pretendard', 'Noto Sans KR', 'Apple SD 산돌고딕 Neo', sans-serif; position: relative; }
[class*="campaign-"] a:focus-visible { border: 2px solid #2460C5; }

/* common - ScrollTrigger */
[class*='section-pin'] { position: relative; height: 100vh; display: flex; align-items: center; }
/* .section-pin { position: relative; height: 100vh; display: flex; align-items: center; }
.section-current { position: relative; height: 100vh; display: flex; align-items: center; } */
[class*='pin-wrap'] .inner-wrap { position: relative; display: flex; }
[class*='pin-wrap'] .card-image { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; }
.percent.tooltip { position: relative; display: block; height: 24px; line-height: 24px; background-color: #fff; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; margin-left: 13px; font-size: 12px !important; font-weight: 700; color: #1F2937 !important; text-align: center; padding: 0 9px; }
.percent.tooltip::before { content: ""; display: block; position: absolute; top: 50%; left: -8px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 0; border-right: 12px solid; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); color: #fff; }
.btn-card-more { width: 134px;  height: 48px; line-height: 48px; padding: 0 17px 0 30px; position: absolute; bottom: 39px; right: 36px; text-align: center; background-color: #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15); font-size: 16px; font-weight: 700; color: #1F2937; display: flex; align-items: center; justify-content: space-around; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; }
.btn-card-more::after { content: ""; display: inline-block; background-image: url(../img/common/icon_more.svg); background-repeat: no-repeat; background-position: center; background-size: 9px 12px; width: 24px; height: 24px; }

/* big-card-item */
.big-card-wrap { display: flex; }
.big-card-inner { margin-left: 176px; }
.big-card-item { width: 640px; height: 640px; margin-right: 48px; transition: .3s; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; position: relative; flex-shrink: 0; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; overflow: hidden; }
.big-card-item > a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }

/* big-card-item - type-1 */
.big-card-item.type-1 .title-wrap { position: absolute; top: 60px; left: 64px; }
.big-card-item.type-1 .title-wrap h2 { font-size: 72px; color: #1F1F1F; font-weight: 800; line-height: 1.1; }
.big-card-item.type-1 .title-wrap p { font-size: 50px; font-weight: 800; color: #fff; line-height: 1.1; }

.big-card-item .card-image.card-1 { background-image: url(../img/campaign/img_big_card01.jpg);}
/* .big-card-item .card-image.card-2 { background-image: url(../img/campaign/img_big_card02.png);} */
.big-card-item .card-image.card-3 { background-image: url(../img/campaign/img_big_card03.png);}
.big-card-item .card-image.card-4 { background-image: url(../img/campaign/img_big_card04.png);}
.big-card-item .card-image.card-5 { background-image: url(../img/campaign/img_big_card05.png);}

/* big-card-item - type-2 */
.big-card-item.type-2 .hashtag-wrap { position: absolute; top: 20px; left: 22px; display: flex; }
.big-card-item.type-2 .hashtag-wrap span { display: block; height: 32px; line-height: 32px; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; font-size: 13px; font-weight: 600; color: #1F2937; text-align: center; padding: 0 17px; }
.big-card-item.type-2 .hashtag-wrap span + span { margin-left: 8px; }

/* big-card-item - type-3 */
.big-card-item.type-3 > a::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 368px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); z-index: 1;  }
.big-card-item.type-3 .title-wrap { display: block; position: absolute; top: 60px; left: 64px; max-width: 80%; width: 100%; z-index: 1; }
.big-card-item.type-3 .title-wrap .sub-title { display: block; font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 8px; }
.big-card-item.type-3 .title-wrap .title { font-size: 50px; font-weight: bold; line-height: 1.2; color: #fff; word-break: keep-all; }
.big-card-item.type-3 .gauge-wrap { max-width: 560px; width: 100%; padding: 22px 24px 16px; background-color: rgba(255,255,255,.8); border-radius: 15px; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; }
.big-card-item.type-3 .gauge-wrap .gauge { display: block; width: 100%; height: 10px; background-color: rgba(0,0,0,.15); border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.big-card-item.type-3 .gauge-wrap .gauge i { position: relative; display: block; max-width: 100%; width: 70%; height: 100%; background-color: #FF2949; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.big-card-item.type-3 .gauge-wrap .gauge i .percent { position: absolute; bottom: 20px; right: -22px; display: block; width: 54px; height: 54px; line-height: 54px; background-color: #FF2949; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 14px; font-weight: 700; color: #fff; text-align: center; }
.big-card-item.type-3 .gauge-wrap .gauge i .percent::before { content: ""; display: block; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); height: 0; border-top: 8px solid; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); color: #FF2949; }
.big-card-item.type-3 .gauge-wrap .gauge i .percent .percent-data { font-size: 18px; }
.big-card-item.type-3 .gauge-wrap .txt-wrap { margin-top: 10px; display: flex; justify-content: space-between; }
.big-card-item.type-3 .gauge-wrap .txt-wrap .present { font-size: 16px; font-weight: 500; color: #1F2937; }
.big-card-item.type-3 .gauge-wrap .txt-wrap .goal { font-size: 16px; font-weight: 500; color: #6B7280; }
.big-card-item.type-3 .gauge-wrap .txt-wrap .present > span { font-weight: bold; }

/* small-card-item */
.small-card-item { width: 424px; height: 520px; margin-right: 24px; position: relative; flex-shrink: 0; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; overflow: hidden; }
.small-card-item > a { position: relative; display: block; width: 100%; height: 100%; }
.small-card-item .card-image:not(.half)::before { content: ""; display: block; width: 100%; position: absolute; left: 0; height: 227px;background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); top: 0; }
.small-card-item .card-image:not(.half)::after { content: ""; display: block; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(23, 56, 66, 0.29) 23.03%, rgba(23, 56, 66, 0) 100%); position: absolute;  bottom: 0; transform: rotate(-180deg); }

/* small-card-item - type-1 */
.small-card-item.type-1 .title-wrap { position: absolute; top: 48px; left: 40px; max-width: 80%; width: 100%; word-break: keep-all; }
.small-card-item.type-1 .title-wrap .sub-title { display: block; font-size: 16px; font-weight: bold; margin-bottom: 12px; color: #fff; }
.small-card-item.type-1 .title-wrap .title { display: block; font-size: 32px; font-weight: bold; line-height: 1.2; color: #fff; }
/* .small-card-item.type-1 .btn-more { position: absolute; bottom: 30px; right: 32px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #fff; }
.small-card-item.type-1 .btn-more::after { content: ""; display: inline-block; background-image: url(../img/common/icon_more.svg); background-repeat: no-repeat; background-position: center; background-size: 9px 14px; width: 24px; height: 24px; } */
.small-card-item.type-1 .gauge-wrap { display: block; max-width: 92%; width: 100%; position: absolute; bottom: 23px; left: 15px; padding: 13px 17px 7px; background-color: rgba(255,255,255,.8); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.small-card-item.type-1 .gauge-wrap .gauge { display: block; width: 100%; height: 6px; background-color: rgba(0,0,0,.15); border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; }
.small-card-item.type-1 .gauge-wrap .gauge i { position: relative; display: block; max-width: 100%; width: 70%; height: 100%; background-color: #FF2949; border-radius: 11px; -webkit-border-radius: 11px; -moz-border-radius: 11px; -ms-border-radius: 11px; -o-border-radius: 11px; }
.small-card-item.type-1 .gauge-wrap .gauge i .percent { position: absolute; bottom: 21px; right: -22px; display: block; width: 48px; height: 48px; line-height: 48px; background-color: #FF2949; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; font-size: 12px; font-weight: 700; color: #fff; text-align: center; }
.small-card-item.type-1 .gauge-wrap .gauge i .percent .percent-data { font-size: 18px; }
.small-card-item.type-1 .gauge-wrap .gauge i .percent::before { content: ""; display: block; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); height: 0; border-top: 8px solid; border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); color: #FF2949; }
.small-card-item.type-1 .gauge-wrap .txt-wrap { margin-top: 8px; display: flex; justify-content: space-between; }
.small-card-item.type-1 .gauge-wrap .txt-wrap .present { font-size: 12px; font-weight: bold; color: #1F2937; }
.small-card-item.type-1 .gauge-wrap .txt-wrap .goal { font-size: 12px; font-weight: 500; color: #6B7280; }

/* small-card-item - type-2 */
.small-card-item.type-2 { width: 830px; background-color: #F3F4F6; }
.small-card-item.type-2 .card-image { width: 50%; position: relative; }
.small-card-item.type-2 .desc-wrap { position: absolute; height: 100%; left: unset; right: 0; top: 0; width: 50%; padding: 48px; background-color: #F3F4F6; }
.small-card-item.type-2 .desc-wrap .title { display: block; font-size: 44px; font-weight: bold; color: #323232; line-height: 1.1; margin-bottom: 20px; word-break: keep-all; }
.small-card-item.type-2 .desc-wrap .desc { font-size: 24px; color: #2F2F2F; line-height: 1.3; }

.campaign-section-2 { position: relative; width: 100%; height: 100vh; }
.campaign-section-2 .video-scroll { position: relative; display: flex; align-items: center; height: 100vh; overflow: hidden; }
.campaign-section-2 .video-mask { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; width: 360px; height: 360px; transform-origin: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.campaign-section-2 .video-mask .video-wrap { width: 100%; height: 100vh; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.campaign-section-2 .video-mask .video-wrap video { width: 100%; height: 100%; object-fit: cover;}
.campaign-section-2 .headline-wrap { max-width: 680px; width: 100%; padding: 0 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; display: flex; justify-content: center; align-items: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.campaign-section-2 .headline-wrap h3.reveal-text { font-size: 64px; font-weight: bold; color: #fff; line-height: 1.3em; text-align: center; word-break: keep-all; visibility: hidden; }
.campaign-section-2 .headline-wrap h3.reveal-text .line { position: relative; display: flex; justify-content: center; overflow: hidden; }

.campaign-section-3 .campaign-btn-more.mo { display: none; }

.campaign-section-4 { padding-bottom: 159px; }
.campaign-section-4 > .title-wrap { margin-bottom: 64px; }
.campaign-section-4 h4 { font-size: 48px; font-weight: 800; color: #1F2937; }
.campaign-section-4 .campaign-btn-more.mo { display: none; }
.campaign-section-4 .campaign-btn-more.pc { background-color: #F3F4F6; border: 1px solid #E5E7EB; }
.campaign-section-4 .campaign-btn-more.pc a { position: relative; display: block; width: 100%; height: 100%; }
.campaign-section-4 .campaign-btn-more.pc a > span { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.campaign-section-4 .campaign-btn-more.pc a > span { font-size: 16px; font-weight: bold; color: #6B7280; }
.campaign-section-4 .campaign-btn-more.pc .btn.more { display: flex; align-items: center; justify-content: center; width: 118px; height: 118px; background-color: #4B5563; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto 20px; box-shadow: #A4AAB2 0px 0px 0px 0px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }

.campaign-section-4 .slick-slide a:focus { border: none; }
.campaign-section-4 .article-list .slick-dotted.slick-slider { margin-bottom: 0; }
.campaign-section-4 .article-list .slick-dots { bottom: -40px; }
.campaign-section-4 .article-list .slick-dots li { width: 8px; height: 8px !important; background-color: #D1D5DB; margin-left: 7px; transition: all .3s; }
.campaign-section-4 .article-list .slick-dots li.slick-active { width: 26px; background-color: #374151; }
.campaign-section-4 .article-list .slick-dots li button { width: 100%; height: 100%; }

.campaign-wrap .cmpgn-all-banner { width: 100%; background-color: #97E2FF; padding-top: 101px; padding-bottom: 120px; background-image: url(../img/campaign/bg_banner.png); background-repeat: no-repeat; background-position: right 27% top -30px; }
.campaign-wrap .cmpgn-all-banner .txt-wrap { display: flex; flex-direction: column; gap: 87px; }
.campaign-wrap .cmpgn-all-banner .txt-wrap p { font-size: 60px; font-weight: 800; color: #1F2937; line-height: 1.2; }
.campaign-wrap .cmpgn-all-banner .txt-wrap .btn-card-more { position: static; }
.campaign-wrap .cmpgn-all-banner .txt-wrap .btn-card-more:hover { background-color: #1a1e27; color: #fff !important; }
.campaign-wrap .cmpgn-all-banner .txt-wrap .btn-card-more:hover::after { background-image: url(../img/common/icon_more_w.svg); }

/***************** 종료된 펀딩 리스트 공통 *****************/
.article-list { display: flex; flex-wrap: wrap; gap: 32px; }
.article-list li { border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; overflow: hidden; }
.article-list li > a { position: relative; display: block; width: 100%; height: 100%; }
.article-list li > a:focus-visible { border: 2px solid #2460C5; }
.article-list .campaign-image { position: relative; display: block; width: 100%; padding-bottom: 70.868%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; overflow: hidden; }
.article-list .campaign-image > img { position: absolute; top: 0; left: 0; width: 100%; }
.article-list .campaign-desc { display: block; width: 100%; background-color: #F3F4F6; padding: 24px 31px 32px 32px; position: relative; }
.article-list .campaign-desc .title { display: block; font-size: 20px; font-weight: bold; color: #1F2937; margin-bottom: 4px; line-height: 1.3; height: 52px; }
.article-list .campaign-desc .txt { display: block; font-size: 13px; font-weight: bold; color: #6B7280; text-align: left; line-height: 1.4; margin-bottom: 4px; }
.article-list .hashtag-wrap { display: flex; align-items: center; gap: 5px; position: absolute; top: 16px; left: 20px;  }
.article-list .hashtag { display: block; height: 30px; line-height: 30px; background-color: #374151; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; padding: 0 14px 0 14px; }
.article-list .hashtag.green { display: block; height: 30px; line-height: 30px; background-color: #006947; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; font-size: 13px; font-weight: bold; color: #fff; text-align: center; padding: 0 14px 0 14px; }
.article-list .hashtag.red { background-color: #d41616; }
.article-list .gauge-wrap { display: block; width: 100%; }
.article-list .gauge-wrap .percent { display: block; font-size: 14px; font-weight: bold; color: #1F2937; margin-bottom: 4px; text-align: right; line-height: 1.4; }
.article-list .gauge-wrap .gauge { display: block; width: 100%; height: 6px; background-color: #D1D5DB; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; }
.article-list .gauge-wrap .gauge i { position: relative; display: block; width: 70%; height: 100%; background-color: #B91C1C; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.article-list .gauge-wrap .txt-wrap { margin-top: 8px; display: flex; justify-content: space-between; }
.article-list .gauge-wrap .txt-wrap .present,
.article-list .gauge-wrap .txt-wrap .goal { font-size: 12px; font-weight: 500; color: #6B7280; }
.article-list .gauge-wrap .txt-wrap .present > span { font-weight: bold; color: #374151; }
.paging-area.campaign { margin-top: 48px; font-size: unset; height: 32px; }
.paging-area.campaign.mo { display: none; }
.paging-area.campaign .paging-item { min-width: 40px; border: 1px solid #D1D5DB !important; font-size: 16px; color: #6B7280; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; margin-right: 6px; margin-left: 0; }
.paging-area.campaign .paging-item.active { border-color: #1F2937; color: #1F2937; }
.paging-area.campaign .paging-item.type-img { display: none; }
.paging-area.campaign .paging-item[class*="type-img-"] { min-width: 32px; height: 32px; background-color: transparent; display: inline-block; vertical-align: initial; border: none !important; }
.paging-area.campaign [class^="sprite-paging-"] { display: inline-block; text-indent: -9999px; overflow: hidden; width: 8px; height: 16px; background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; }
.paging-area.campaign .sprite-paging-prev { background-image: url(../img/campaign/icon_article_prev.svg); }
.paging-area.campaign .sprite-paging-next { background-image: url(../img/campaign/icon_article_next.svg); margin-right: 0; }

/* 한줄에 3개일때 */
.article-list.three li { width: calc(33.333% - 22px); }
.article-list.three .campaign-desc .title { height: 68px; font-size: 24px; line-height: 1.4; margin-bottom: 8px; }
.article-list.three .campaign-desc { padding: 32px 40px; }
.article-list.three .campaign-desc .txt { font-size: 16px; margin-bottom: 8px; }
.article-list.three .gauge-wrap .gauge { height: 10px; }
.article-list.three .gauge-wrap .percent { margin-bottom: 6px; }
/* 한줄에 4개일때 */
.article-list.four li { width: calc(25% - 24px); }

/***************** 종료된 펀딩 페이지 *****************/
.campaign-wrap.list h2 { font-size: 52px; font-weight: 800; color: #1F2937; text-align: center; }
.campaign-wrap.list .article-list { padding-top: 107px; }

/***************** 카운트다운  css *****************/
.countdown-timer { position: absolute; top:16px; left:20px; z-index: 2; padding: 0; border-radius: 4px; text-align: left; color: #1f2937; font-size: 18px; font-weight: 600; }
.timer-display {display: flex; font-size: 16px; font-weight: 600; align-items: flex-end; justify-content: center;}
.timer-display span {display: inline-block; background: #000; color: #fff; padding: 0px 0px 0px 4px; margin: 4px 0px 0px 0px; font-size: 22px; font-weight: 500; letter-spacing: 1rem; max-width: 22px; background: url(../img/common/bg_countdown@2x.png) no-repeat left 0 top 0/cover; text-align: center; height: 29px; line-height: 29px;}
.timer-display span + span {margin-left: 6px;}
.timer-display strong {margin-right: 12px; font-weight: 600; font-size: 16px; color: #1f2937; line-height:18px; margin-left: 2px;}
.timer-display .days-container { display: inline-block; }

/***************** 230526 캠페인 서브 css 추가 *****************/
/* 열매이슈 */
.pc-hidden { display: none !important; }
.pc-hidden-768 { display: none !important; }
.mo-hidden { display: block !important; }

.campaign-sub.support { padding-top: 106px; background-image: url(../img/campaign/spsportcmpgn/bg_campaign_support.png); overflow-x: hidden; }
.campaign-sub.support .default-wrap.wide { position: relative; padding-left: 24px; padding-right: 24px; max-width: 1477px; width: 100%; margin: 0 auto; }
.campaign-sub.support .default-wrap.xs { max-width: 1013px; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto; }
.campaign-sub.support, .campaign-sub.support a { color: #111827; }

.campaign-sub.support .headline { width: 100%; margin: 0 auto; text-align: center; font-size: 18px; font-weight: 300; padding-left: 24px; padding-right: 24px; color: #1F2937; }
.campaign-sub.support .headline img { display: block; max-width: 307px; width: 100%; margin: 0 auto; }
.campaign-sub.support .headline span { font-weight: bold; }

.campaign-sub.support .section-1 { padding-top: 100px; }
.campaign-sub.support .section-1 .tab-menu { display: flex; align-items: center; justify-content: center; gap: 56px; }
.campaign-sub.support .section-1 .tab-menu button { position: relative; font-size: 20px; font-weight: bold; color: #6B7280; font-family: 'pretendard'; }
.campaign-sub.support .section-1 .tab-menu button.active { color: #111827; }
.campaign-sub.support .section-1 .tab-menu button.active::after { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #E60013; position: absolute; top: -4px; right: -10px; }
.campaign-sub.support .section-1 .tab-container { margin-top: 49px; position: relative; height: 85vh; }
.campaign-sub.support .section-1 .content-box { position: relative; width: 100%; border-radius: 20px; padding-top: 48px; padding-right: 58px; padding-left: 58px; padding-bottom: 56px; border-top-left-radius: 0; }
.campaign-sub.support .section-1 .content-box::before { content: ""; display: block; max-width: 200px; width: 100%; height: 43px; border-top-left-radius: 30px; position: absolute; left: 0; top: -42px; }
.campaign-sub.support .section-1 .content-box::after { content: ""; display: block; width: 80px; height: 43px; position: absolute; left: 175px; top: -42px; transform: skew(40deg); border-top-right-radius:10px; }
.campaign-sub.support .section-1 .content-box > div { position: relative; display: flex; justify-content: space-between; gap: 40px; }
.campaign-sub.support .section-1 .content-box .top-area { align-items: flex-end; margin-bottom: 24px; }
.campaign-sub.support .section-1 .content-box .top-area > span { font-size: 20px; font-weight: 800; color: #fff; position: absolute; display: none; z-index: 1; }
.campaign-sub.support .section-1 .content-box .top-area.active > span { display: block; }
.campaign-sub.support .section-1 .content-box .top-area p { display: flex; align-items: center; font-size: 28px; font-weight: 800; color: #fff; }
.campaign-sub.support .section-1 .content-box .top-area p > span { display: inline-block; width: 48px; height: 48px; margin-right: 12px; border-radius: 50%; filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));  }
.campaign-sub.support .section-1 .content-box .top-area a { display: flex; align-items: center; font-size: 16px; font-weight: bold; color: #fff; }
.campaign-sub.support .section-1 .content-box .top-area a::after { content: ""; display: inline-block; width: 31px; height: 31px; background-image: url(../img/campaign/spsportcmpgn/icon_arrow.svg); background-repeat: no-repeat; background-size: 31px 31px; background-position: center; margin-left: 9px; border-radius: 50%; }

.campaign-sub.support .section-1 .content-box .content-area .visual-area { position: relative; max-width: 783px; width: 100%; border-radius: 12px; z-index: 1; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; overflow: hidden; }
.campaign-sub.support .section-1 .content-box .content-area .visual-area > a { position: relative; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }
.campaign-sub.support .section-1 .content-box .content-area .visual-area > a::after { content: ""; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.62%, rgba(0, 0, 0, 0.8) 100%); position: absolute; left: 0; bottom: 0; border-radius: 12px; }
.campaign-sub.support .section-1 .content-box .content-area .visual-area > a:focus { border: 3px solid #000; }

.campaign-sub.support .section-1 .content-box .content-area .txt-box { position: absolute; left: 6%; bottom: 11%; z-index: 1; width: calc(100% - 96px); }
.campaign-sub.support .section-1 .content-box .content-area .txt-box .title { display: block; font-size: 32px; font-weight: 800; margin-bottom: 8px; color: #fff; line-height: 1.25; }
.campaign-sub.support .section-1 .content-box .content-area .txt-box .sub-title { display: block; font-size: 18px; color: #fff; }
.campaign-sub.support .section-1 .content-box .content-area .txt-box .tag-wrap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; padding-top: 28px; }
.campaign-sub.support .section-1 .content-box .content-area .txt-box .tag-wrap > span { display: inline-block; height: 33px; line-height: 31px; border: 1px solid rgba(255,255,255,.5); font-size: 15px; font-weight: 600; color: #fff; text-align: center; padding: 0 12px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; }
.campaign-sub.support .section-1 .content-box .content-area .list-area { position: relative; max-width: 490px; width: 100%; max-height: 48.25vh; overflow: hidden; overflow-y: scroll; }
.campaign-sub.support .section-1 .content-box .content-area .list-area > ul > li {  padding-right: 16px; }
.campaign-sub.support .section-1 .content-box .content-area .list-area > ul > li:first-child a { padding-top: 0; }
.campaign-sub.support .section-1 .content-box .content-area .list-area > ul > li > a { display: flex; align-items: center; gap: 24px; padding: 32px 0 32px; border-top: 1px solid rgba(255,255,255,.5); }
.campaign-sub.support .section-1 .content-box .content-area .list-area > ul > li:first-child a { border: none;}
.campaign-sub.support .section-1 .content-box .content-area .list-area .title { display: block; font-size: 24px; font-weight: bold; color: #fff; line-height: 1.3; margin-bottom: 10px; }
.campaign-sub.support .section-1 .content-box .content-area .list-area .sub-title { display: block; font-size: 18px; color: #fff; opacity: .7; line-height: 1.4; }
.campaign-sub.support .section-1 .content-box .content-area .list-area .tag-wrap { display: flex; align-items: center; gap: 8px; padding-top: 24px; }
.campaign-sub.support .section-1 .content-box .content-area .list-area .tag-wrap > span { font-size: 16px; font-weight: 600; color: #fff; line-height: 1.4; }
.campaign-sub.support .section-1 .content-box .content-area .list-area .image-wrap { display: block; max-width: 156px; width: 100%; height: 146px; border-radius: 10px; overflow: hidden; }
.campaign-sub.support .section-1 .content-box .content-area .list-area .image-wrap > img { width: 100%; height: 100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  }
.campaign-sub.support .section-1 .content-box .content-area .list-area .desc-wrap { width: 63%; }

/* insta */
.campaign-sub.support .section-1 .content-box.insta .content-area .visual-area > a { background-image: url(../img/campaign/spsportcmpgn/img_insta_visual.jpg); }

/* facebook */
.campaign-sub.support .section-1 .content-box.facebook .content-area .visual-area > a { background-image: url(../img/campaign/spsportcmpgn/img_facebook_visual.jpg); }

/* blog */
.campaign-sub.support .section-1 .content-box.blog .content-area .visual-area > a { background-image: url(../img/campaign/spsportcmpgn/img_blog_visual.jpg); }


@media all and (min-width : 1024) and (max-height : 1024px) {
    .campaign-sub.support .section-1 .content-box .content-area .list-area { max-height: 30vh; }
}
/* blog */
.campaign-sub.support .section-1 .content-box.blog,
.campaign-sub.support .section-1 .content-box.blog::before,
.campaign-sub.support .section-1 .content-box.blog::after  { background-color: #15CC15; }
.campaign-sub.support .section-1 .content-box.blog .content-area::after { background: linear-gradient(180deg, rgba(121, 22, 156, 0) 0%, #15CC15 100%); }
.campaign-sub.support .section-1 .content-box.blog .top-area > span { top: -77px; left: 51px; }
/* insta */
.campaign-sub.support .section-1 .content-box.insta { background-color: #79169C; border-top-left-radius: 20px; border-top-right-radius: 0; }
.campaign-sub.support .section-1 .content-box.insta::before { left: unset; right: 0; background-color: #79169C; border-top-right-radius: 30px; }
.campaign-sub.support .section-1 .content-box.insta::after { left: unset; right: 175px; background-color: #79169C; border-top-left-radius: 10px; transform: skew(-40deg); -webkit-transform: skew(-40deg); -moz-transform: skew(-40deg); -ms-transform: skew(-40deg); -o-transform: skew(-40deg); }
.campaign-sub.support .section-1 .content-box.insta .content-area::after { background: linear-gradient(180deg, rgba(121, 22, 156, 0) 0%, #79169C 100%); }
.campaign-sub.support .section-1 .content-box.insta .top-area > span { top: -77px; left: unset; right: 34px; }
/* facebook */
.campaign-sub.support .section-1 .content-box.facebook,
.campaign-sub.support .section-1 .content-box.facebook::before,
.campaign-sub.support .section-1 .content-box.facebook::after { background-color: #1777F2; }
.campaign-sub.support .section-1 .content-box.facebook .content-area::after { background: linear-gradient(180deg, rgba(121, 22, 156, 0) 0%, #1777F2 100%); }
.campaign-sub.support .section-1 .content-box.facebook .top-area > span { top: -77px; left: 25px; }

.list-area::-webkit-scrollbar { width: 4px; background-color: transparent; }
.list-area::-webkit-scrollbar-thumb { background-color: rgba(255,255,255,.3); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.list-area::-webkit-scrollbar-track { background-color: transparent; overflow-y: scroll;  }

.campaign-sub.support .section-2 { padding-bottom: 120px; display: flex; justify-content: space-between; gap: 48px; }
.campaign-sub.support .section-2 .video-wrap { width: 66.49%; }
.campaign-sub.support .section-2 .video-content { position: relative; overflow: hidden; }
.campaign-sub.support .section-2 .video-list { position: relative; width: 100%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding-bottom: 56.5%; overflow: hidden; }
.campaign-sub.support .section-2 .video-list > iframe { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.campaign-sub.support .section-2 .video-content .txt-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 1; }
.campaign-sub.support .section-2 .video-content .txt-wrap > span { font-size: 48px; font-weight: 800; color: #fff; line-height: 1.25; }
.campaign-sub.support .section-2 .video-content .txt-wrap > span:last-child { display: block; width: 72px; height: 72px; margin: 12px auto 0; }
.campaign-sub.support .section-2 .top-area { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.campaign-sub.support .section-2 .top-area p { position: relative; font-size: 28px; font-weight: 800; color: #222222; }
.campaign-sub.support .section-2 .top-area p::after { content: ""; display: block; width: 10px; height: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #E60013; position: absolute; bottom: 10px; right: -22px; }
.campaign-sub.support .section-2 .top-area a { width: 36px; height: 36px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #111827; display: flex; align-items: center; justify-content: center; padding-left: 2px; }
.campaign-sub.support .section-2 .top-area a > span { display: flex; width: 10px; height: 15px; }
.campaign-sub.support .section-2 .funding-wrap { max-width: 429px; width: 100%; border-bottom: 1px solid #616161; }
.campaign-sub.support .section-2 .funding-wrap .top-area { padding-bottom: 25px; border-bottom: 1px solid #222222; margin-bottom: 0; }
.campaign-sub.support .section-2 .funding-content a { display: block; width: 100%; height: 100%; padding: 40px 0; }
.campaign-sub.support .section-2 .funding-content span { display: block; font-size: 1.9vw; font-weight: 800; color: #111827; line-height: 1.25; }
.campaign-sub.support .section-2 .funding-content .image-area { display: block; width: 100%; background-image: url(../img/campaign/spsportcmpgn/img_fund.png); background-repeat: no-repeat; background-position: center; background-size: contain; padding-bottom: 84.383%; margin-bottom: 0; margin-top: -30px; }

.campaign-sub.support .section-2 .swiper-button-next, .campaign-sub.support .section-2 .swiper-button-prev { width: 38px; height: 54px; background-size: 38px 54px; }
.campaign-sub.support .section-2 .swiper-button-prev { background-image: url(../img/campaign/spsportcmpgn/swiper_left.png); left: 0; }
.campaign-sub.support .section-2 .swiper-button-next { background-image: url(../img/campaign/spsportcmpgn/swiper_right.png); right:0; }

.campaign-sub.support .section-3 { background-color: #EDEEF2; padding-top: 80px; padding-bottom: 64px; }
.campaign-sub.support .section-3 .headline { width: 359px; height: 215px; margin-bottom: 45px; margin-left: 259px; }
.campaign-sub.support .section-3 [class*='container-box'] { position: relative; width: 100%; margin-bottom: 48px; background-color: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1); padding-top: 48px; padding-bottom: 56px; padding-left: 20px; padding-right: 20px; }
.campaign-sub.support .section-3 [class*='container-box'] .blue { font-weight: 800; color: #4148BF; }
.campaign-sub.support .section-3 [class*='container-box'] .question { display: flex; align-items: center; justify-content: center; margin-bottom: 32px; }
.campaign-sub.support .section-3 [class*='container-box'] .question p { font-size: 18px; text-align: center; }
.campaign-sub.support .section-3 [class*='container-box'] .question .num { width: 42px; margin-right: 12px; }
.campaign-sub.support .section-3 [class*='container-box'] .question .dot { display: inline-block; font-weight: bold; position: relative; }
.campaign-sub.support .section-3 [class*='container-box'] .question .dot::before { content: ""; display: block; width: 3px; height: 3px; background-color: #111827; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; position: absolute; top: -2px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.campaign-sub.support .section-3 [class*='container-box'] .answer { text-align: center; font-weight: 300; line-height: 1.4; }

.campaign-sub.support .section-3 [class*='container-box'] [class*="deco"] { position: absolute; }
.campaign-sub.support .section-3 .container-box-1 .deco01 { width: 138px; height: 154px; top: -138px; left: 53px; }
.campaign-sub.support .section-3 .container-box-3 .deco02 { width: 160px; height: 169px; top: -120px; right: -60px; }
.campaign-sub.support .section-3 .container-box-5 .deco03 { width: 220px; height: 265px; bottom: 20px; right: -150px; z-index: 1; }
.campaign-sub.support .section-3 .container-box-6 .deco04 { width: 174px; height: 183px; bottom: 0; left: -110px; }

.campaign-sub.support .section-3 [class*='container-box'] .answer .quote { display: inline-block; position: relative; }
.campaign-sub.support .section-3 [class*='container-box'] .answer .quote::before,
.campaign-sub.support .section-3 [class*='container-box'] .answer .quote::after { content: ""; display: block; width: 33px; height: 22px; background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; z-index: -1; top: -10px; }
.campaign-sub.support .section-3 [class*='container-box'] .answer .quote::before { background-image: url(../img/campaign/spsportcmpgn/img_quote01.png); left: -18px; }
.campaign-sub.support .section-3 [class*='container-box'] .answer .quote::after { background-image: url(../img/campaign/spsportcmpgn/img_quote02.png); right: -18px; }
.campaign-sub.support .section-3 [class*='container-box'] .answer-box { margin-top: 20px; }

.campaign-sub.support .section-3 .container-box-1 .answer,
.campaign-sub.support .section-3 .container-box-2 .answer { position: relative; z-index: 0; font-size: 30px; }

.campaign-sub.support .section-3 .container-box-1 .answer .quote:first-child::after,
.campaign-sub.support .section-3 .container-box-1 .answer .quote:nth-child(2)::before { display: none; }

.campaign-sub.support .section-3 .container-box-3 .answer,
.campaign-sub.support .section-3 .container-box-4 .answer { font-size: 20px; letter-spacing: -0.02em; }

.campaign-sub.support .section-3 .container-box-3 { padding-bottom: 95px; }
.campaign-sub.support .section-3 .container-box-3 .answer-box { max-width: 842px; width: 100%; position: relative; background-color: #F1F3F8; padding-top: 40px; padding-bottom: 40px; font-size: 24px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; margin-left: auto; margin-right: auto; }
.campaign-sub.support .section-3 .container-box-3 .answer-box ul { max-width: 512px; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
.campaign-sub.support .section-3 .container-box-3 .answer-box ul li { position: relative; font-size: 24px; line-height: 1.3; font-weight: 300; padding-left: 31px; letter-spacing: -0.02em; }
.campaign-sub.support .section-3 .container-box-3 .answer-box ul li + li { margin-top: 16px; }
.campaign-sub.support .section-3 .container-box-3 .answer-box ul li::before { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(../img/campaign/spsportcmpgn/icon_check.svg); background-repeat: no-repeat; background-size: contain; background-position: center; vertical-align: middle; position: absolute; top: 5px; left: 0; }
.campaign-sub.support .section-3 .container-box-3 a { display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; background-color: #4148BF; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; color: #fff; font-size: 18px; position: absolute; bottom: 0; left: 0; }
.campaign-sub.support .section-3 .container-box-3 a > span { font-weight: 700; margin-right: 5px; }
.campaign-sub.support .section-3 .container-box-3 a::after { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../img/campaign/spsportcmpgn/icon_more.svg); background-repeat: no-repeat; background-size: 10px 15px; background-position: center; margin-left: 8px; }

.campaign-sub.support .section-3 .container-box-4 { text-align: center; }
.campaign-sub.support .section-3 .container-box-4 ul { display: flex; align-items: center; justify-content: center; gap: 32px; }
.campaign-sub.support .section-3 .container-box-4 ul li { position: relative; max-width: 220px; width: 100%; height: 220px; border: 24px solid #F4F6FA; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.campaign-sub.support .section-3 .container-box-4 ul li .txt-box { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.campaign-sub.support .section-3 .container-box-4 ul li p { font-size: 16px; font-weight: 300; }
.campaign-sub.support .section-3 .container-box-4 ul li p > span { font-weight: bold; }
.campaign-sub.support .section-3 .container-box-4 ul li strong { font-size: 24px; font-weight: 800; }
.campaign-sub.support .section-3 .container-box-4 .answer-box > p { font-size: 20px; font-weight: 300; margin-top: 32px; }
.campaign-sub.support .section-3 .container-box-4 .answer-box > p > span { font-weight: bold; }

.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box { position: relative; max-width: 190px; width: 100%; height: 190px; border: 24px solid #F4F6FA; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box::before,
.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box::after { content: ""; display: block; position: absolute; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box::before { background-color: #fff; width: 6px; height: 6px; border: 1px solid #4148BF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; bottom: -74px; z-index: 1; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box::after { width: 37px; border-top: 1px dashed #9A9CBD; border-bottom: transparent; transform: rotate(90deg); bottom: -48px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box img { width: 100px; height: 24px; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box p { font-size: 16px; font-weight: 800; margin-top: 4px; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap { position: relative; display: flex; gap: 24px; align-items: center; text-align: center; padding-top: 79px; max-width: 824px; width: 100%; margin: 0 auto; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap::before { content: ""; display: block; max-width: 636px; width: 100%; border-top: 1px dashed #9A9CBD; border-bottom: transparent; position: absolute; top: 46px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li { position: relative; max-width: 188px; width: 100%; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li::before,
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li::after { content: ""; display: block; position: absolute; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li::before { background-color: #4148BF; width: 6px; height: 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; top: -10px; left: 50%; transform: translateX(-50%); z-index: 1; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li::after { width: 21px; border-top: 1px dashed #9A9CBD; border-bottom: transparent; top: -20px; left: 50%;  transform: translateX(-50%) rotate(90deg); -webkit-transform: translateX(-50%) rotate(90deg); -moz-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); -o-transform: translateX(-50%) rotate(90deg); }
.campaign-sub.support .section-3 .container-box-5 .answer-box .num { font-size: 18px; font-weight: 800; color: #4148BF; margin-bottom: 4px; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .title { font-size: 18px; font-weight: 800; margin-bottom: 8px; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap span { font-size: 16px; font-weight: 300; }
.campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap .link-btn { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border: 1px solid #DBDBE0; border-radius: 50%; margin: 8px auto 0; transition: all .1s; -webkit-transition: all .1s; -moz-transition: all .1s; -ms-transition: all .1s; -o-transition: all .1s; background-image: url(../img/campaign/spsportcmpgn/icon_arrow_g.svg); background-repeat: no-repeat; background-size: 8px 12px; background-position: center; }

.campaign-sub.support .section-3 .container-box-6 .answer-box ul { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 48px; width: 100%; margin: 0 auto; }
.campaign-sub.support .section-3 .container-box-6 .answer-box ul li { max-width: 216px; width: 100%; }
.campaign-sub.support .section-3 .container-box-6 .answer-box ul li > a { display: block; width: 100%; height: 100%; }
.campaign-sub.support .section-3 .container-box-6 .answer-box .num { display: block; font-size: 18px; font-weight: bold; color: #111827; text-align: center; margin-bottom: 12px; }
.campaign-sub.support .section-3 .container-box-6 .answer-box .content-area { display: block; width: 216px; height: 212px; background-color: #F4F5F9; border-radius: 80px; -webkit-border-radius: 80px; -moz-border-radius: 80px; -ms-border-radius: 80px; -o-border-radius: 80px; border: 2px solid #F4F5F9; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.campaign-sub.support .section-3 .container-box-6 .answer-box .image { display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; margin: 0 auto; }
.campaign-sub.support .section-3 .container-box-6 .answer-box .title { position: relative; display: flex; align-items: center; font-size: 20px; font-weight: 800; color: #4148BF; text-align: center; margin-top: 8px; }
.campaign-sub.support .section-3 .container-box-6 .answer-box .title::after { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../img/campaign/spsportcmpgn/icon_arrow_p.svg); background-repeat: no-repeat; background-size: contain; background-position: center; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.campaign-sub.support .section-4 { position: relative; width: 100%; background-image: url(../img/campaign/spsportcmpgn/bg_support_banner.jpg); background-repeat: no-repeat; background-size: 100%; background-position: center; padding-bottom: 20.157%; }
.campaign-sub.support .section-4 .txt-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 434px; width: 100%; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; text-align: center; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.campaign-sub.support .section-4 .txt-box .sub-title { display: block; font-size: 1.1vw; margin-bottom: 10px; }
.campaign-sub.support .section-4 .txt-box .sub-title > span { font-weight: bold; }
.campaign-sub.support .section-4 .txt-box p { font-size: 2.3vw; font-weight: 800; margin-bottom: 28px; line-height: 1.3; }
.campaign-sub.support .section-4 .txt-box .btn-more { display: flex; align-items: center; justify-content: center; padding: 3% 0; width: 12.87vw; background-color: #22201C; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; color: #fff; font-size: 1.3vw; font-weight: bold; margin: 0 auto; }
.campaign-sub.support .section-4 .txt-box .btn-more::after { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../img/campaign/spsportcmpgn/icon_more.svg); background-repeat: no-repeat; background-size: 10px 15px; background-position: center; margin-left: 12px; }

/* 착착착나눔캠페인 */
.campaign-sub.nice { color: #1F2937; }
/* .campaign-sub.nice .visual-wrap { width: 100%; background-color: #F3F9F3; padding: 47px 0 83px; }
.campaign-sub.nice .visual-wrap .default-wrap { max-width: 1298px; height: 100%; background-image: url(../img/campaign/nicecmpgn/bg_visual.png); background-repeat: no-repeat; background-position: right center; display: flex; }
.campaign-sub.nice .visual-wrap .headline { width: 46%; max-width: 585px; }
.campaign-sub.nice .visual-wrap .image-area { max-width: 554px; width: 45%; padding-top: 42px; } */
.campaign-sub.nice .visual-wrap { padding-top: 134px; }
.campaign-sub.nice .visual-wrap .video-wrap { position: relative; background-color: #F3F9F3; }
.campaign-sub.nice .visual-wrap .video-wrap video { width: 100%; height: 100%; }
.campaign-sub.nice .visual-wrap .video-wrap .btn-play { z-index: 1; width: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.campaign-sub.nice .section-1 { padding: 150px 0; }
.campaign-sub.nice .section-1 .headline { text-align: center; margin-bottom: 48px; margin-top: 100px; }
.campaign-sub.nice .section-1 .headline > img { margin: 0 auto; }
.campaign-sub.nice .section-1 .headline > p { font-size: 40px; font-weight: 700; margin-bottom: 32px; }
.campaign-sub.nice .section-1 .headline > p > span { font-weight: 400; padding-left: 16px; }
.campaign-sub.nice .section-1 .txt-box { font-size: 24px; text-align: center; line-height: 1.4; margin-bottom: 100px; }
.campaign-sub.nice .section-1 .txt-box > strong { display: block; font-weight: 700; margin-bottom: 32px; }
.campaign-sub.nice .section-1 .campaign-img { max-width: 1108px; margin: auto; margin-top: 50px; border-radius: 50px; font-size: 0; overflow: hidden; }
.campaign-sub.nice .section-1 .content-wrap { display: flex; align-items: center; justify-content: center; gap: 261px; padding-top: 70px; }
.campaign-sub.nice .section-1 .content-wrap .image-area { max-width: 652px; width: 100%; }
.campaign-sub.nice .section-1 .content-wrap .image-area > p { font-size: 100px; font-weight: 900; color: #004B9F; line-height: 1.1; text-align: center; margin-bottom: 58px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap { position: relative; max-width: 420px; width: 100%; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap::before { content: ""; display: block; width: 195px; height: 500px; background-image: url(../img/campaign/nicecmpgn2025/img_line.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: 50%; left: -228px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] + [class*='list-'] { margin-top: 44px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > p { font-size: 100px; font-weight: 800; line-height: 1.0; color: #006ebc; margin-bottom: 24px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap .list-1 > p { font-size: 120px; font-weight: 800; line-height: 1.0; color: #006ebc; margin-bottom: 24px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap .list-2 > p { font-size: 120px; font-weight: 800; line-height: 1.0; color: #538a3f; margin-bottom: 24px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap .list-3 > p { font-size: 120px; font-weight: 800; line-height: 1.0; color: #df8c34; margin-bottom: 24px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > ul > li > p { font-size: 30px; font-weight: 700; line-height: 1.2; margin-bottom: 60px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > ul > li > ul > li { position: relative; font-size: 16px; padding-left: 17px; }
.campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > ul > li > ul > li::after { content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; top: 10px; left: 5px; background-color: #1F2937; }

.campaign-sub.nice .section-2 { background-color: #eaf6f7; padding: 58px 0; }
.campaign-sub.nice .section-2 .default-wrap { display: flex; justify-content: space-between; }
.campaign-sub.nice .section-2 .title-wrap { max-width: 472px; width: 100%; padding-top: 62px; }
.campaign-sub.nice .section-2 .title-wrap strong { display: block; font-size: 40px; font-weight: 800; line-height: 1.2; margin-bottom: 80px; }
.campaign-sub.nice .section-2 .title-wrap strong > span { font-size: 60px; color: #006ebc; line-height: 1.4; }
.campaign-sub.nice .section-2 .title-wrap p { font-size: 24px; line-height: 1.6; }
.campaign-sub.nice .section-2 .image-area { max-width: 646px; width: 100%; }

.campaign-sub.nice .section-3 { padding-top: 60px; }
.campaign-sub.nice .section-3 strong { display: block; font-size: 40px; font-weight: 800; }
.campaign-sub.nice .section-3 .title-wrap { display: flex; justify-content: space-between; align-items: center; gap: 32px; width: 100%; margin: 0 auto; position: relative; font-size: 24px; text-align: center; }
.campaign-sub.nice .section-3 .title-wrap .tit { max-width: 567px; width: 100%; text-align: left; }
.campaign-sub.nice .section-3 .title-wrap .tit > p { margin-bottom: 10px; }
.campaign-sub.nice .section-3 .list-wrap { display: flex; flex-wrap: wrap; gap: 32px; justify-content: center; align-items: flex-start; margin-top: 95px; margin-bottom: 82px; }
.campaign-sub.nice .section-3 .icon-list { display: flex; gap: 32px; }
.campaign-sub.nice .section-3 .icon-list li { text-align: center; }
.campaign-sub.nice .section-3 .icon-list li .icon-wrap { display: flex; align-items: center; justify-content: center; width: 310px; height: 310px; background-color: #F3F4F6; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin: 0 auto 41px; }
.campaign-sub.nice .section-3 .icon-list li p { font-size: 24px; font-weight: 600; color: #004B9F; }
.campaign-sub.nice .section-3 .icon-list li p + span,
.campaign-sub.nice .section-3 .icon-list li p + a { font-size: 24px; }
.campaign-sub.nice .section-3 table { width: 100%; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; border: 1px solid #8D8D8D; overflow: hidden; }
.campaign-sub.nice .section-3 table thead { background-color: #eaf6f7; }
.campaign-sub.nice .section-3 table thead th { position: relative; height: 43px; font-size: 20px; font-weight: bold; }
.campaign-sub.nice .section-3 table thead .title th { height: 80px; border-bottom: 2px solid rgba(0,0,0,.1); font-size: 24px; font-weight: 800; }
.campaign-sub.nice .section-3 table tbody { text-align: center; }
.campaign-sub.nice .section-3 table tbody tr td { height: 40px; font-size: 18px; border-top: 1px solid rgba(0,0,0,.1); }
.campaign-sub.nice .section-3 .table-desc { font-size: 18px; margin-top: 7px; line-height: 2.2; text-align: right; }

.campaign-sub.nice .section-4 { padding: 100px 0 123px; }
.campaign-sub.nice .section-4 .default-wrap { max-width: 1384px; }
.campaign-sub.nice .section-4 .title-wrap { text-align: center; margin-bottom: 49px; }
.campaign-sub.nice .section-4 .title-wrap p { font-size: 34px; }
.campaign-sub.nice .section-4 .title-wrap strong { font-size: 50px; font-weight: 800; }
.campaign-sub.nice .section-4 .list-wrap { display: flex; align-items: center; gap: 20px; }
.campaign-sub.nice .section-4 .list-wrap li { width: 25%; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; overflow: hidden; }
.campaign-sub.nice .section-4 .list-wrap li .image-area { display: block; overflow: hidden; }
.campaign-sub.nice .section-4 .list-wrap li .image-area > span { display: block; width: 100%; padding-bottom: 61.443%; background-repeat: no-repeat; background-size: cover; background-position: center;  transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s;  }
.campaign-sub.nice .section-4 .list-wrap li:nth-child(1) .image-area > span { background-image: url(../img/campaign/nicecmpgn2025/img_list01.jpg); }
.campaign-sub.nice .section-4 .list-wrap li:nth-child(2) .image-area > span { background-image: url(../img/campaign/nicecmpgn2025/img_list02.jpg); }
.campaign-sub.nice .section-4 .list-wrap li:nth-child(3) .image-area > span { background-image: url(../img/campaign/nicecmpgn2025/img_list03.jpg); }
.campaign-sub.nice .section-4 .list-wrap li:nth-child(4) .image-area > span { background-image: url(../img/campaign/nicecmpgn2025/img_list04.jpg); }
.campaign-sub.nice .section-4 .list-wrap li .txt-area { background-color: #EDEDED; display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; }
.campaign-sub.nice .section-4 .list-wrap li .txt-area .tit { width: 98px; height: 27px; }
.campaign-sub.nice .section-4 .list-wrap li .txt-area .attend-btn { width: 77px; height: 25px; line-height: 25px; text-align: center; background-color: #fff; font-size: 14px; color: #2F2F2F; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.campaign-sub.nice .section-4 .list-wrap li > a:focus { border: 1px solid transparent; }

/* 크라우드 펀딩 */
.pc-hidden-500 { display: none; }
.campaign-sub.funding { color: #1F2937; line-height: 1.4; }
.campaign-sub.funding button,
.campaign-sub.funding input { font-family: 'pretendard'; }

.campaign-sub.funding .headline-wrap { text-align: center; margin-bottom: 64px; }
.campaign-sub.funding .headline-wrap h3 { line-height: 1.1; }
.campaign-sub.funding .headline-wrap h3 > strong { font-size: 52px; font-weight: 800; }
.campaign-sub.funding .headline-wrap p { font-size: 20px; margin-top: 32px; }
.campaign-sub.funding .tab-wrap { display: flex; align-items: center; max-width: 880px; width: 100%; border: 1px solid #CBD5E1; border-radius: 18px; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; -o-border-radius: 18px; padding: 7px 8px; margin: 0 auto; }
.campaign-sub.funding .tab-wrap button { width: 100%; height: 64px; color: #1E293B; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; font-size: 20px; font-weight: 600; }
.campaign-sub.funding .tab-wrap button.active { background-color: #334155; color: #fff; }
.campaign-sub.funding .tab-content { margin-top: 100px; }
.campaign-sub.funding .tab-content .num.red { display: block; font-weight: 800; color: #D41616; }
.campaign-sub.funding .tab-content .sub-title { display: block; font-size: 32px; font-weight: 800; line-height: 1.1; margin: 16px 0 10px; }

.campaign-sub.funding .all .filter-wrap { margin-bottom: 80px; }
.campaign-sub.funding .all .filter-wrap .filter { display: flex; justify-content: center; align-items: center; gap: 27px; }
.campaign-sub.funding .all .filter-wrap .filter p { position: relative; font-size: 20px; font-weight: 700; flex-shrink: 0; }
.campaign-sub.funding .all .filter-wrap .filter p::after { content: ""; display: inline-block; width: 2px; height: 22px; background-color: #D4D4D4; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; margin-left: 25px; vertical-align: middle; }
.campaign-sub.funding .all .filter-list { display: flex; align-items: center; flex-wrap: wrap; gap: 20px; }
.filter-list > .filter-item input[type="checkbox"] { visibility: hidden; position: absolute; }
.filter-list > .filter-item label { display: block; font-size: 18px; font-weight: 700; color: #6B7280; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; background-color: #F3F4F6; border: 1px solid #D4D4D4; padding: 14px 36px; }
.filter-list > .filter-item label::before { content: ""; display: inline-block; width: 20px; height: 20px; background-image: url(../img/contents/icon_plus.svg); background-repeat: no-repeat; background-size: contain; vertical-align: sub; margin-right: 12px }
.filter-list > .filter-item input[type="checkbox"]:checked + label { color: #fff; background-color: #D41616; border: 1px solid #D41616 }
.filter-list > .filter-item input[type="checkbox"]:checked + label::before { background-image: url(../img/contents/icon_checkmark.svg); }

.campaign-sub.funding .all .all-wrap { width: 100%; padding-top: 150px; padding-bottom: 240px; background-color: #F3F4F6; border-top-left-radius: 75px; border-top-right-radius: 75px; margin-bottom: -159px; }
.campaign-sub.funding .all .all-wrap .article-list .campaign-desc { background-color: #fff; }

.campaign-sub.funding .intro .container { position: relative; max-width: 1080px; width: 100%; margin-left: auto; margin-right: auto; }
.campaign-sub.funding .intro .video-wrap { position: relative; width: 100%; padding-bottom: 56%; margin: 0 auto; }
.campaign-sub.funding .intro .video-wrap > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .campaign-sub.funding .intro .video-wrap::after { content: ""; display: block; width: 100%; height: 100%; background-image: url(../img/campaign/img_thumb.jpg); background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; left: 0; } */
/* .campaign-sub.funding .intro .video-wrap.active::after { display: none; } */
/* .campaign-sub.funding .intro .video-wrap .btn-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);  width: 80px; height: 80px; background-image: url(../img/campaign/icon_play.png); background-repeat: no-repeat; background-size: 80px 80px; z-index: 1; } */
.campaign-sub.funding .intro .info-wrap { margin-top: 106px; width: 100%; height: 710px; }
.campaign-sub.funding .intro .info-wrap .txt-area { position: absolute; top: 112px; left: 0; max-width: 440px; width: 100%; }
.campaign-sub.funding .intro .info-wrap .txt-area > strong { font-size: 52px; font-weight: 700; color: #334155; line-height: 1.2; }
.campaign-sub.funding .intro .info-wrap .txt-area > p { font-size: 20px; font-weight: 500; color: #334155; line-height: 1.5; margin-top: 27px; }
.campaign-sub.funding .intro .info-wrap .info-image { width: 100%; height: 100%; background-image: url(../img/campaign/bg_crwdfund.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.campaign-sub.funding .intro .calligraphy-area { max-width: 1071px; width: 100%; margin: 0 auto; padding: 106px 70px 55px; }
.campaign-sub.funding .intro .calligraphy-area > img { width: 100%; }
.campaign-sub.funding .intro .faq-area { width: 100%; background-color: #F3F4F6; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; padding: 75px 0 115px; }
.campaign-sub.funding .intro .faq-area .title { display: flex; align-items: center; gap: 80px; margin-bottom: 80px; }
.campaign-sub.funding .intro .faq-area .title > strong { position: relative; display: block; font-family: 'Poppins', 'pretendard', sans-serif; font-size: 80px; font-weight: bold; color: #D41616; line-height: 1.2; letter-spacing: -8px; width: 262px; text-align: right; }
.campaign-sub.funding .intro .faq-area .title > strong::after { content: ""; display: block; width: 100%; height: 2px; background-color: #D41616; position: absolute; bottom: 0; right: 0; }
.campaign-sub.funding .intro .faq-area .title > p { font-size: 24px; color: #000; line-height: 1.2; }
.campaign-sub.funding .intro .faq-area .title > p > strong { font-weight: bold; }
.campaign-sub.funding .intro .faq-area .contents { display: flex; justify-content: flex-end; padding-left: 20px; padding-right: 114px; }
.campaign-sub.funding .intro .faq-area .contents > ul { max-width: 879px; width: 100%; }
.campaign-sub.funding .intro .faq-area .contents > ul > li { display: flex; align-items: flex-start; gap: 30px; }
.campaign-sub.funding .intro .faq-area .contents > ul > li + li { margin-top: 45px; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq { position: relative; width: 50px; height: 50px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq::before,
.campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq::after { content: ""; display: block; background-color: #D41616; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq::before { width: 18px; height: 6px; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq::after { width: 6px; height: 18px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq.active:after { display: none; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .faq { width: 100%; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .question { font-size: 18px; font-weight: bold; color: #1E293B; line-height: 1.4; display: flex; align-items: center; gap: 15px; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .question > span { display: block; font-size: 30px; font-weight: bold; color: #111827; line-height: 1.2; font-family: 'Poppins', 'pretendard', sans-serif; }
.campaign-sub.funding .intro .faq-area .contents > ul > li .answer { display: none; background-color: #fff; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; padding: 33px 46px; font-size: 16px; color: #475569; line-height: 1.5; margin-top: 23px; }
.campaign-sub.funding .intro .notice { margin-top: 100px; }
.campaign-sub.funding .intro .notice > strong { display: block; font-size: 32px; font-weight: 800; color: #1F2937; line-height: 1.8; margin-bottom: 24px; }
.campaign-sub.funding .intro .notice .table-wrap { overflow-x: auto; }
.campaign-sub.funding .intro .notice .table-wrap > table { min-width: 1024px; width: 100%; }
.campaign-sub.funding .intro .notice .table-wrap > table thead > tr > th { font-size: 20px; font-weight: bold; color: #323232; border: 1px solid #D1D5DB; border-right: unset; padding: 16px 0 15px; }
.campaign-sub.funding .intro .notice .table-wrap > table thead > tr > th:first-child { border-top-left-radius: 20px; }
.campaign-sub.funding .intro .notice .table-wrap > table thead > tr > th:last-child { border-top-right-radius: 20px; border-right: 1px solid #D1D5DB; }
.campaign-sub.funding .intro .notice .table-wrap > table tbody > tr > td { font-size: 18px; color: #475569; line-height: 1.2; text-align: center; border-left: 1px solid #D1D5DB; border-bottom: 1px solid #D1D5DB; padding: 18px 0; }
.campaign-sub.funding .intro .notice .table-wrap > table tbody > tr > td:first-child { border-bottom-left-radius: 20px; }
.campaign-sub.funding .intro .notice .table-wrap > table tbody > tr > td:last-child { border-bottom-right-radius: 20px; border-right: 1px solid #D1D5DB; }
.campaign-sub.funding .intro .notice .table-wrap > p { font-size: 13px; color: #64748B; line-height: 1.3; margin-top: 11px; }

.campaign-sub.funding .info .system-list { display: flex; gap: 32px; }
.campaign-sub.funding .info .system-list li { position: relative; max-width: 310px; width: 25%; background-color: #F3F4F6; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; padding: 40px 48px; padding-bottom: 10.65%; }
.campaign-sub.funding .info .system-list li .desc { padding-bottom: 20px; }
.campaign-sub.funding .info .system-list li .desc p > span { display: block; font-size: 13px; color: #0891B2; margin-top: 12px; }
.campaign-sub.funding .info .system-list li .desc p > span.sub-info { color: #1f2937; font-size: 15px; margin: 0px 0px 2px 10px; }
.campaign-sub.funding .info .system-list li .icon { position: absolute; bottom: 40px; max-width: 80px; width: 100%; padding: 9px 12px; background-color: #fff; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.campaign-sub.funding .info .info-wrap { width: 100%; margin-top: 32px; background-color: #F3F4F6; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; padding: 40px 48px 120px; }
.campaign-sub.funding .info .info-wrap .list-wrap { margin-top: 80px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; margin-left: 46px; }
.campaign-sub.funding .info .info-wrap .list-wrap ul { display: flex; align-items: center; gap: 24px; }
.campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse { flex-direction: row-reverse; }
.campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse li:first-child::after { top: -10px; right: unset; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
.campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse li::after { transform: scale(-1) translateY(-50%); -webkit-transform: scale(-1) translateY(-50%); -moz-transform: scale(-1) translateY(-50%); -ms-transform: scale(-1) translateY(-50%); -o-transform: scale(-1) translateY(-50%); }
.campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse li:last-child::before { content: ""; display: block; width: 37px; height: 7px; background-image: url(../img/campaign/icon_crwdfund_arrow.svg); background-repeat: no-repeat; position: absolute; bottom: -22px; transform: scaleX(-1) rotate(90deg); -webkit-transform: scaleX(-1) rotate(90deg); -moz-transform: scaleX(-1) rotate(90deg); -ms-transform: scaleX(-1) rotate(90deg); -o-transform: scaleX(-1) rotate(90deg); z-index: 1; }
.campaign-sub.funding .info .info-wrap .list-wrap ul li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; width: 180px; height: 180px; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; padding: 0 13px; }
.campaign-sub.funding .info .info-wrap .list-wrap ul li:after { content: ""; display: block; width: 37px; height: 7px; background-image: url(../img/campaign/icon_crwdfund_arrow.svg); background-repeat: no-repeat; position: absolute; top: 50%; right: -37px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1; }
.campaign-sub.funding .info .info-wrap .list-wrap ul:not(.felx-reverse) li:last-child::after { display: none; }
.campaign-sub.funding .info .info-wrap .list-wrap ul li strong { display: block; font-size: 16px; font-weight: 700; color: #DC2626; margin-bottom: 4px; }
.campaign-sub.funding .info .info-wrap .list-wrap ul li p { font-size: 13px; color: #475569; }
.campaign-sub.funding .info .info-wrap [class*="flex-con"] { display: flex; justify-content: space-between; max-width: 1185px; width: 100%; margin: 120px auto 0; }
.campaign-sub.funding .info .info-wrap [class*="flex-con"] > p { font-size: 24px; font-weight: 800; position: relative; padding-left: 11px; padding-right: 24px; }
.campaign-sub.funding .info .info-wrap [class*="flex-con"] > p::before { content: ""; display: inline-block; width: 3px; height: 22px; background-color: #DC2626; position: absolute; top: 6px; left: 0; }
.campaign-sub.funding .info .info-wrap [class*="flex-con"] > div { max-width: 961px; width: 100%; }
.campaign-sub.funding .info .info-wrap [class*="flex-con"] ul { display: flex; align-items: center; max-width: 961px; width: 100%; }
.campaign-sub.funding .info .info-wrap .flex-con-1 ul { flex-wrap: wrap; row-gap: 12px; }
.campaign-sub.funding .info .info-wrap .flex-con-1 ul li { font-size: 18px; font-weight: 500; width: 50%; position: relative; padding-left: 42px; }
.campaign-sub.funding .info .info-wrap .flex-con-1 ul li::before { content: ""; display: block; width: 32px; height: 32px; background-image: url(../img/campaign/icon_crwdfund_check.png); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; top: -2px; left: 0; }
.campaign-sub.funding .info .info-wrap .flex-con-1 ul li > span { font-weight: 700; }
.campaign-sub.funding .info .info-wrap .flex-con-1 > div > span { display: block; margin-top: 24px; }
.campaign-sub.funding .info .info-wrap .flex-con-1 > div > span > span { display: block; font-size: 13px; color: #64748B; }
.campaign-sub.funding .info .info-wrap .flex-con-1 > div > span > span + span { margin-top: 8px; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul { gap: 32px; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul li { width: 50%; height: 338px; border-radius: 24px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; display: flex; flex-direction: column; gap: 24px; justify-content: center; align-items: center; padding: 40px 65px 40px; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul li p { font-size: 24px; font-weight: 800; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul li .icon { width: 132px; height: 132px; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul li span { text-align: center; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul li:first-child { background-color: #fff; }
.campaign-sub.funding .info .info-wrap .flex-con-2 ul li:last-child { background-color: #D41616; color: #fff; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul { align-items: flex-start; gap: 32px; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul li { width: 50%; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul li p { display: inline-block; padding: 7px 20px; background-color: #fff; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; font-size: 18px; font-weight: 700; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul li p > span { color: #DC2626; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul li > span { position: relative; display: block; font-size: 15px; color: #475569; margin-top: 20px; padding-left: 12px; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul li > span::before { content: ""; display: block; width: 4px; height: 4px; background-color: #475569; position: absolute; top: 9px; left: 0; }
.campaign-sub.funding .info .info-wrap .flex-con-3 ul li > span + span { margin-top: 10px; }
.campaign-sub.funding .info .info-wrap .flex-con-4 > div > p { font-size: 18px; font-weight: 700; color: #000; margin-bottom: 4px; }
.campaign-sub.funding .info .info-wrap .flex-con-4 address { font-style: normal; }
.campaign-sub.funding .info .info-wrap .flex-con-4 address a { font-size: 15px; color: #475569; }

.campaign-sub.funding .apply form > span { position: relative; display: block; font-size: 15px; color: #D41616; text-align: right; margin-bottom: 4px; }
.campaign-sub.funding .apply form > span::before { content: ""; display: block; width: 4px; height: 4px; background-color: #D41616; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; top: 50%; right: 129px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.campaign-sub.funding .apply form > div + div { position: relative; margin-top: 40px; }
.campaign-sub.funding .apply form label { font-size: 20px; font-weight: 700; }
.campaign-sub.funding .apply form label + span { font-size: 14px; color: #64748B; }

.campaign-sub.funding .apply form .esntl::after { content: ""; display: inline-block; width: 4px; height: 4px; background-color: #D41616; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; vertical-align: text-top; margin-left: 3px; }

.campaign-sub.funding .apply form input,
.campaign-sub.funding .apply form textarea { display: block; margin-top: 10px; width: 100%; border: 1px solid #CBD5E1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; font-size: 18px; padding: 18px 20px; }
.campaign-sub.funding .apply form input:focus { border: 1px solid #475569; outline: none; }

.campaign-sub.funding .apply form textarea::-webkit-scrollbar { display: none; }

.campaign-sub.funding .apply form p { font-size: 20px; font-weight: 700; }
.campaign-sub.funding .apply form .select-btn { display: block; width: 100%; border: 1px solid #CBD5E1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; text-align: left; padding: 18px 20px; margin-top: 10px; font-size: 18px; font-weight: 500; color: #9CA3AF; background-image: url(../img/campaign/icon_crwdfund_dropdown.svg); background-repeat: no-repeat; background-position: right 12px center; }
.campaign-sub.funding .apply form .ui-select { width: 100%; height: 60px; border: 1px solid #CBD5E1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; margin-top: 10px; }
.campaign-sub.funding .apply form .ui-select > select { position: absolute; width: 100%; height: 60px; border: none; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; background: url(../img/campaign/icon_crwdfund_dropdown.svg) no-repeat right 12px center; padding: 18px 20px; font-size: 18px; }
.campaign-sub.funding .apply form .ui-select > button { height: 100%; border: none; font-size: 18px; color: #9CA3AF; font-weight: 500; padding: 0 20px; background-color: transparent; text-indent: -9999px; overflow: hidden; }
.campaign-sub.funding .apply form .ui-select > button::after { display: none; }
/* .campaign-sub.funding .apply form .ui-select { display: none; position: absolute; top: 105px; width: 100%; background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; z-index: 1; padding: 6px; } */
.campaign-sub.funding .apply form .ui-select .ui-select-opts { padding: 6px; }
.campaign-sub.funding .apply form .ui-select .ui-select-opt { height: 36px; color: #1E293B; padding: 8px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.campaign-sub.funding .apply form .ui-select .ui-select-opt.selected { font-weight: 700; color: #DC2626; }
.campaign-sub.funding .apply form .ui-select .ui-select-opt:hover { font-weight: 700; background-color: #F7F8F9; }
.campaign-sub.funding .apply form .ui-select .ui-select-wrap.ui-scrollbar { top: 65px; box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.15); border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; z-index: 1; padding: 6px; border: none; overflow-x: hidden; }

.campaign-sub.funding .apply form input { height: 60px; }

.campaign-sub.funding .apply form textarea { min-height: 110px; }

.campaign-sub.funding .apply form input::placeholder,
.campaign-sub.funding .apply form textarea::placeholder { font-size: 18px; font-weight: 500; color: #9CA3AF; }

.campaign-sub.funding .apply form .half { display: flex; gap: 32px; }
.campaign-sub.funding .apply form .half > div { position: relative; width: 100%; }
.campaign-sub.funding .apply form input.wcalc { display: inline-block; width: calc(100% - 29px); margin-right: 10px; }
.campaign-sub.funding .apply form .date-wrap label::after { display: none; }
.campaign-sub.funding .apply form .date-wrap .input-wrap { display: flex; align-items: center; max-width: 318px; width: 100%; border: 1px solid #CBD5E1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 18px 20px; margin-top: 10px; }
.campaign-sub.funding .apply form .date-wrap .input-wrap > div { position: relative; }
/* .campaign-sub.funding .apply form .date-wrap .input-wrap > div:last-child { width: 141px; } */
.campaign-sub.funding .apply form .date-wrap .input-wrap > div > label { display: block; width: 0; height: 0; }
.campaign-sub.funding .apply form .date-wrap .input-wrap span { padding: 0 16px; font-weight: 600; }
.campaign-sub.funding .apply form .date-wrap .input-wrap input { border: none !important; display: inline-block; padding: 0; margin-top: 0; width: 101px !important; height: 25px; }
.campaign-sub.funding .apply form .date-wrap .input-wrap .ui-datepicker-trigger { position: absolute; right: -36px; top: 0; }
.campaign-sub.funding .apply form .date-wrap .input-wrap > div:first-of-type .ui-datepicker-trigger { opacity: 0; }
/* .campaign-sub.funding .apply form .date-wrap .input-wrap input:last-child { background-image: url(../img/campaign/icon_crwdfund_calendar.svg); background-repeat: no-repeat; background-position: right center; }
.campaign-sub.funding .apply form .date-wrap .input-wrap input::-webkit-clear-button,
.campaign-sub.funding .apply form .date-wrap .input-wrap input::-webkit-inner-spin-button { display: none; }
.campaign-sub.funding .apply form .date-wrap .input-wrap input::-webkit-calendar-picker-indicator { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; color: transparent; cursor: pointer; } */
.campaign-sub.funding .apply form .txt { font-size: 18px; font-weight: 600; vertical-align: sub; }
.campaign-sub.funding .apply form .desc { display: block; font-size: 13px; color: #64748B; margin-top: 10px; }

.campaign-sub.funding .apply .cert-area { display: flex; margin-top: 10px; }
.campaign-sub.funding .apply .cert-area .cert-info { display: flex; }
.campaign-sub.funding .apply .captcha-wrap .captcha-img-wrap { position: relative; display: inline-block; width: 186px; height: 57px; border: 1px solid #CBD5E1; border-radius: 8px; overflow: hidden; flex-shrink: 0; }
.campaign-sub.funding .apply .captcha-wrap .captcha-img-wrap > img { position: absolute; width: 100%; height: 100%; object-fit: cover;}
.campaign-sub.funding .apply .cert-area .cert-btn-wrap { display: flex; flex-direction: column; gap: 4px; margin: 0 20px 0 8px; }
.campaign-sub.funding .apply .cert-area .cert-btn-wrap > button { width: 28px; height: 28px; }
.campaign-sub.funding .apply .cert-area input { max-width: 308px; width: 100%; margin-top: 0; }
.campaign-sub.funding .apply .btn-wrap { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 80px; text-align: center; }
.campaign-sub.funding .apply .btn-wrap button { max-width: 198px; width: 100%; height: 72px; line-height: 72px; border-radius: 76px; -webkit-border-radius: 76px; -moz-border-radius: 76px; -ms-border-radius: 76px; -o-border-radius: 76px; font-size: 20px; font-weight: 700; }
.campaign-sub.funding .apply .btn-wrap .btn-cancel { border: 1px solid #CBD5E1; color: #0F172A; }
.campaign-sub.funding .apply .btn-wrap .btn-apply { background-color: #D41616; color: #fff; }

.campaign-sub.funding .apply .error_message { display: none; font-size: 13px; font-weight: 400; color: #DC2626; margin-top: 8px; }
.campaign-sub.funding .apply .error_message::before { content: ""; display: inline-block; width: 14px; height: 14px; background-image: url(../img/common/icon_error.svg); background-repeat: no-repeat; background-size: contain; margin-right: 4px; vertical-align: middle; }

/* 크라우드 펀딩 댓글 수정하기 */
.campaign-sub.reply { position: unset; background: linear-gradient(180deg, #E3EAEC 30%, #EFF1F1 59%); }
.campaign-sub.reply h2 { font-size: 38px; font-weight: 700; color: #111827; line-height: 1.25; text-align: center; }
.campaign-sub.reply .reply-wrap { padding: 50px 66px 62px 70px; border: 1px solid #E5E7EB; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; margin-top: 47px; background-color: #fff; }
.campaign-sub.reply .reply-list { margin-top: 0; }
.campaign-sub.reply .reply-list input { height: 60px; }
.campaign-sub.reply .reply-list input:focus { outline: none; }
.campaign-sub.reply .reply-list input,
.campaign-sub.reply .reply-list textarea { width: 100%; border: 1px solid #CBD5E1; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; padding: 17px 20px 18px; font-size: 18px; }
.campaign-sub.reply .reply-list input::placeholder,
.campaign-sub.reply .reply-list textarea::placeholder { font-size: 18px; font-weight: 500; color: #9CA3AF; }
.campaign-sub.reply .reply-list .half-wrap { display: flex; align-items: center; gap: 32px; margin-bottom: 48px; }
.campaign-sub.reply .reply-list .half-wrap > div { width: 100%; }
.campaign-sub.reply .reply-list .half-wrap label > span,
.campaign-sub.reply .reply-list p { display: block; font-size: 20px; font-weight: 700; margin-bottom: 10px; color: #1F2937; }
.campaign-sub.reply .reply-wrap .btn-area { margin-top: 25px; display: flex; align-items: center; gap: 16px; justify-content: center; }
.campaign-sub.reply .reply-wrap .btn-area > button { width: 198px; height: 72px; border-radius: 76px; -webkit-border-radius: 76px; -moz-border-radius: 76px; -ms-border-radius: 76px; -o-border-radius: 76px; background-color: #D41616; color: #fff; font-size: 20px; font-weight: 600; text-align: center; }
.campaign-sub.reply .reply-wrap .btn-area > button#btnList { width: 288px; border: 1px solid #CBD5E1; background-color: #fff; color: #0F172A; }

/* 나플나플 챌린지 */
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

.challenge { font-family: 'HGGGothicssiP', 'NanumSquare', 'Apple SD 산돌고딕 Neo', sans-serif; position: relative; overflow-x: hidden; }
.challenge .headline-wrap { position: relative; width: 100%; background-image: url(../img/campaign/challenge/bg_headline.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; }
.challenge .headline-wrap .headline { position: relative; max-width: 1170px; width: 100%; margin-left: auto; margin-right: auto; }
.challenge .headline-wrap .headline .date-wrap { position: absolute; bottom: 12%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); max-width: 266px; width: 100% }
.challenge .headline-wrap .headline .date-wrap p { font-size: 24px; color: #fff; font-weight: 600; max-width: 314px; width: 100%; margin: 0 auto; }
.challenge .headline-wrap .headline .date-wrap p > span { color: #00e2dd; font-weight: 800; }
.challenge .headline-wrap .headline .date-wrap p > span::after { content: ""; display: inline-block; width: 4px; height: 22px; background-color: #00e2dd; vertical-align: middle; margin: 0 14px 0 5px; }
.challenge .container { max-width: 1218px; width: 100%; padding-left: 24px; padding-right: 24px; margin-left: auto; margin-right: auto; text-align: center; }
.challenge .section-1 { padding: 50px 0 125px; }
.challenge .section-1 p { font-size: 38px; color: #f22254; font-weight: 800; line-height: 1.2; }
.challenge .section-1 .title { font-size: 44px; line-height: 1.3; }
.challenge .section-1 .title > span { display: inline-block; height: 46px; line-height: 56px; background-color: #f22254; color: #fff; }
.challenge .section-1 .shorts-wrap { margin-top: 65px; max-width: 1010px; margin-left: auto; margin-right: auto; }
.challenge .section-1 .shorts-wrap li { max-width: 245px; width: 100%; height: 436px; border: 1px solid rgba(0,0,0,.15); }
.challenge .section-1 .shorts-wrap li + li { margin-left: 10px; }
.challenge .section-1 .shorts-wrap .slick-prev, .challenge .section-1 .shorts-wrap .slick-next { width: 50px; height: 50px; background-repeat: no-repeat; background-size: contain; background-position: center; }
.challenge .section-1 .shorts-wrap .slick-prev { background-image: url(../img/campaign/challenge/icon_prev.png); left: -68px; }
.challenge .section-1 .shorts-wrap .slick-next { background-image: url(../img/campaign/challenge/icon_next.png); right: -60px; }
.challenge .section-1 .slick-prev:before, .challenge .section-1 .slick-next:before { display: none; }
.challenge .section-1 .shorts-wrap .slide { position: relative; }
.challenge .section-1 .shorts-wrap .slide .gap { position: absolute; top: 55%; left: 50%; width: 100%; height: 69%; z-index: 10; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.challenge .section-1 .shorts-wrap .slide iframe { position: relative; z-index: 2; max-width: 100%; width: 100%; height: 100%; }

.challenge .text-box { width: 100%; background-color: #f22254; text-align: center; }

.challenge .section-2 { padding: 107px 0 109px; background-color: #0025f4; }
.challenge .how-wrap { padding: 107px 0 60px; }
.challenge .how-wrap > li { position: relative; max-width: 782px; width: 100%; margin-left: auto; margin-right: auto; }
.challenge .how-wrap > li + li { margin-top: 140px; }
.challenge .how-wrap > li + li::before { content: ""; display: block; width: 50px; height: 23px; background-image: url(../img/campaign/challenge/icon_arrow.png); background-repeat: no-repeat; background-size: contain; position: absolute; top: -94px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.challenge .how-wrap > li .how-area .order { width: 148px; height: 50px; line-height: 54px; background-color: #00e2dd; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; font-size: 39px; font-weight: 800; color: #0025f4; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); z-index: 1; }
.challenge .how-wrap > li .how-area ul > li { position: relative; text-align: left; font-family: 'Nanum Gothic', sans-serif; font-size: 22px; font-weight: bold; color: #0f259c; letter-spacing: -1.1px; padding-left: 24px; line-height: 1.2; }
.challenge .how-wrap > li .how-area ul > li::before { content: "▶"; display: inline-block; font-size: 18px; color: #0025f4; position: absolute; top: 2px; left: 0; }
.challenge .how-wrap > li .how-area ul > li + li { margin-top: 12px; }
.challenge .how-wrap > li .how-area ul > li .highlight { background-color: #f8ff15; }
.challenge .how-wrap > li .how-area .required { max-width: 417px; width: 100%; padding: 16px 20px; background-color: #ccf9f8; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; text-align: left; font-size: 19px; font-weight: 800; color: #0025f4; margin-top: 25px; line-height: 1.3; }
.challenge .how-wrap > li .how-area .required > span { display: block; color: #001796; line-height: 1.2; margin-bottom: 7px; font-weight: 900; }

.challenge .section-2 .how-wrap > li .how-area { position: relative; width: 100%; margin: 0 0 0 auto; border: 6px solid #00e2dd; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; background-color: #fff; padding: 46px 12px 40px; }
.challenge .section-2 .how-wrap > li:last-child .image-area { left: -13px; }
.challenge .section-2 .how-wrap > li:last-child .how-area { padding-bottom: 21px; }
.challenge .section-2 .how-wrap > li .deco-arrow { position: absolute; right: -34px; top: 120px; }
.challenge .section-2 .how-wrap > li .image-area { position: absolute; z-index: 1; bottom: -8px; left: 0; }
.challenge .section-2 .how-wrap > li .how-area > div { padding-left: 310px; }
.challenge .section-2 .btn-more { display: block; max-width: 640px; width: 100%; margin: 0 auto; }

.challenge .section-3 { background-color: #0065e2; padding: 123px 0 102px; }
.challenge .section-3 .award-list { display: flex; gap: 22px; row-gap: 41px; flex-wrap: wrap; justify-content: center; max-width: 770px; width: 100%; margin-top: 52px; margin-left: auto; margin-right: auto; }
.challenge .section-3 .award-list li { width: calc(33.333% - 22px); }

.challenge .floating-banner { position: absolute; top: 0; width: 100%; background-color: #f22959; z-index: 1; }
.challenge .floating-banner a { display: block; padding: 50px 24px; color: #fff; font-size: 60px; font-weight: 800; text-align: center; }
.challenge .floating-banner a::after { content: ""; display: inline-block; width: 71px; height: 71px; background-image: url(../img/campaign/challenge/btn_arrow.png); background-repeat: no-repeat; background-size: contain; margin-left: 33px; vertical-align: middle; }
.challenge .floating-banner a:hover { color: #fff !important; }

.challenge .section-4 { position: relative; background-image: url(../img/campaign/challenge/bg_sec04.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding-top: 108px; padding-bottom: 32%; }
.challenge .section-4 .container { text-align: left; margin-top: 279px; }
.challenge .section-4 .headline { text-align: center; }
.challenge .section-4 .txt-area { display: inline-block; text-align: left; padding-top: 73px; margin-left: 11%; max-width: 514px; width: 100%; }
.challenge .section-4 .txt-area > p { font-size: 43px; font-weight: 800; color: #fff;line-height: 1.35; }
.challenge .section-4 .txt-area > p > span { display: block; font-size: 38px; }
.challenge .section-4 .txt-area > span { display: inline-block; font-size: 32px; font-weight: 800; color: #fff; background-color: #f22959; border-radius: 32px; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; -o-border-radius: 32px; margin: 29px 0 18px; max-width: 439px; width: 100%; height: 51px; line-height: 57px; text-align: center; }
.challenge .section-4 .txt-area .info { display: flex; gap: 15px; }
.challenge .section-4 .txt-area .info p { position: relative; font-size: 32px; font-weight: 600; color: #fff; padding-top: 25px; line-height: 1.2; }
.challenge .section-4 .txt-area .info > p > strong { font-weight: 800; font-size: 38px; line-height: 1.2; }
.challenge .section-4 .txt-area .info > p > span { font-size: 18px; position: absolute; bottom: 0; right: 0; width: 120%; }

.challenge .section-5 { background-color: #6800c8; padding: 125px 0 80px; }
.challenge .section-5 .how-wrap > li { display: flex; gap: 18px; align-items: center; position: relative; width: 100%; border: 6px solid #00e2dd; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; background-color: #fff; padding: 46px 12px 30px; }
.challenge .section-5 .how-wrap > li:first-child { padding-top: 0; padding-bottom: 0; }
/* .challenge .section-5 .how-wrap > li { display: flex; gap: 20px; max-width: 784px; padding: 46px 12px 40px; } */
.challenge .section-5 .how-wrap > li:first-child .how-area { padding: 50px 0 30px; }
.challenge .section-5 .how-wrap > li .how-area .order { color: #6800c8; }
.challenge .section-5 .how-wrap > li .how-area .desc { display: block; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; font-weight: bold; color: #828181; margin-top: 60px; letter-spacing: -1.1px; text-align: left; line-height: 1.2; }

.challenge .section-6 { padding: 100px 0 75px; font-family: 'NanumSquare', sans-serif; }
.challenge .section-6 .fund-wrap { padding: 80px 0 23px; }
.challenge .section-6 [class*="funding-"] { display: flex; align-items: center; justify-content: center; margin-bottom: 67px; }
.challenge .section-6 [class*="funding-"] .info-area { position: relative; width: 500px; height: 381px; display: flex; flex-direction: column; justify-content: space-between; }
.challenge .section-6 [class*="funding-"] .info-area p { font-size: 28px; font-weight: 800; color: #2f2f2f; line-height: 1.3; margin-bottom: 8px; }
.challenge .section-6 [class*="funding-"] .info-area span { display: block; font-size: 20px; font-weight: 400; color: #2f2f2f; line-height: 1.3; }
/* .challenge .section-6 [class*="funding-"] .info-area .fund-bg { position: absolute; top: 0; left: 0; } */
.challenge .section-6 [class*="funding-"] .graph-area { border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; text-align: left; background-image: url(../img/campaign/challenge/bg_arrow.png); background-repeat: no-repeat; background-position: bottom 39px right 30px; max-width: 467px; width: 100%; }
.challenge .section-6 [class*="funding-"] .graph-area > a { display: block; width: 100%; height: 100%; padding: 24px 31px 50px 35px; }
.challenge .section-6 [class*="funding-"] .graph-area .state { display: inline-block; padding: 0 19px; font-size: 22px; font-weight: 900; background-color: #fff; border-radius: 17px; -webkit-border-radius: 17px; -moz-border-radius: 17px; -ms-border-radius: 17px; -o-border-radius: 17px; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con { display: flex; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .graph { position: relative; display: block; margin-top: 26px; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .graph > canvas { width: 100% !important; height: auto !important; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .graph > .data-wrap { position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); text-align: center; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .graph .percent { display: block; font-size: 60px; font-weight: 900; line-height: 1; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .num { font-size: 22px; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box { margin-top: -22px; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box > span > span { display: block; font-size: 24px; font-weight: 900; color: #fff; text-align: right; }
.challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box > span > .txt { font-size: 22px; }

/* .challenge .section-6 .funding-1 .info-area { background-image: url(../img/campaign/challenge/bg_fund_box01.png); background-position: center bottom 10px; } */
.challenge .section-6 .funding-1 .info-area .image-area { position: relative; z-index: -1; }
.challenge .section-6 .funding-1 .info-area .image-area > img { width: 100%; height: 100%; margin-left: 20px; }
.challenge .section-6 .funding-1 .graph-area { background-color: #6600ff; }
.challenge .section-6 .funding-1 .graph-area .state { color: #6600ff; }
.challenge .section-6 .funding-1 .graph-area .flex-con .percent,
.challenge .section-6 .funding-1 .graph-area .flex-con .num { color: #00e2dd; }
.challenge .section-6 .funding-1 .graph-area .flex-con .goal-box > span .txt { color: #9e88ff; }

/* .challenge .section-6 .funding-2 .info-area { background-image: url(../img/campaign/challenge/bg_fund_box02.png); background-position: left -4px bottom; background-size: 78%; } */
.challenge .section-6 .funding-2 .info-area > div:first-child { max-width: 350px; width: 100%; margin-left: auto; margin-right: auto; padding-left: 17%; }
.challenge .section-6 .funding-2 .info-area .image-area { position: absolute; top: 0; left: -5px; width: 100%; height: 100%; z-index: -1; }
.challenge .section-6 .funding-2 .info-area .image-area > img { position: absolute; bottom: -30px; left: 0; }
.challenge .section-6 .funding-2 .graph-area { background-color: #9e00ef; }
.challenge .section-6 .funding-2 .graph-area .state { color: #9e00ef; }
.challenge .section-6 .funding-2 .graph-area .flex-con .percent,
.challenge .section-6 .funding-2 .graph-area .flex-con .num { color: #ffc560; }
.challenge .section-6 .funding-2 .graph-area .flex-con .goal-box > span .txt { color: #ca63ff; }

.challenge .section-6 .btn-more { display: block; max-width: 520px; width: 100%; margin: 0 auto; }

.challenge .notice-wrap { background-color: #222222; padding: 97px 0 113px; font-family: 'NanumSquare', sans-serif; color: #fff; }
.challenge .notice-wrap strong { display: block; font-size: 24px; font-weight: 800; text-align: left; }
.challenge .notice-wrap strong::before { content: ""; display: inline-block; width: 30px; height: 30px; background-image: url(../img/campaign/challenge/icon_notice.png); background-repeat: no-repeat; margin-right: 10px; vertical-align: middle; }
.challenge .notice-wrap p { font-size: 20px; font-weight: 500; margin-top: 18px; text-align: left; }

/***************** 크라우드펀딩 상세페이지 *****************/
.page-overlay{display: block;width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;background-color: rgba(0,0,0,.5);opacity: 0;pointer-events: none;transition: opacity .3s;}
.page-overlay.active{opacity:1;pointer-events:auto}.iframe{width:100vw;min-height:100vh}
.bottom-bar-wrap{position:fixed;bottom:-80px;width:100%;height:80px;display:flex;justify-content:center;z-index:100;background-color:#000;transition:bottom .3s}
.bottom-bar-wrap.show{bottom:0px}
.bottom-bar-wrap>.bottom-bar{width:100%;max-width:1336px;margin:0 auto;background-color:#1a1e27;line-height:0;display:flex}
.bottom-bar-wrap>.bottom-bar .list-area > button, .btn-bottom-donate, #btn-bottom-apply{ display:flex; width:100%; height:100%; font-weight:bold; align-items:center; justify-content:center; color:#fff; background-color:rgba(0,0,0,0); border-left:solid #3f5269 1px; cursor:pointer; transition:all .25s; -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; font-size: 16px; }#btn-bottom-apply{border-right: solid #3f5269 1px;}
.bottom-bar-wrap>.bottom-bar .list-area > button:hover, #btn-bottom-apply:hover{background-color:#000; color: #fff !important;}
.bottom-bar-wrap>.bottom-bar .list-area > button span{font-weight:bold}
.bottom-bar-wrap>.bottom-bar:nth-child(2){border-left:solid #d1d5db 1px}
.bottom-bar-wrap>.bottom-bar img{max-width:100%}
.list-bar-wrap{ position:fixed; left: 0; bottom:-100%; width:100%; height:330px; z-index:1; transition:bottom .3s; -webkit-transition:bottom .3s; -moz-transition:bottom .3s; -ms-transition:bottom .3s; -o-transition:bottom .3s; background-color: #1A1E27;}
.list-bar-wrap.active{bottom:0}
.list-bar-wrap .list-bar{max-width: 1642px; width: 100%; height:100%;margin: 0 auto;position: relative; padding: 0 24px; }
.list-bar-wrap .list-bar-container .list-bar-list{width: 100%; height: 100%; display:flex;align-items: center; position:relative;overflow: visible;}
.list-bar-wrap .list-bar .list-bar-container::before,
.list-bar-wrap .list-bar .list-bar-container::after{content:"";display:block;position:absolute;width:150px;height:100%;z-index: 2;}
.list-bar-wrap .list-bar .list-bar-container::before{left:0;top:0;background:linear-gradient(90deg, #1A1E27 0%, rgba(26, 30, 39, 0) 100%);}
.list-bar-wrap .list-bar .list-bar-container::after{right:-1px;top:0;background:linear-gradient(90deg, rgba(26, 30, 39, 0) 0%, #1A1E27 100%);}
.list-bar-wrap .list-bar-card{width:214px;height:250px;margin:0 8px}
.list-bar-wrap .list-bar-card .thumb-wrap{display: block;width:100%;height:150px;overflow:hidden;border-radius:16px;position:relative;flex-shrink:0;background-image: url(../img/campaign/cmpgn_fund/img_thumb.png);}
.list-bar-wrap .list-bar-card .card-body{display: block;width:100%;padding-top:22px}
.list-bar-wrap .list-bar-card .card-body span{display:block;color:#fff}
.list-bar-wrap .list-bar-card .card-body .category{width:100%;font-size:14px;margin-bottom: 14px;}
.list-bar-wrap .list-bar-card .card-body .title{font-size:16px;font-weight:bold;word-break:keep-all;line-height:1.3em}
.list-bar-wrap .list-bar-card > a.selected .thumb-wrap::before{ content:""; display:block; width:98%; height:98%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.5); border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border: 2px solid #FF2949; z-index: 1;}
.list-bar-wrap .list-bar-card > a.selected .thumb-wrap::after{content:"";display:block;width:48px;height:48px;position:absolute;margin:auto;top:0;left:0;right:0;bottom:0;background-image:url(../img/campaign/list_card_selected.svg); z-index: 1;}
.list-bar-wrap .list-bar-card > a.selected .card-body span{color:#fff}

.list-bar-wrap .list-bar .btn-list-close { width: 36px; height: 36px; position: absolute; top: -56px; right: 50px; z-index: 2; border: 1px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.list-bar-wrap .list-bar .btn-list-close > span { display: block; width: 15px; height: 2px; background-color: #fff; border-radius: 50px; -webkit-border-radius: 50px; position: absolute; left: 50%; top: 50%; }
.list-bar-wrap .list-bar .btn-list-close > span:first-child { transform: rotate(45deg) translate(-6px, 4px); -webkit-transform: rotate(45deg) translate(-6px, 4px); -moz-transform: rotate(45deg) translate(-6px, 4px); -ms-transform: rotate(45deg) translate(-6px, 4px); -o-transform: rotate(45deg) translate(-6px, 4px); }
.list-bar-wrap .list-bar .btn-list-close > span:last-child { transform: rotate(-45deg) translate(-4px, -6px); -webkit-transform: rotate(-45deg) translate(-4px, -6px); -moz-transform: rotate(-45deg) translate(-4px, -6px); -ms-transform: rotate(-45deg) translate(-4px, -6px); -o-transform: rotate(-45deg) translate(-4px, -6px); }

/* .swiper>.swiper-button-prev svg,
.swiper .swiper-button-next svg{width:24px;height:24px} */

.list-bar-container [class*="list-button-"] { top:40%; }
.list-bar-container .list-button-prev { left: -20px; }
.list-bar-container .list-button-next { right: -20px; }

.list-bar-container [class*="list-button-"],
.end-funding [class*="article-button-"] { display:flex; width:40px; height:40px; border-radius:50%; position:absolute; margin:auto; top:50%; transform: translateY(-50%); background-color:#111827; filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)); justify-content:center; align-items:center; cursor:pointer; -webkit-filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2)); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 3; background-repeat: no-repeat; background-position: center; background-size: 9px 14px; }
.end-funding [class*="article-button-"] { top: 64%; background-color:#fff; }

.end-funding .article-button-prev { background-image: url(../img/campaign/icon_article_prev.svg); }
.end-funding .article-button-next { background-image: url(../img/campaign/icon_article_next.svg); }
.end-funding .article-button-prev { left: 3px; }
.end-funding .article-button-next { right: 28px; }

.list-bar-container .list-button-prev { background-image: url(../img/campaign/icon_more_prev.svg); }
.list-bar-container .list-button-next { background-image: url(../img/campaign/icon_more_next.svg); }

.list-bar-wrap .list-bar .list-bar-container { width: 100%; height: 100%; position: relative; }
.list-bar-wrap .list-bar .swiper-wrapper .slick-track { display: flex; align-items: center;}
.list-bar-wrap .list-bar .list-bar-card a { display: block; width: 100%; height: 100%; text-align: left; }
.list-bar-wrap .list-bar .list-bar-card .thumb-wrap { position: relative; display: block; }
.list-bar-wrap .list-bar .list-bar-card .thumb-wrap > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* .list-bar-wrap .list-bar .list-bar-card:nth-child(1) .thumb-wrap { background-image: url(../img/campaign/cmpgn_fund/thumbnail_cf_01.png); }
.list-bar-wrap .list-bar .list-bar-card:nth-child(2n) .thumb-wrap { background-image: url(../img/campaign/cmpgn_fund/thumbnail_cf_02.png); }
.list-bar-wrap .list-bar .list-bar-card:nth-child(3n) .thumb-wrap { background-image: url(../img/campaign/cmpgn_fund/thumbnail_cf_03.png); }
.list-bar-wrap .list-bar .list-bar-card:nth-child(5n) .thumb-wrap { background-image: url(../img/campaign/cmpgn_fund/thumbnail_cf_05.png); } */
.swiper-wrapper .slick-prev { left: 20px; }
.swiper-wrapper .slick-next { right: 20px; }

/* slick-prev, slick-next */
.swiper-wrapper .slick-prev, .swiper-wrapper .slick-next { width: 40px; height: 40px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25); background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 9px 14px; z-index: 1; }
.swiper-wrapper .slick-prev { background-image: url(../img/campaign/icon_more_left.svg); }
.swiper-wrapper .slick-next { background-image: url(../img/campaign/icon_more.svg); }
.swiper-wrapper .slick-prev:before, .swiper-wrapper .slick-next:before { content: ""; }

.bottom-bar-wrap .bottom-bar .list-area { width: 100%; height: 100%; position: relative; }
.bottom-bar-wrap .bottom-bar .share-list { opacity: 0; width: 290px; height: 64px; background-color: #fff; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; position: absolute; top: -80px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 36px; box-shadow: 5px 5px 5px rgb(0 0 0 / 20%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.bottom-bar-wrap .bottom-bar .share-list::after { content: ""; display: block; width: 0px; height: 0px; border-top: 18px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.bottom-bar-wrap .bottom-bar .share-list.active { opacity: 1; }
.bottom-bar-wrap .bottom-bar .share-list li { width: 24px; height: 24px; }
.bottom-bar .icon-img { margin-right: 10px; width: 24px; height: 24px; }
.bottom-bar .icon-img > img { width: 100%; }

.section-fin { background-color: #ECF1F1; }
.section-fin .article { padding-top: 150px; padding-bottom: 155px; }
.section-fin .article .con-box { display: flex; justify-content: space-between; margin-bottom: 24px; background-color: #fff; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border: 1px solid #E5E7EB; }
.section-fin .article .con-box p { font-size: 18px; font-weight: bold; color: #1F2937; margin-bottom: 12px; line-height: 1.1; }
.section-fin .article .con-box .red { color: #B91C1C !important; font-weight: bold; }
.section-fin .article .con-box > div + div { border-left: 1px solid #E5E7EB; }
.section-fin .article .con-box.box1 > div { width: 33.333%; padding-top: 48px; padding-bottom: 35px; padding-left: 48px; padding-right: 33px; }
.section-fin .article .con-box.box1 .box-1 { display: flex; align-items: center; padding-top: 35px; }
.section-fin .article .con-box .box-1 .image-wrap { width: 100px; height: 100px; margin-right: 20px; flex-shrink: 0; }
.section-fin .article .con-box .box-1 .desc-wrap span { font-size: 20px; color: #1F2937; word-break: break-all; }
.section-fin .article .con-box .box-2 strong { display: inline-block; font-size: 28px; color: #1F2937; font-weight: 700; }
.section-fin .article .con-box .box-3 { display: flex; flex-direction: column; }
.section-fin .article .con-box .box-3 > div { display: flex; flex-wrap: wrap; }
.section-fin .article .con-box .box-3 .goal span { font-size: 18px; color: #1F2937;  line-height: 1.1; }
.section-fin .article .con-box .box-3 .total span { font-size: 20px; color: #6B7280; }
.section-fin .article .con-box .box-3 .total .red { font-size: 28px; }

.section-fin .article .con-box.box2 > div { width: 50%; padding-top: 49px; padding-bottom: 58px; }
.section-fin .article .con-box.box2 .title-wrap { padding-left: 67px; padding-right: 57px; }
.section-fin .article .con-box.box2 .title-wrap strong { font-size: 38px; color: #111827; line-height: 1.25; font-weight: 700; }
.section-fin .article .con-box.box2 .desc-wrap { padding-left: 49px; padding-right: 71px; }
.section-fin .article .con-box.box2 .desc-wrap p { font-size: 18px; font-weight: bold; color: #1F2937; }
.section-fin .article .con-box.box2 .desc-wrap span { font-size: 18px; color: #1F2937; }
.section-fin .article .table-wrap { background-color: #fff; border-radius: 16px;  -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; padding: 67px 64px 79px 67px; border: 1px solid #E5E7EB; }
.section-fin .article .table-wrap table { border-spacing: 0 20px; }
.section-fin .article .table-wrap tr { margin-bottom: 24px; }
.section-fin .article .table-wrap td { padding: 0 12px; }
.section-fin .article .table-wrap td.user { position: relative; word-break: break-all; font-size: 16px; font-weight: bold; color: #1F2937; min-width: 91px; padding-left: 32px; }
.section-fin .article .table-wrap td.user::before { content: ""; display: inline-block; width: 24px; height: 24px; background-image: url(../img/campaign/icon_user.png); background-repeat: no-repeat; background-position: center; background-size: 20px 20px; position: absolute; left: 0; }
.section-fin .article .table-wrap td.date { font-size: 14px; color: #6B7280; }
.section-fin .article .table-wrap td.comment { font-size: 20px; color: #1F2937; }
.section-fin .article .table-wrap td.btn { padding: 0 2px; }
.section-fin .article .table-wrap td.btn button { width: 82px; height: 36px; border: 1px solid #D1D5DB; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; font-size: 16px; color: #4B5563; display: flex; align-items: center; justify-content: center; }
.section-fin .article .table-wrap td.btn button::before { content: ""; display: inline-block; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; margin-right: 4px; }
.section-fin .article .table-wrap td.btn.edit button::before { background-image: url(../img/campaign/icon_edit.png); background-size: 13px 13px; }
.section-fin .article .table-wrap td.btn.delete button::before { background-image: url(../img/campaign/icon_delete.png); background-size: 12px 13px; }
.end-funding { background-color: #fff; padding-top: 120px; padding-bottom: 159px; }
.end-funding .article-list { gap: unset; }
.end-funding h4.campaign-title { font-size: 32px; font-weight: 800; color: #1F2937; display: inline-block; margin-bottom: 64px; padding-left: 16px; }
.end-funding .more-btn { float: right; width: 116px; height: 48px; line-height: 46px; text-align: center; border: 1px solid #D1D5DB; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; font-size: 16px; font-weight: 600; color: #000; transition: all .2s; -webkit-transition: all .2s; -moz-transition: all .2s; -ms-transition: all .2s; -o-transition: all .2s; margin-right: 16px; }
.end-funding .more-btn::after { content: ""; display: inline-block; width: 12px; height: 12px; margin-left: 8px; background-image: url(../img/campaign/icon_plus.svg); background-repeat: no-repeat; background-size: 12px 12px; }
.end-funding .swiper { width: 100%; height: 100%; position: relative; overflow: hidden; padding: 0 16px; }
.end-funding .article-list.swiper-wrapper { flex-wrap: nowrap; }
.end-funding .article-list li { width: 310px !important; margin-bottom: 0; flex-shrink: 0; margin-right: 24px; }

.end-funding .slick-prev { left: 2px; }
.end-funding .slick-next { right: 2px; }

.back-wrap { position: fixed; z-index: -1; background: linear-gradient(180deg, #EFF2F2 0%, #FFFFFF 100%); width: 100%; height: 100%; }

@media all and (max-width: 1280px){
    .article-list.four li { width: calc(33.333% - 22px); }
}

@media all and (max-width: 1024px){
    .pc-hidden { display: block !important; }
    .mo-hidden { display: none !important; }

    .big-card-inner { margin-left: 0; }
    .big-card-item { width: 320px !important; height: 392px; margin-right: 24px; }
    .big-card-item.type-1 .title-wrap { top: 30px; left: 32px; }
    .big-card-item.type-1 .title-wrap h2 { font-size: 40px; }
    .campaign-section-1 .btn-card-more { width: 40px; height: 40px; justify-content: center; text-indent: -9999px; overflow: hidden; bottom: 17px; right: 16px; padding: 0 }
    .campaign-section-1 .btn-card-more::after { width: 24px; height: 24px; background-size: 9px 14px; }

    .big-card-item.type-2 .hashtag-wrap { left: 24px; }
    .big-card-item.type-2 .hashtag-wrap span:nth-child(n+3) { display: none; }

    .big-card-item.type-3 > a::before { height: 218px; }
    .big-card-item.type-3 .title-wrap { top: 30px; left: 32px; }
    .big-card-item.type-3 .title-wrap .sub-title { font-size: 14px; margin-bottom: 4px; }
    .big-card-item.type-3 .title-wrap .title { font-size: 32px; }
    .big-card-item.type-3 .gauge-wrap { max-width: 290px; bottom: 23px; padding: 13px 17px 7px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
    .big-card-item.type-3 .gauge-wrap .gauge { height: 6px; }
    .big-card-item.type-3 .gauge-wrap .gauge i .percent { width: 48px; height: 48px; line-height: 48px; font-size: 12px; }
    .big-card-item.type-3 .gauge-wrap .gauge i .percent .percent-data { font-size: 16px; }
    .big-card-item.type-3 .gauge-wrap .txt-wrap { margin-top: 5px; }
    .big-card-item.type-3 .gauge-wrap .txt-wrap .present,
    .big-card-item.type-3 .gauge-wrap .txt-wrap .goal { font-size: 12px; }

    .campaign-section-2 .headline-wrap { max-width: 380px; }
    .campaign-section-2 .headline-wrap h3.reveal-text { font-size: 28px; }

    .campaign-wrap .cmpgn-all-banner { padding-top: 50px; padding-bottom: 60px; background-position: right 10% center; background-size: 500px; }
    .campaign-wrap .cmpgn-all-banner .txt-wrap { gap: 50px; padding: 0 28px; }
    .campaign-wrap .cmpgn-all-banner .txt-wrap p { font-size: 40px; }

    .article-list > .title-wrap { margin-bottom: 60px; }
    .article-list h4 { font-size: 24px; }
    .article-list.three li { width: calc(50% - 16px); }
    .article-list.four li { width: calc(50% - 16px); }

    .campaign-section-4 h4 { font-size: 32px; }
    .campaign-section-4 > .title-wrap { margin-bottom: 41px; }

    .menu-nav { display: none; }


    /***************** article-list(종료된 펀딩 페이지) *****************/
    .article-list.three .campaign-desc { padding: 24px 32px 32px 32px; }
    .article-list.three .campaign-desc .title { height: 52px; font-size: 20px; }
    .article-list.three .campaign-desc .txt { font-size: 14px; }
    .campaign-wrap.list h2 { font-size: 28px; }
    .campaign-wrap.list .article-list { padding-top: 48px; }

    /* 열매이슈 */
    .campaign-sub.support { padding-top: 72px; }
    .campaign-sub.support .section-1 { padding-top: 48px; }
    .campaign-sub.support .section-1 .tab-container { margin-top: 71px; height: 75vh; }
    .campaign-sub.support .section-1 .tab-menu { gap: 32px; }
    .campaign-sub.support .section-1 .tab-menu button { font-size: 18px; }
    .campaign-sub.support .section-1 .content-box { padding-top: 29px; padding-right: 20px; padding-left: 20px; padding-bottom: 32px; }
    .campaign-sub.support .section-1 .content-box .top-area > span { font-size: 16px; }
    .campaign-sub.support .section-1 .content-box > .content-area {flex-direction: column; gap: 32px; }
    .campaign-sub.support .section-1 .content-box .content-area::after { display: none; max-width: 100%; }
    .campaign-sub.support .section-1 .content-box .content-area .visual-area { max-width: 100%; }
    .campaign-sub.support .section-1 .content-box .content-area .visual-area > a { padding-bottom: 54%; min-height: auto; }
    .campaign-sub.support .section-1 .content-box::before { height: 34px; top: -33px; }
    .campaign-sub.support .section-1 .content-box::after { height: 34px; top: -33px; }
    .campaign-sub.support .section-1 .content-box .top-area { margin-bottom: 16px; }
    .campaign-sub.support .section-1 .content-box .top-area p { font-size: 20px; }
    .campaign-sub.support .section-1 .content-box .top-area p > span { width: 32px; height: 32px; }
    .campaign-sub.support .section-1 .content-box .content-area .txt-box { left: 21px; bottom: 20px; width: calc(100% - 42px); }
    .campaign-sub.support .section-1 .content-box .content-area .txt-box .title { font-size: 18px; white-space: normal; line-height: 1.2; text-align: left; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .campaign-sub.support .section-1 .content-box .content-area .txt-box .sub-title { font-size: 15px; }
    .campaign-sub.support .section-1 .content-box .top-area a { text-indent: -9999px; overflow: hidden; }
    .campaign-sub.support .section-1 .content-box .top-area a::after { width: 28px; height: 28px; margin-left: 0; }
    .campaign-sub.support .section-1 .content-box .content-area .txt-box .tag-wrap { display: none; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area { max-width: 100%; height: 220px; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .title { font-size: 18px; margin-bottom: 4px; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .sub-title { font-size: 14px; white-space: normal; line-height: 1.2; text-align: left; word-wrap: break-word; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .tag-wrap { padding-top: 10px; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .tag-wrap > span { font-size: 13px; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .image-wrap { width: 109px; height: 102px; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area > ul > li > a { gap: 16px; justify-content: space-between; padding: 20px 0; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .desc-wrap { width: 58%; }

    .campaign-sub.support .section-1 .content-box.blog .top-area > span { left: -50px}
    .campaign-sub.support .section-1 .content-box.facebook .top-area > span { top: -52px; }

    .campaign-sub.support .section-2 { flex-direction: column; padding-bottom: 80px; gap: 80px; }
    .campaign-sub.support .section-2 .top-area { margin-bottom: 16px; }
    .campaign-sub.support .section-2 .top-area p { font-size: 24px; }
    .campaign-sub.support .section-2 .top-area p::after { bottom: 7px; right: -18px; }
    .campaign-sub.support .section-2 .top-area a { width: 28px; height: 28px; }
    .campaign-sub.support .section-2 .video-wrap { width: 100%; }
    .campaign-sub.support .section-2 .video-content .txt-wrap > span { font-size: 6.2vw; }
    .campaign-sub.support .section-2 .video-content .txt-wrap > span:last-child { width: 10.3vw; height: 40px; margin: 8px auto 0; }
    .campaign-sub.support .section-2 .funding-wrap { max-width: 100%; }
    .campaign-sub.support .section-2 .funding-wrap .top-area { padding-bottom: 16px; }
    .campaign-sub.support .section-2 .funding-content a { padding: 28px 0; }
    .campaign-sub.support .section-2 .funding-content span { margin-bottom: 32px; font-size: 32px; }

    .campaign-sub.support .section-3 { padding-top: 40px; padding-bottom: 60px; }
    .campaign-sub.support .section-3 .headline { min-width: 195px; width: 305px; height: auto; margin: 0 auto; }
    .campaign-sub.support .section-3 [class*='container-box'] { margin-bottom: 24px; padding-top: 24px; padding-bottom: 48px; }
    .campaign-sub.support .section-3 [class*='container-box'] .question { flex-direction: column; margin-bottom: 24px; gap: 13px; }
    .campaign-sub.support .section-3 [class*='container-box'] .question .num { width: 33px; margin-right: 0; }
    .campaign-sub.support .section-3 .container-box-1 .answer, .campaign-sub.support .section-3 .container-box-2 .answer { font-size: 24px; }
    .campaign-sub.support .section-3 .container-box-3 { padding-bottom: 90px; }
    .campaign-sub.support .section-3 .container-box-3 .answer-box { padding: 28px 0; }
    .campaign-sub.support .section-3 .container-box-3 .answer-box ul li { font-size: 20px; }
    .campaign-sub.support .section-3 .container-box-3 .answer-box ul li::before { width: 20px; height: 20px; }
    .campaign-sub.support .section-3 .container-box-3 .answer-box ul li + li { margin-top: 16px; }
    .campaign-sub.support .section-3 .container-box-4 ul { flex-direction: column; gap: 24px; }
    .campaign-sub.support .section-3 .container-box-4 .answer-box > p { margin-top: 24px; }

    .campaign-sub.support .section-3 .container-box-5 .answer-box ul { display: flex; align-items: center; justify-content: center; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box ul li { max-width: 280px; width: 100%; margin: 0 auto; padding-left: 14px; padding-right: 14px; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box::before,
    .campaign-sub.support .section-3 .container-box-5 .answer-box .txt-box::after { display: none;}
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap { flex-direction: column; padding-top: 24px; gap: 24px; max-width: 100%; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap::before { display: none; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li { max-width: 236px; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li::before, .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li::after { display: none; }

    .campaign-sub.support .section-3 .container-box-1 .deco01 { width: 106px; height: 118px; top: -107px; left: 0; }
    .campaign-sub.support .section-3 .container-box-3 .deco02 { width: 80px; height: 84px; top: -50px; right: -40px; }
    .campaign-sub.support .section-3 .container-box-5 .deco03 { width: 150px; height: 180px; right: -20px; bottom: -76px; }
    .campaign-sub.support .section-3 .container-box-6 .deco04 { width: 120px; height: 126px; bottom: -88px; left: -40px; }

    .campaign-sub.support .section-3 .container-box-6 .answer-box ul { gap: 14px; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box .num { font-size: 16px; margin-bottom: 8px; }

    /* 착착착나눔캠페인 */
    .campaign-sub.nice .visual-wrap { padding-top: 56px; }
    .campaign-sub.nice .visual-wrap .default-wrap { flex-direction: column; align-items: center; background-position: bottom center; }
    .campaign-sub.nice .visual-wrap .headline { max-width: 314px; width: 100%; padding: 0 20px; }
    .campaign-sub.nice .visual-wrap .image-area { max-width: 409px; width: 100%; margin-top: 28px; padding: 0 20px; }
    .campaign-sub.nice .section-1 { padding: 80px 0 60px; }
    .campaign-sub.nice .section-1 .headline > img:first-of-type { width: 500px; margin: 0 auto; }
    .campaign-sub.nice .section-1 .headline > p { font-size: 28px; }
    .campaign-sub.nice .section-1 .headline > p > span { display: block; padding-left: 0; }
    .campaign-sub.nice .section-1 .txt-box { max-width: 550px; width: 100%; margin: 0 auto; font-size: 18px; line-height: 1.4; }
    .campaign-sub.nice .section-1 .content-wrap { flex-direction: column; gap: 112px; padding-top: 70px; }
    .campaign-sub.nice .section-1 .content-wrap .image-area > p { font-size: 40px; margin-bottom: 24px; }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap { max-width: 100%; text-align: center; }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap::before { width: 240px; height: 80px; background-image: url(../img/campaign/nicecmpgn2024/img_line_mo.png); top: -96px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] + [class*='list-'] { margin-top: 24px; }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > p { font-size: 54px; line-height: 1.0; margin-bottom: 16px; }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > ul > li > p { font-size: 18px; }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > ul > li > ul { display: flex; flex-direction: column; align-items: center; justify-content: center; }
    .campaign-sub.nice .section-1 .content-wrap .list-wrap [class*='list-'] > ul > li > ul > li { font-size: 14px; }
    .campaign-sub.nice .section-2 { padding: 60px 0; }
    .campaign-sub.nice .section-2 .default-wrap { flex-direction: column; align-items: center; gap: 40px; }
    .campaign-sub.nice .section-2 .title-wrap { text-align: center; padding-top: 0; }
    .campaign-sub.nice .section-2 .title-wrap strong { font-size: 24px; margin-bottom: 24px; }
    .campaign-sub.nice .section-2 .title-wrap strong > span { font-size: 50px; }
    .campaign-sub.nice .section-2 .title-wrap p { font-size: 20px; line-height: 1.3; }
    .campaign-sub.nice .section-3 strong { font-size: 24px; }
    .campaign-sub.nice .section-3 .title-wrap { font-size: 18px; flex-direction: column-reverse; }
    .campaign-sub.nice .section-3 .title-wrap .tit { text-align: center; }

    .campaign-sub.nice .section-3 .list-wrap { margin-top: 100px; gap: 24px; flex-direction: column; align-items: center; flex-wrap: nowrap; }
    .campaign-sub.nice .section-3 .icon-list { gap: 24px; }
    .campaign-sub.nice .section-3 .icon-list li .icon-wrap { width: 158px; height: 158px; margin: 0 auto 16px; }
    .campaign-sub.nice .section-3 .icon-list li .icon-wrap > img { width: 80px; }
    .campaign-sub.nice .section-3 .icon-list li:nth-child(2) .icon-wrap > img { width: 58px; }
    .campaign-sub.nice .section-3 .icon-list li p,
    .campaign-sub.nice .section-3 .icon-list li p + span,
    .campaign-sub.nice .section-3 .icon-list li p + a { font-size: 18px; }
    .campaign-sub.nice .section-3 .table-title { margin-top: 62px; font-size: 22px; font-weight: 800; margin-bottom: 32px; text-align: center; }
    .campaign-sub.nice .section-3 table thead .title { display: none; }
    .campaign-sub.nice .section-3 .table-desc { margin-top: 19px; text-align: left; line-height: 1.6; }
    .campaign-sub.nice .section-4 { padding: 74px 0 46px; }
    .campaign-sub.nice .section-4 .title-wrap { margin-bottom: 36px; }
    .campaign-sub.nice .section-4 .title-wrap p { font-size: 24px; }
    .campaign-sub.nice .section-4 .title-wrap strong { line-height: 1.2;}
    .campaign-sub.nice .section-4 .list-wrap { flex-wrap: wrap; }
    .campaign-sub.nice .section-4 .list-wrap li { width: calc(50% - 20px) }

    /* 크라우드 펀딩 */
    .campaign-sub.funding .headline-wrap { margin-bottom: 60px; }
    .campaign-sub.funding .headline-wrap h3 > strong { font-size: 40px; }
    .campaign-sub.funding .headline-wrap p { font-size: 16px; }
    .campaign-sub.funding .tab-content { margin-top: 60px; }
    .campaign-sub.funding .tab-content .sub-title { font-size: 28px; }

    .campaign-sub.funding .all .all-wrap { padding-top: 60px; padding-bottom: 60px; margin-bottom: -120px; border-top-left-radius: 50px; border-top-right-radius: 50px; }
    .campaign-sub.funding .all .filter-wrap { margin-bottom: 40px; }
    .campaign-sub.funding .all .filter-wrap .filter { flex-direction: column; gap: 24px; align-items: flex-start; }
    .campaign-sub.funding .all .filter-wrap .filter p { font-size: 16px; }
    .campaign-sub.funding .all .filter-wrap .filter p::after { display: none; }
    .campaign-sub.funding .all .filter-list { gap: 12px; }
    .filter-list > .filter-item label { font-size: 14px; padding: 12px 24px; }
    .filter-list > .filter-item label::before { width: 16px; height: 16px; margin-right: 8px }


    .campaign-sub.funding .intro .info-wrap { margin-top: 0; height: auto; }
    .campaign-sub.funding .intro .info-wrap .txt-area { position: static; max-width: 100%; background-color: #E1EAF0; padding: 62px 44px;}
    .campaign-sub.funding .intro .info-wrap .txt-area > strong { font-size: 24px; }
    .campaign-sub.funding .intro .info-wrap .txt-area > p { font-size: 16px; }
    .campaign-sub.funding .intro .info-wrap .info-image { height: 315px; background-position: center right; }
    .campaign-sub.funding .intro .calligraphy-area { max-width: 640px; padding: 65px 0; }
    .campaign-sub.funding .intro .faq-area { padding: 39px 20px 79px; }
    .campaign-sub.funding .intro .faq-area .title { flex-direction: column; gap: 20px; margin-bottom: 111px; }
    .campaign-sub.funding .intro .faq-area .title > strong { width: 100%; font-size: 60px; letter-spacing: -6px; text-align: center; }
    .campaign-sub.funding .intro .faq-area .title > strong::after { width: 62px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); }
    .campaign-sub.funding .intro .faq-area .title > p { text-align: center; }
    .campaign-sub.funding .intro .faq-area .contents { justify-content: center; padding: 0; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li { position: relative; flex-direction: row-reverse; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li + li { margin-top: 50px; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq { position: absolute; top: 0; right: 0; width: 32px; height: 32px; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq::before { width: 14px; height: 5px; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li .btn-faq::after { width: 5px; height: 14px; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li .question { flex-direction: column; align-items: flex-start; gap: 9px; }
    .campaign-sub.funding .intro .faq-area .contents > ul > li .answer { padding: 22px 20px 31px; margin-top: 26px; }
    .campaign-sub.funding .intro .notice { margin-top: 56px; }
    .campaign-sub.funding .intro .notice > strong { font-size: 28px; line-height: 1.2; }

    .campaign-sub.funding .info .system-list { flex-direction: column; }
    .campaign-sub.funding .info .system-list li { max-width: 100%; width: 100%; padding: 40px 28px; padding-bottom: 40px 44px 43px; }
    .campaign-sub.funding .info .system-list li .desc { padding-bottom: 48px; }
    .campaign-sub.funding .info .system-list li .icon { position: static; }
    .campaign-sub.funding .info .info-wrap { margin-top: 40px; padding: 40px 30px 71px; }
    .campaign-sub.funding .info .info-wrap .list-wrap { margin-top: 30px; margin-left: 0; }
    .campaign-sub.funding .info .info-wrap .list-wrap ul { flex-direction: column; }
    .campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse { flex-direction: column-reverse; }
    .campaign-sub.funding .info .info-wrap .list-wrap ul li:after { top: unset; bottom: -40px; left: 41%; transform: rotate(90deg) translateX(-50%); -webkit-transform: rotate(90deg) translateX(-50%); -moz-transform: rotate(90deg) translateX(-50%); -ms-transform: rotate(90deg) translateX(-50%); -o-transform: rotate(90deg) translateX(-50%); }
    .campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse li:last-child::before { top: -10px; bottom: unset; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }
    .campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse li::after { transform: scale(-1) rotate(-90deg); -webkit-transform: scale(-1) rotate(-90deg); -moz-transform: scale(-1) rotate(-90deg); -ms-transform: scale(-1) rotate(-90deg); -o-transform: scale(-1) rotate(-90deg); bottom: -22px; }
    .campaign-sub.funding .info .info-wrap .list-wrap ul.felx-reverse li:first-child::after { top: unset; }
    .campaign-sub.funding .info .info-wrap [class*="flex-con"] { flex-direction: column; gap: 30px; margin: 65px auto 0; }
    .campaign-sub.funding .info .info-wrap [class*="flex-con"] > p { font-size: 22px; }
    .campaign-sub.funding .info .info-wrap [class*="flex-con"] ul { flex-direction: column; }
    .campaign-sub.funding .info .info-wrap .flex-con-1 ul { align-items: flex-start; }
    .campaign-sub.funding .info .info-wrap .flex-con-1 ul li { width: 100%; font-size: 16px; }
    .campaign-sub.funding .info .info-wrap .flex-con-1 > div > span { margin-top: 32px; }
    .campaign-sub.funding .info .info-wrap .flex-con-2 ul li { width: 100%; height: auto; padding: 40px 29px 40px; }
    .campaign-sub.funding .info .info-wrap .flex-con-2 ul li p { font-size: 22px; }
    .campaign-sub.funding .info .info-wrap .flex-con-3 ul li { width: 100%; }
    .campaign-sub.funding .info .info-wrap .flex-con-3 ul li > span { margin-top: 17px; }
    .campaign-sub.funding .info .info-wrap .flex-con-3 ul li > span + span { margin-top: 20px; }

    .campaign-sub.funding .apply form label { font-size: 18px; }
    .campaign-sub.funding .apply form input, .campaign-sub.funding .apply form textarea { font-size: 16px; }

    /* 크라우드 펀딩 댓글 수정하기 */
    .campaign-sub.reply h2 { font-size: 30px; }
    .campaign-sub.reply .reply-list .half-wrap { flex-direction: column; gap: 42px; margin-bottom: 42px; }
    .campaign-sub.reply .reply-wrap .btn-area { margin-top: 58px; flex-direction: column; gap: 11px; }
    .campaign-sub.reply .reply-wrap .btn-area > button { width: 100%; }
    .campaign-sub.reply .reply-wrap .btn-area > button#btnList { width: 100%; }

    /* 나플나플 챌린지 */
    .challenge .section-4 { padding-bottom: 55%; }

    /***************** 크라우드펀딩 상세페이지 *****************/
    #bsnsCn { padding-top: 56px; }
    .section-fin .article { padding-top: 69px; padding-bottom: 73px; }
    .section-fin .article .con-box { margin-bottom: 16px; flex-wrap: wrap; }
    .section-fin .article .con-box.box1 .box-1 { padding-top: 25px; }
    .section-fin .article .con-box.box1 > div { width: 100%; padding-top: 25px; padding-bottom: 24px; padding-left: 32px; padding-right: 23px; }
    .section-fin .article .con-box > div + div { border-left: none; border-top: 1px solid #E5E7EB; }
    .section-fin .article .con-box .box-1 .image-wrap { width: 70px; height: 70px; }
    .section-fin .article .con-box p { font-size: 16px; margin-bottom: 8px; }
    .section-fin .article .con-box .box-1 .desc-wrap span { font-size: 18px; }
    .section-fin .article .con-box .box-2 strong { font-size: 18px; }
    .section-fin .article .con-box .box-3 .total span { font-size: 18px; }
    .section-fin .article .con-box .box-3 .total .red { font-size: 18px; }

    .section-fin .article .con-box.box2 > div { width: 100%; padding-top: 38px; padding-bottom: 32px; }
    .section-fin .article .con-box.box2 .title-wrap { padding-left: 32px; padding-right: 43px; }
    .section-fin .article .con-box.box2 .title-wrap strong { font-size: 20px; }
    .section-fin .article .con-box.box2 .desc-wrap { padding-left: 32px; padding-right: 28px; padding-top: 24px; padding-bottom: 40px; }
    .section-fin .article .con-box.box2 .desc-wrap p { font-size: 16px; margin-bottom: 16px; }
    .section-fin .article .con-box.box2 .desc-wrap span { font-size: 16px; }

    .section-fin .article .table-wrap { padding: 35px 33px 38px 32px; }
    .section-fin .article .table-wrap colgroup { display: none; }
    .section-fin .article .table-wrap tbody { display: block; }
    .section-fin .article .table-wrap tbody tr { display: block; }
    .section-fin .article .table-wrap tbody tr td:not(.comment) { display: inline-block; }
    .section-fin .article .table-wrap td.user { font-size: 14px; min-width: auto; }
    .section-fin .article .table-wrap td.user::before { width: 16px; height: 16px; background-size: 16px 16px; }
    .section-fin .article .table-wrap td.date { font-size: 12px; }
    .section-fin .article .table-wrap tbody tr td.comment { display: block; font-size: 16px; margin: 12px 0; padding: 0; }
    .section-fin .article .table-wrap td.btn { padding: 0; }
    .section-fin .article .table-wrap td.btn button { width: 74px; height: 32px; font-size: 14px; }

    .end-funding .article-list .campaign-desc .title { height: 46px; font-size: 18px; margin-bottom: 8px; }
    .article-list.swiper-wrapper li + li { margin-left: 24px; }
    .end-funding .article-list.swiper-wrapper li + li { margin-left: 0; }
    .end-funding { padding-top: 44px; padding-bottom: 120px; }
    .end-funding h4.campaign-title { margin-bottom: 52px; font-size: 24px; }
    .end-funding .more-btn { width: 74px; height: 32px; line-height: 32px; font-size: 13px; }
    .end-funding .more-btn::after { width: 8px; height: 9px; background-size: 8px 8px; margin-left: 6px; }

    .bottom-bar-wrap .bottom-bar .share-list { left: 8px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .bottom-bar-wrap .bottom-bar .share-list::after { left: 18px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }

    .section-template-old img { margin-top: 100px; margin-bottom: 78px; }

    .end-funding .article-button-next { right: 5px; }
}

@media all and (max-width: 991px) {
    .campaign-sub.support .section-4 { background-image: url(../img/campaign/spsportcmpgn/bg_support_banner_mo.jpg); padding-bottom: 44.4%; }
    .campaign-sub.support .section-4 .txt-box .sub-title { font-size: 2vw; }
    .campaign-sub.support .section-4 .txt-box p { font-size: 4.4vw; margin-bottom: 28px; }
    .campaign-sub.support .section-4 .txt-box .btn-more { width: 24.9vw; font-size: 2.9vw; }
}

@media all and (max-width: 768px){
    .campaign-sub.support a:hover { color: #fff !important; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li a:hover { color: #111827 !important; }

    .pc-hidden-768 { display: block !important; }

    .campaign-sub.support .headline { max-width: 300px; font-size: 15px; }
    .campaign-sub.support .headline img { max-width: 230px; }

    .article-list li { gap: 24px; }
    .article-list.three li { width: 100%; }
    .article-list.four li { width: 100%; height: auto; }
    .article-list .campaign-desc { padding: 21px 21px 32px 25px; }
    .article-list .campaign-desc .title { height: 46px; font-size: 18px; margin-bottom: 8px; }
    .article-list > .title-wrap { display: flex; justify-content: space-between; }

    .campaign-section-4 { padding-bottom: 100px; }
    .campaign-section-4 > .title-wrap { display: flex; align-items: center; justify-content: space-between; }
    .campaign-section-4 .article-list .slick-track { display: flex; }
    .campaign-section-4 .article-list .slick-list { max-width: 100%; overflow: visible; }
    .campaign-section-4 .article-list.four .slick-slide { margin-right: 24px; }
    .campaign-section-4 .campaign-btn-more.mo { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; }
    .campaign-section-4 .campaign-btn-more.mo > img { width: 12px; }

    .campaign-wrap .cmpgn-all-banner { background-size: 360px; }

    .paging-area.campaign.pc { display: none; }
    .paging-area.campaign.mo { display: block; font-size: 16px; }
    .paging-area.campaign.mo span { color: #6B7280; }
    .paging-area.campaign.mo .paging-item-mo { display: inline-block; width: 32px; color: #6B7280; }
    .paging-area.campaign.mo .paging-item-mo.active { color: #1F2937; font-weight: bold; }

    .campaign-sub.support .section-1 .tab-container { height: 80vh; }
    .campaign-sub.support .section-1 .content-box::before { max-width: 100px; }
    .campaign-sub.support .section-1 .content-box::after { width: 60px; left: 85px; }
    .campaign-sub.support .section-1 .content-box.insta::after { right: 75px; }
    .campaign-sub.support .section-1 .content-box .content-area .txt-box .sub-title { display: none; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area .tag-wrap { display: none; }

    .campaign-sub.support .section-3 .container-box-6 .answer-box ul { max-width: 477px; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box ul li { max-width: 140px; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box .content-area { width: 140px; height: 140px; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box .image { width: 72px; height: 72px; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box .title { font-size: 16px; margin-top: 0; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box .title::after { width: 16px; height: 16px; right: -15px; }

    .campaign-sub.nice .section-1 .headline > img { width: 210px; }
    .campaign-sub.nice .section-1 .headline > img:first-of-type { display: none; }
    .campaign-sub.nice .section-1 .txt-box { max-width: 342px; }
    /* .campaign-sub.nice .visual-wrap .default-wrap { background-size: 100%; background-position: bottom 21% center; } */
    .campaign-sub.nice .section-1 .content-wrap .image-area .image { max-width: 340px; width: 100%; margin: 0 auto; }
    .campaign-sub.nice .section-3 table thead th { font-size: 18px; padding: 0 12px; }
    .campaign-sub.nice .section-4 .list-wrap { gap: 26px; }
    .campaign-sub.nice .section-4 .list-wrap li { width: 100%; }

    .paging-area.campaign .paging-item { margin-right: 0; }

    /* 크라우드 펀딩 */
    .campaign-sub.funding .apply form p { font-size: 18px; }
    .campaign-sub.funding .apply form input::placeholder,
    .campaign-sub.funding .apply form textarea::placeholder { font-size: 16px; }
    .campaign-sub.funding .apply form .half { flex-direction: column; }
    .campaign-sub.funding .apply .captcha-wrap .cert-area { flex-direction: column; gap: 6px; }
    .campaign-sub.funding .apply .cert-area input { max-width: 100%; }
    .campaign-sub.funding .apply .btn-wrap { flex-direction: column-reverse; gap: 10px; margin-top: 40px; }
    .campaign-sub.funding .apply .btn-wrap button { max-width: 100%; height: 57px; line-height: 57px; font-size: 18px; }
    .campaign-sub.funding .apply .btn-wrap .btn-apply { margin-left: 0; }
    .campaign-sub.funding .apply form .date-wrap .input-wrap input { width: 90px !important; }
    .campaign-sub.funding .apply form .date-wrap .input-wrap .ui-datepicker-trigger { width: 20px; height: 20px; right: -32px; top: 3px; }

    /* 나플나플 챌린지 */
    .challenge .headline-wrap { background-image: url(../img/campaign/challenge/bg_headline_mo.jpg); padding-bottom: 215%; }
    .challenge .headline-wrap .headline { position: absolute; top: 43%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); padding-left: 24px; padding-right: 24px; }
    .challenge .headline-wrap h2 { text-align: center; }
    .challenge .headline-wrap .headline .date-wrap { position: static; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; margin: 5px auto 0; }
    .challenge .section-1 { padding: 70px 0 75px;}
    .challenge .section-1 p { font-size: 34px; }
    .challenge .section-1 .title { font-size: 40px; }
    .challenge .section-2 { padding-bottom: 56px; }

    .challenge .how-wrap { padding: 70px 0 33px; }
    .challenge .how-wrap > li .how-area .required { max-width: 100%; }
    .challenge .section-2 .how-wrap > li .how-area { padding: 26px 10px 30px 20px; }
    .challenge .section-2 .how-wrap > li .how-area > div { padding-left: 0; }
    .challenge .section-2 .how-wrap > li .how-area > div,
    .challenge .section-5 .how-wrap > li { flex-direction: column; }
    .challenge .section-5 .how-wrap > li .how-area > div { padding-left: 0; }
    .challenge .section-5 .how-wrap > li .how-area .desc { margin-top: 16px; }
    .challenge .how-wrap > li + li { margin-top: 110px; }
    .challenge .how-wrap > li + li::before { top: -67px; }

    .challenge .section-2 .how-wrap > li .how-area { margin-top: -14px; }
    .challenge .section-2 .how-wrap > li .how-area .order { position: static; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; display: inline-block; margin-bottom: 17px; }
    .challenge .section-2 .how-wrap > li .image-area { padding-left: 40px; position: static; }
    .challenge .section-2 .how-wrap > li .how-area > .flex-reverse { display: flex; flex-direction: column-reverse; gap: 24px; }
    .challenge .section-2 .how-wrap > li .how-area .required { margin-top: 0; }
    .challenge .section-2 .how-wrap > li:last-child .how-area { padding-left: 15px; padding-right: 15px; padding-bottom: 45px; margin-top: -99px; z-index: -1; }
    .challenge .section-2 .how-wrap > li .deco-arrow { display: none; }
    .challenge .section-2 .how-wrap > li:last-child .image-area { padding-left: 0; padding-right: 50px; }

    .challenge .section-3 { padding: 63px 0 94px; }
    .challenge .section-3 .container { padding-left: 0; padding-right: 0; }
    .challenge .section-3 .award-list { margin-top: 43px; }
    .challenge .section-3 .award-list .slick-list { padding-left: 22px !important; }
    .challenge .section-3 .award-list li { width: auto; margin-left: 22px; }

    .challenge .floating-banner a { padding: 39px 24px; font-size: 32px; }
    .challenge .floating-banner a::after { width: 30px; height: 30px; margin-left: 15px; }

    .challenge .section-4 { background-image: url(../img/campaign/challenge/bg_sec04_mo.jpg); padding-top: 123px; padding-bottom: 0; }
    .challenge .section-4 .container { margin-top: 160px; }
    .challenge .section-4 .txt-area { padding-top: 0; margin-left: 0; max-width: 100%; text-align: center; }
    .challenge .section-4 .txt-area > p { font-size: 26px; }
    .challenge .section-4 .txt-area > p > span { font-size: 26px; }
    .challenge .section-4 .txt-area > span { font-size: 24px; max-width: 347px; height: 41px; line-height: 41px; }
    .challenge .section-4 .txt-area .info { flex-direction: column; align-items: center; }
    .challenge .section-4 .txt-area .info > img { max-width: 141px; width: 100%; }
    .challenge .section-4 .txt-area .info p { padding-top: 0; }
    .challenge .section-4 .txt-area .info > p > span { display: block; position: static; width: 100%; margin-top: 16px; margin-bottom: 10px; }
    .challenge .section-4 .img-deco { width: 100%; margin: 0 auto; }

    .challenge .section-5 { padding: 51px 0 35px; }
    .challenge .section-5 .how-wrap > li { padding: 50px 20px 40px; }
    .challenge .section-5 .how-wrap > li:first-child { padding-top: 50px; padding-bottom: 40px; }
    .challenge .section-5 .how-wrap > li:first-child .how-area { padding: 0; }

    .challenge .section-6 { padding: 74px 0 54px; }
    .challenge .section-6 .fund-wrap { padding: 50px 0 0; }
    .challenge .section-6 [class*="funding-"] .info-area { width: 100%; height: auto; gap: 20px; }
    .challenge .section-6 [class*="funding-"] .graph-area { max-width: 100%; width: 100%; }
    .challenge .section-6 [class*="funding-"] .graph-area > a { padding: 24px 21px 77px; }
    .challenge .section-6 [class*="funding-"] .graph-area .flex-con { flex-direction: column; align-items: center; gap: 35px; }
    .challenge .section-6 [class*="funding-"] .graph-area .flex-con .graph { margin-top: 18px; }
    .challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box { width: 100%;  margin-top: 0; }
    .challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box > span { display: block; margin-top: 5px; }
    .challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box > span > span { display: inline-block; }
    .challenge .section-6 [class*="funding-"] .graph-area .flex-con .goal-box > span > .txt { margin-right: 13px; }

    .challenge .section-6 .funding-1 { flex-direction: column; }
    .challenge .section-6 .funding-1 .info-area .image-area { margin-bottom: -12px; }
    .challenge .section-6 .funding-1 .info-area .image-area > img { width: auto; height: auto; margin-left: 4px; }
    .challenge .section-6 .funding-2 { flex-direction: column-reverse; }
    .challenge .section-6 .funding-2 .info-area > div:first-child { padding-left: 0; }
    .challenge .section-6 .funding-2 .info-area .image-area { margin-bottom: -40px; }
    .challenge .section-6 .funding-2 .info-area .image-area,
    .challenge .section-6 .funding-2 .info-area .image-area > img { position: static; }

    .challenge .notice-wrap { padding: 50px 0; }
    .challenge .notice-wrap p { font-size: 16px; }

    /***************** 크라우드펀딩 상세페이지 *****************/
    .end-funding .article-list li { width: 272px !important; }

    .bottom-bar .txt { display: none; }
    .bottom-bar-wrap { height: 60px; bottom: -60px; }
    .bottom-bar .icon-img { width: 16px; height: 16px; margin-right: 6px; }
    .bottom-bar .icon-img.mr0 { margin-right: 0; }
    .bottom-bar-wrap>.bottom-bar .list-area > button span { font-size: 16px; }
    #btn-bottom-apply, .btn-bottom-donate { padding: 0 18px; }

    /* .list-bar-container [class*="list-button-"],
    .end-funding [class*="article-button-"] { display: none !important; } */
    .list-bar-wrap .list-bar .list-bar-container::before, .list-bar-wrap .list-bar .list-bar-container::after { display: none; }
    .list-bar-wrap .list-bar-card { margin: 0 10px; }
    .list-bar-wrap .list-bar .btn-list-close { right: 24px; }
}

@media all and (max-width: 500px){
    .big-card-wrap { width: auto !important; }
    .big-card-item { float: left; }

    .small-card-item { width: 100%; margin-right: 0; }
    .small-card-item:nth-child(n+8) { display: none; }
    .campaign-section-3.active .small-card-item:nth-child(n+8) { display: block; }
    .campaign-section-3.active .campaign-btn-more.mo { display: none; }
    .small-card-item + .small-card-item { margin-top: 24px; }
    .small-card-item .card-image:not(.half)::before { height: 220px; }

    .small-card-item.type-1 { height: auto; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
    .small-card-item.type-1 .card-image { padding-bottom: 123.392%; }
    .small-card-item.type-1 .title-wrap { top: 32px; left: 32px; }
    .small-card-item.type-1 .title-wrap .sub-title { margin-bottom: 8px; }
    .small-card-item.type-1 .title-wrap .title { font-size: 24px; line-height: 1.3; }
    .small-card-item.type-1 .gauge-wrap { left: 12px; bottom: 18px; }
    .small-card-item.type-1 .gauge-wrap .txt-wrap .present, .small-card-item.type-1 .gauge-wrap .txt-wrap .goal { font-size: 13px; }

    .small-card-item.type-2 { width: 100%; height: auto; }
    .small-card-item.type-2 .card-image { width: 100%; height: auto; padding-bottom: 70%; }
    .small-card-item .desc-wrap { padding: 28px 33px 44px 28px; }
    .small-card-item .desc-wrap .title { font-size: 20px; }
    .small-card-item .desc-wrap .gauge { margin-top: 11px; }
    .small-card-item .desc-wrap .txt-wrap .present { font-size: 12px; }
    .small-card-item .desc-wrap .txt-wrap .goal { font-size: 12px; }
    .small-card-item.type-2 .desc-wrap { display: block; position: relative; z-index: 1; padding: 32px 32px 54px 32px; width: 100%; height: auto; }
    .small-card-item.type-2 .desc-wrap .title { font-size: 32px; margin-bottom: 8px; line-height: 1.2 }
    .small-card-item.type-2 .desc-wrap .desc { font-size: 18px; line-height: 1.4; }

    .campaign-section-3 .btn-card-more { width: 40px; height: 40px; justify-content: center; text-indent: -9999px; overflow: hidden; bottom: 24px; right: 24px; padding: 0 }
    .campaign-section-3 .btn-card-more::after { width: 24px; height: 24px; background-size: 9px 14px; }

    .campaign-section-3 .campaign-btn-more.mo { display: flex; align-items: center; justify-content: center; width: 112px; height: 46px; border: 1px solid #D1D5DB; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; background-color: #fff; font-weight: bold; color: #1F2937; font-size: 16px; margin: 42px auto 0; }
    .campaign-section-3 .campaign-btn-more.mo::after { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(../img/campaign/icon_plus.svg); background-repeat: no-repeat; background-size: 14px 14px; background-position: center; margin-left: 8px; }

    .campaign-wrap .cmpgn-all-banner { padding-top: 24px; padding-bottom: 30px; background-size: 230px; }
    .campaign-wrap .cmpgn-all-banner .txt-wrap { gap: 26px; }
    .campaign-wrap .cmpgn-all-banner .txt-wrap p { font-size: 20px; }
    .campaign-wrap .cmpgn-all-banner .txt-wrap .btn-card-more { width: 84px; height: 32px; line-height: 32px; padding: 0 9px 0 14px; font-size: 13px; }
    .campaign-wrap .cmpgn-all-banner .txt-wrap .btn-card-more::after { width: 12px; height: 12px; background-size: 8px 8px; }

    .campaign-sub.support .section-4 { background-image: url(../img/campaign/spsportcmpgn/bg_support_banner_mo2.jpg); padding-bottom: 112%; }

    .campaign-sub.support .section-4 .txt-box .sub-title { font-size: 20px; }
    .campaign-sub.support .section-4 .txt-box p { font-size: 32px; margin-bottom: 28px; }
    .campaign-sub.support .section-4 .txt-box .btn-more { max-width: 247px; width: 100%; font-size: 24px; }

    .campaign-sub.nice .visual-wrap .video-wrap .btn-play { width: 70px; }

    /* .campaign-section-1 .pin-wrap { overflow-x: auto; padding-bottom: 10px; }
    .campaign-section-1 .pin-wrap::-webkit-scrollbar { height: 7px; background-color: transparent; }
    .campaign-section-1 .pin-wrap::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,.3); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } */

    .campaign-section-3 [class*='section-pin'] { height: auto; display: block; }
    /* .big-card-inner .slick-track { display: flex; align-items: center; } */
    .campaign-section-3 { padding: 80px 0 100px; }
    .campaign-section-3 [class*='pin-wrap'] .inner-wrap { display: block; width: 100% !important; }

    /* 크라우드 펀딩 */
    .pc-hidden-500 { display: block; }
    .campaign-sub.funding .tab-wrap button { height: 54px; font-size: 14px; }

    .challenge .floating-banner a { text-align: left; }
}

@media all and (max-width: 414px){
    .campaign-sub.support .section-1 .tab-container { height: 75vh; }

    .campaign-sub.support .section-3 .headline { width: 245px; height: 290px; }
}

@media all and (max-width: 390px){
    .challenge .section-2 .how-wrap > li:last-child .how-area { margin-top: -97px; }
    .challenge .section-4 .txt-area > span { font-size: 6vw; }
    .challenge .section-4 .txt-area .info p { font-size: 8vw; }
    .challenge .section-4 .txt-area .info > p > span { max-width: 210px; margin-left: auto; margin-right: auto; }
}

@media all and (max-width: 375px){
    .small-card-item.type-1 .gauge-wrap .gauge i .percent { width: 36px; height: 36px; line-height: 36px; font-size: 10px; bottom: 16px; right: -15px; }
    .small-card-item.type-1 .gauge-wrap .gauge i .percent .percent-data { font-size: 13px; }

    .campaign-wrap .cmpgn-all-banner .txt-wrap { padding: 0; }

    .campaign-sub.support .section-1 .tab-container { height: 80vh; }
    .campaign-sub.support .section-1 .content-box .content-area .list-area { height: 135px; }

    .campaign-sub.nice .section-3 .icon-list { gap: 10px; }
    .campaign-sub.nice .section-3 .icon-list li p { font-size: 14px; }

    /* 크라우드 펀딩 */
    .campaign-sub.funding .intro .info-wrap .info-image { background-position: center right 11%; }
    .campaign-sub.funding .apply form .date-wrap .input-wrap span { padding: 0 6px; }

    .challenge .section-2 .how-wrap > li:last-child .how-area { margin-top: -92px;}
    .challenge .floating-banner a::after { margin-left: 10px; }

}

@media all and (max-width: 320px){
    .mo-hidden-320 { display: none !important; }
    .big-card-item { width: 260px; height: 318px; }
    .big-card-item.type-1 .title-wrap { top: 26px; left: 28px; }
    .big-card-item.type-1 .title-wrap h2 { font-size: 32px; }

    .big-card-item.type-2 .hashtag-wrap { display: none; }

    .big-card-item.type-3 > a::before { height: 179px; }
    .big-card-item.type-3 .title-wrap { top: 26px; left: 28px; }
    .big-card-item.type-3 .title-wrap .title { font-size: 28px; }
    .big-card-item.type-3 .gauge-wrap { max-width: 212px; bottom: 20px; }

    .campaign-section-1 .btn-card-more { width: 36px; height: 36px; bottom: 18px; right: 20px; }
    .campaign-section-1 .btn-card-more::after { width: 20px; height: 20px; background-size: 7px 10px; }

    .challenge .section-2 .how-wrap > li:last-child .how-area { margin-top: -75px; }
    .challenge .section-6 .funding-2 .info-area { height: 380px; }
}


@media all and (min-width: 768px){
    [class*="card-item"] > a:hover .card-image,
    [class*="card-item"] > a:focus-visible .card-image { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
    [class*="card-item"] > a:hover .btn-card-more,
    [class*="card-item"] > a:focus-visible .btn-card-more { background-color: #1a1e27; color: #fff !important; }
    [class*="card-item"] > a:hover .btn-card-more::after,
    [class*="card-item"] > a:focus-visible .btn-card-more::after { background-image: url(../img/common/icon_more_w.svg);}
    [class*="card-item"] > a:hover .btn-more,
    [class*="card-item"] > a:focus-visible .btn-more { background-color: #1a1e27; color: #fff; }
    [class*="card-item"] > a:hover .btn-more::after,
    [class*="card-item"] > a:focus-visible .btn-more::after { background-image: url(../img/common/icon_more_w.svg);}

    .article-list li > a:hover .campaign-image,
    .article-list li > a:focus-visible .campaign-image { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }

    .paging-area.campaign .paging-item:hover,
    .paging-area.campaign .paging-item:focus-visible { color: #1F2937 !important; }

    /* 열매이슈 */
    .campaign-sub.support a:hover { color: #fff !important; }
    .campaign-sub.support .section-1 .tab-menu button:hover { color: #111827; }
    .campaign-sub.support .section-1 .content-box .content-area .visual-area > a:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
    .campaign-sub.support .section-1 .content-box .content-area .list-area > ul > li > a:hover .image-wrap img { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li a:hover { color: #111827 !important; }
    .campaign-sub.support .section-3 .container-box-5 .answer-box .list-wrap li a:hover .link-btn { border-color: #4148BF; background-color: #4148BF; background-image: url(../img/campaign/spsportcmpgn/icon_more.svg); box-shadow: 0px 8px 14px rgba(17, 24, 39, 0.2); }
    .campaign-sub.support .section-3 .container-box-6 .answer-box ul li > a:hover .num { color: #4148BF; }
    .campaign-sub.support .section-3 .container-box-6 .answer-box ul li > a:hover .content-area { background-color: #F4F5F9; border: 2px solid #4148BF; box-shadow: 0px 10px 20px rgba(17, 24, 39, 0.2); }

    /* 착착착 */
    .campaign-sub.nice .section-4 .list-wrap li a:hover .image-area > span { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
    .campaign-sub.nice .section-4 .list-wrap li a:hover .attend-btn { color: #E30613; }

    /***************** 크라우드펀딩 상세페이지 *****************/
    .end-funding .more-btn:hover,
    .end-funding .more-btn:focus-visible { background-color: #B91C1C; color: #fff !important;   border: 1px solid #B91C1C; }
    .end-funding .more-btn:hover::after,
    .end-funding .more-btn:focus-visible::after { background-image: url(../img/campaign/icon_plus_w.svg); }
}


/***************** 희망2025 나눔캠페인 *****************/
.subpage-new.campaign-2025 { color: #1f2937; font-size: 18px; }
.subpage-new.campaign-2025 .sangju { font-family: 'Sangju Gotgam'; }
.subpage-new.campaign-2025 .campaign-video-wrap { position: relative; height: 0; padding-bottom: 56.25vw; z-index: 1; }
.subpage-new.campaign-2025 .campaign-video { position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); }
.subpage-new.campaign-2025 .campaign-video iframe { width: 100%; height: 100%; }
.subpage-new.campaign-2025 .campaign-intro { position: relative; padding: 144px 0; z-index: 0; }
.subpage-new.campaign-2025 .campaign-intro:before { content: ''; position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translateX(-50%); background-color: #F0F6F9; }
.subpage-new.campaign-2025 .campaign-intro .intro-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.subpage-new.campaign-2025 .campaign-intro .intro-bg:after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 0; padding-bottom: 100%; background-color: #fff; transform: translate(-50%, -50%); border-radius: 50%; box-shadow: inset 0 0 0 261px #FAFCFD; }
.subpage-new.campaign-2025 .campaign-tit { position: relative; margin-bottom: 40px; font-size: 72px; line-height: 1.2; z-index: 1; }
.subpage-new.campaign-2025 .campaign-tit span { color: #D41616; }
.subpage-new.campaign-2025 .campaign-txt { position: relative; z-index: 1; }
.subpage-new.campaign-2025 .campaign-txt > span { display: block; }
.subpage-new.campaign-2025 .campaign-txt em { font-weight: 700; }
.subpage-new.campaign-2025 .campaign-txt + .campaign-txt { margin-top: 28px; }
.subpage-new.campaign-2025 .campaign-link { display: flex; justify-content: center; align-items: center; gap: 24px; max-width: 1108px; margin: auto; margin-top: 80px; border-radius: 30px; background: #D41616; padding: 34px; font-size: 28px; font-weight: 700; color: #fff; line-height: 1; }
.subpage-new.campaign-2025 .campaign-link:hover { color: #fff !important; }
.subpage-new.campaign-2025 .campaign-link:after { content: ''; width: 40px; height: 40px; background-image: url(../img/campaign/btn_more.svg); background-size: contain; }
.subpage-new.campaign-2025 .campaign-img { max-width: 1108px; margin: auto; margin-top: 120px; border-radius: 50px; font-size: 0; overflow: hidden; }
.subpage-new.campaign-2025 .campaign-category { margin-top: 192px; }
.subpage-new.campaign-2025 .campaign-category h3 { width: fit-content; margin: auto; margin-bottom: 80px; font-size: 32px; color: #fff; line-height: 1.2; padding: 32px 88px; background-color: #D41616; border-radius: 120px; }
.subpage-new.campaign-2025 .campaign-category > p { margin-bottom: 40px; font-size: 32px; font-weight: 800; }
.subpage-new.campaign-2025 .campaign-category .category-wrap h4 { margin: auto; margin-bottom: 56px; width: 400px; height: 400px; }
.subpage-new.campaign-2025 .campaign-category .category-item-wrap { display: flex; justify-content: center; }
.subpage-new.campaign-2025 .campaign-category .category-item { font-size: 24px; font-weight: 800; color: var(--category-color); }
.subpage-new.campaign-2025 .campaign-category .category-item .icon { display: flex; justify-content: center; align-items: center; width: 264px; height: 264px; margin-bottom: 24px; background-color: var(--category-color); border-radius: 50%; }
.subpage-new.campaign-2025 .campaign-category .category-item .icon img { max-width: 50%; }
.subpage-new.campaign-2025 .campaign-category .category-item:first-of-type { transform: translate(22.34%, -100%); }
.subpage-new.campaign-2025 .campaign-category .category-item:last-of-type { transform: translate(-22.34%, -100%); }
.subpage-new.campaign-2025 .campaign-category .category-item:nth-of-type(3) { margin-left: 5.838%; }
.subpage-new.campaign-2025 .campaign-category .category-list { max-width: 864px; margin: auto; margin-top: 60px; }
.subpage-new.campaign-2025 .campaign-category .category-list li { display: flex; align-items: center; gap: 40px; font-size: 16px; text-align: left; }
.subpage-new.campaign-2025 .campaign-category .category-list li + li { margin-top: 24px; }
.subpage-new.campaign-2025 .campaign-category .category-list li em { flex-basis: 310px; flex-shrink: 0; line-height: 1.2; padding: 24px 0; font-size: 20px; font-weight: 700; background-color: #6B7280; color: #fff; border-radius: 80px; text-align: center; }
.subpage-new.campaign-2025 .campaign-donation { margin-top: 150px; text-align: left; }
.subpage-new.campaign-2025 .campaign-donation h3 { margin-bottom: 24px; font-size: 32px; }
.subpage-new.campaign-2025 .campaign-donation > p { font-size: 18px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap { margin-top: 80px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap h4 { margin-bottom: 60px; padding: 32px; border-radius: 96px; background-color: #1F2937; font-size: 28px; font-weight: 700; color: #fff; text-align: center; line-height: 1.2 }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a { display: flex; flex-direction: column; min-height: 290px; padding: 38px 32px; border-radius: 15px; border: 1px solid #D4D4D4; line-height: 1.2; background-image: url(../img/campaign/btn_more.svg); background-size: 36px 36px; background-position: right 23px bottom 30px; background-repeat: no-repeat; transition: 0.3s; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover { color: inherit !important; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li h5 { margin-bottom: 18px; color: #1F2937; font-size: 24px; font-weight: 700; transition: 0.3s; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li p { font-size: 14px; color: #6B7280; transition: 0.3s; transform-origin: center left; line-height: 1.6; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li .icon { margin-top: auto; align-self: flex-start; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li .icon.icon-1 { max-width: 80px; margin-bottom: -12px; margin-left: -4px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li .icon.icon-2 { max-width: 80px; margin-bottom: -14px; margin-left: -10px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li .icon.icon-3 { max-width: 60px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover,
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:focus { background-image: url(../img/campaign/btn_more_b.svg); border-color: #D41616; box-shadow: 0px 0px 15px 0px rgba(212, 22, 22, 0.50); }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover h5,
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:focus h5 { color: #D41616; font-size: 32px; }
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover p,
.subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:focus p { color: #1F2937; transform: scale(1.2142); }

@media all and (max-width: 1384px) {
    .subpage-new.campaign-2025 .campaign-intro { padding: 10.4046vw 0; }
    .subpage-new.campaign-2025 .campaign-intro .intro-bg:after { box-shadow: inset 0 0 0 16.9075vw #FAFCFD; }
    .subpage-new.campaign-2025 .campaign-tit { margin-bottom: 2.89vw; font-size: 5.202vw; }
    .subpage-new.campaign-2025 .campaign-txt { font-size: 1.3005vw; }
    .subpage-new.campaign-2025 .campaign-txt + .campaign-txt { margin-top: 2.0231vw; }
    .subpage-new.campaign-2025 .campaign-category h3 { margin-bottom: 5.78vw; padding: 2.312vw 6.358vw; font-size: 2.312vw; }
    .subpage-new.campaign-2025 .campaign-category > p { font-size: 2.312vw; }
    .subpage-new.campaign-2025 .campaign-category .category-wrap h4 { width: 28.9vw; height: 28.9vw; }
    .subpage-new.campaign-2025 .campaign-category .category-item { font-size: 1.734vw; }
    .subpage-new.campaign-2025 .campaign-category .category-item .icon { width: 19.0751vw; height: 19.0751vw; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap h4 { margin-bottom: 4.3352vw; padding: 2.312vw; font-size: 2.0231vw; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li h5 { margin-bottom: 1.3vw; font-size: 1.734vw; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li p { font-size: 1.0115vw; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a { min-height: 20.9537vw; padding: 2.7456vw 2.3121vw; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover h5,
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:focus h5 { font-size: 2.3121vw; }
}

@media all and (max-width: 1024px) {
    .subpage-new.campaign-2025 .campaign-intro { padding: 50px 0; }
    .subpage-new.campaign-2025 .campaign-tit { margin-bottom: 24px; font-size: 42px; }
    .subpage-new.campaign-2025 .campaign-txt { font-size: 14px; }
    .subpage-new.campaign-2025 .campaign-txt > span { display: inline; }
    .subpage-new.campaign-2025 .campaign-txt + .campaign-txt { margin-top: 20px; }
    .subpage-new.campaign-2025 .campaign-link { gap: 12px; margin-top: 40px; border-radius: 8px; padding: 18px; font-size: 18px; }
    .subpage-new.campaign-2025 .campaign-link:after { width: 24px; height: 24px; }
    .subpage-new.campaign-2025 .campaign-img { margin-top: 60px; border-radius: 15px; }
    .subpage-new.campaign-2025 .campaign-category { margin-top: 60px; }
    .subpage-new.campaign-2025 .campaign-category h3 { width: 100%; margin-bottom: 40px; padding: 12px 80px; font-size: 18px; }
    .subpage-new.campaign-2025 .campaign-category h3 span { white-space: nowrap; }
    .subpage-new.campaign-2025 .campaign-category > p { font-size: 20px; }
    .subpage-new.campaign-2025 .campaign-category .category-wrap { position: relative; }
    .subpage-new.campaign-2025 .campaign-category .category-wrap h4 { position: absolute; top: 50%; left: 50%; width: 39.48vw; height: 39.48vw; margin-bottom: 0; transform: translate(-50%, -50%); }
    .subpage-new.campaign-2025 .campaign-category .category-item-wrap { justify-content: space-between; flex-wrap: wrap; column-gap: 30%; row-gap: 39.48vw; }
    .subpage-new.campaign-2025 .campaign-category .category-item { display: flex; flex-direction: column; gap: 8px; font-size: 2.0231vw; order: 2; }
    .subpage-new.campaign-2025 .campaign-category .category-item:first-of-type,
    .subpage-new.campaign-2025 .campaign-category .category-item:last-of-type { transform: none; order: 0; flex-direction: column-reverse; }
    .subpage-new.campaign-2025 .campaign-category .category-item:last-of-type { order: 1; }
    .subpage-new.campaign-2025 .campaign-category .category-item:nth-of-type(3) { margin-left: initial; }
    .subpage-new.campaign-2025 .campaign-category .category-item .icon { margin: 0; width: 22.3988vw; height: 22.3988vw; }
    .subpage-new.campaign-2025 .campaign-category .category-list li { flex-direction: column; align-items: stretch; gap: 12px; font-size: 14px; }
    .subpage-new.campaign-2025 .campaign-category .category-list li em { flex-basis: auto; padding: 16px; font-size: 18px; }
    .subpage-new.campaign-2025 .campaign-category .category-list li + li { margin-top: 24px; }

    .subpage-new.campaign-2025 .campaign-donation { margin-top: 60px; }
    .subpage-new.campaign-2025 .campaign-donation h3 { margin-bottom: 16px; font-size: 24px; }
    .subpage-new.campaign-2025 .campaign-donation > p { font-size: 16px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap { margin-top: 40px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap h4 { margin-bottom: 24px; padding: 16px; font-size: 18px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul { grid-template-columns: 1fr; gap: 16px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li h5 { margin-bottom: 8px; font-size: 20px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li p { font-size: 14px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li .icon { transform: scale(0.5333); transform-origin: bottom left; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a { min-height: 180px; padding: 32px 24px; background-size: 24px 24px; background-position: right 24px bottom 32px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover h5,
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:focus h5 { font-size: 24px; }
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:hover p,
    .subpage-new.campaign-2025 .campaign-donation .donation-item-wrap ul li a:focus p { transform: scale(1.1428); }
}

@media all and (max-width: 600px) {
    .subpage-new.campaign-2025 .campaign-intro:after { width: 115vw; padding-bottom: 115vw; }
    .subpage-new.campaign-2025 .campaign-category .category-wrap h4 { width: 216px; height: 216px; }
    .subpage-new.campaign-2025 .campaign-category .category-item-wrap { row-gap: 225px; }
    .subpage-new.campaign-2025 .campaign-category .category-item { font-size: 14px; }
    .subpage-new.campaign-2025 .campaign-category .category-item .icon { width: 120px; height: 120px; }

}

@media all and (max-width: 390px) {
    .subpage-new.campaign-2025 .campaign-category .category-item-wrap { column-gap: 20%; }
}