@charset "UTF-8";

:root{
    --font-sans: "Pretendard";
    --color00:#ffffff;
    --color01:#000000;
    --color02:#A20111;
    --color03:#FFEDD0;
    --color04:#CFA8AF;
    --color05:#FFD56B;
    --color06:#0C884A;
    --color07:#171717;
    --color08:#868e96;
    --color09:#5f5f62;
    --color10:#D1D1D1;
    --color11:#393939;
    --color12:#B6B6B6;
}
html, body {height: 100%;}
body{font-family: var(--font-sans), sans-serif;min-height: 100dvh;overflow: hidden;}
main::before{position: absolute;width: 100%;height: 100%;content: '';background-color: var(--color01);left: 0;top:0;background-image: url("../images/bg.png");background-repeat: no-repeat;background-position: right center;background-size: cover;}
.campaign-wrapper{
    --container-width:1540px;
    --container-padding:30px;
    --container-top:65px;
    --logo-height:74px;
    --logo-top:20px;
    overflow: auto;width: 100%;height: calc(100% - var(--container-top));top:0;
    scrollbar-width: none;
    margin-top: var(--container-top);
}

.campaign-wrapper .container{display: flex;align-items: flex-start;justify-content: center;column-gap: 60px;width: 100%;height:100%;padding:0 var(--container-padding) 0;z-index: 1;position: relative;}
.campaign-wrapper .content-area{position: relative;flex: 0 0 560px;width: 560px;max-width: 100%;}
.campaign-wrapper .content-area .fix-logo{position: sticky;display: block;top:0;z-index: 2;padding: var(--logo-top) 22px ;transition: 0.3s;background-color: var(--color00);}
.campaign-wrapper .content-area .fix-logo img{width: auto;height: var(--logo-height);display: block;transition: 0.3s;}

.campaign-wrapper .content-area .content-image{margin-top: calc((var(--logo-height) + var(--logo-top)) * -1);}
.campaign-wrapper .content-area .content-image section{position: relative;}
.campaign-wrapper .content-area .content-image section .txt{position: absolute;}
.campaign-wrapper .content-area .content-image section .bg{width: 100%;height: auto;display: block;}
.campaign-wrapper .content-area .content-image section .bg-pc{display: none;}
.campaign-wrapper .content-area .content-image section .bg-tablet{display: block;}
.campaign-wrapper .content-area .content-image section .bg-small{width: 100%;height: auto;display: none;}
.campaign-wrapper .content-area .content-image .main .txt{top:342px;left:74px;font-family: Nanum Myeongjo, serif;font-weight: 800;font-size: 52px;line-height: 1.26;letter-spacing: -7%;}
.campaign-wrapper .content-area .content-image .main .txt strong{font-size: 62px;}
.campaign-wrapper .content-area .content-image .sec1{}
.campaign-wrapper .content-area .content-image .sec1 .story-item{position: relative;}
.campaign-wrapper .content-area .content-image .sec1 .story-item .txt{display: flex;flex-direction: column;row-gap: 20px;}
.campaign-wrapper .content-area .content-image .sec1 .story-item .txt .comma{position: absolute;top: -15px;left: 0;transform: translateX(-100%);}
.campaign-wrapper .content-area .content-image .sec1 .story-item .txt h2{font-family: Nanum Myeongjo, serif;font-weight: 700;font-size: 36px;line-height: 130%;letter-spacing: -1%;}
.campaign-wrapper .content-area .content-image .sec1 .story-item .txt p{font-weight: 500;font-size: 24px;line-height: 140%;letter-spacing: -1%;color:var(--color00);}
.campaign-wrapper .content-area .content-image .sec1 .story-item .txt strong{font-weight: 800;}
.campaign-wrapper .content-area .content-image .sec1 .story-item .txt .sponsor-button{width: 300px;height: 50px;display: flex;justify-content:center;align-items: center;font-weight: 600;font-size: 23px;line-height: 100%;letter-spacing: 0;padding: 0 28px;color: var(--color00);background-color: var(--color02);margin: 0 auto;border-radius: 25px;column-gap: 8px;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story1 .txt{bottom:50px;left:70px;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story1 .txt h2{color:var(--color03);}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt{bottom:50%;left:70px;transform: translateY(50%)}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt h2{color:var(--color04);font-size: 31px;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt p{font-size: 18px;line-height: 142%;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story3 .txt{top:107px;left:70px;row-gap: 40px;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story3 .txt h2{color:var(--color05);}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt{width: 100%;bottom:100px;left:50%;transform:translateX(-50%);row-gap: 30px;text-align: center;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story4::before{content: '';width: 100%;height: 100%;background: #00000099;position: absolute;top:0;left:0;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story4::after{content: '더러운 물과 함께 사라진\A리아의 일상';white-space: pre-line;width: 100%;height: 230px;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 20%, #000000 50%, rgba(0, 0, 0, 0.9) 80%, rgba(0, 0, 0, 0) 100%);display: flex;justify-content: center;align-items: center;position: absolute;top:0;left: 0;font-weight: 700;font-size: 28px;line-height: 120%;letter-spacing: -2%;text-align: center;color: var(--color00);transform: translateY(-50%);}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt h2{color:var(--color00);font-weight: 700;font-size: 28px;line-height: 120%;letter-spacing: -2%;text-align: center;}
.campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt h2 strong{font-weight: 800;}

.campaign-wrapper .content-area .content-image .sec2{background-image: url("../images/sec2.jpg");background-repeat: repeat;background-size: 100% auto;background-position: top center;padding: 60px 30px 80px;text-align: center;}
.campaign-wrapper .content-area .content-image .sec2 .badge {display: inline-flex;justify-content: center;align-items: center;width: 240px;height: 60px;opacity: 1;font-weight: 700;font-size: 25px;line-height: 100%;letter-spacing: -2%;text-align: center;background-color: var(--color06);color:var(--color00);}
.campaign-wrapper .content-area .content-image .sec2 .badge span {font-size: 34px;margin-right: 12px;}
.campaign-wrapper .content-area .content-image .sec2 .badge .water-icon {margin-right: 5px;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-title {font-weight: 600;font-size: 36px;line-height: 1.2;letter-spacing: -2%;text-align: center;color: var(--color06);margin-top: 30px;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-title strong {font-weight: 800;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-cards {display: flex;flex-direction: column;gap: 30px;margin-top: 40px}
.campaign-wrapper .content-area .content-image .sec2 .sec2-card {display: flex;background-color: #fff;border-radius: 10px;overflow: hidden;width: 100%;height: 210px;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-card-img {flex: 0 0 260px;max-width: 260px;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-card-img img {width: 100%;height: 100%;object-fit: cover;display: block;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-card-content {flex: 1;display: flex;align-items: center;padding: 20px;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-card-content p {font-weight: 600;font-size: 25px;line-height: 120%;letter-spacing: -2%;text-align: left;}
.campaign-wrapper .content-area .content-image .sec2 .sec2-card-content strong {font-weight: 800;}

.campaign-wrapper .content-area .content-image .sec3{background-image: url("../images/sec3.jpg");background-repeat: repeat;background-size: 100% auto;background-position: top center;padding-bottom: 80px;}
.campaign-wrapper .content-area .content-image .sec3 .title-img{width: 100%;}
.campaign-wrapper .content-area .content-image .sec3 .title-img img{width: 100%;height: auto;display: block;}
.campaign-wrapper .content-area .content-image .sec3 .sec3-title {font-weight: 600;font-size: 34px;line-height: 1.2;letter-spacing: -2%;text-align: center;color: var(--color06);margin-top: 30px;}
.campaign-wrapper .content-area .content-image .sec3 .sec3-title strong {font-weight: 800;}
.campaign-wrapper .content-area .content-image .sec3 .sec3Swiper{padding: 0  50px;margin-top: 50px;}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide {position: relative;border-radius: 10px;overflow: hidden;}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide .img-box {width: 100%;}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide .img-box img {width: 100%;height: auto;aspect-ratio:23 / 12;display: block;}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box {display: flex;align-items: center;gap: 24px;padding: 23px 25px;background:var(--color00);}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price {font-weight: 800;font-size: 36px;line-height: 1.2;letter-spacing: -2%;}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price strong {font-weight: 800;font-size: 60px;line-height: 1.2;letter-spacing: -2%;text-align: center;color:#A20111;}
.campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .desc {font-weight: 600;font-size: 22px;line-height: 1.2;letter-spacing: -1%;}
.campaign-wrapper .content-area .content-image .sec3 .info-box{}
.campaign-wrapper .content-area .content-image .sec3 .info-box p{font-weight: 500;font-size: 19px;line-height: 1.32;letter-spacing: -2%;text-align: center;margin-top: 25px;color:#525252;}
.campaign-wrapper .content-area .content-image .sec3 .sponsor-button{width: 333px;height: 60px;display: flex;justify-content: center;align-items: center;font-weight: 600;font-size: 23px;line-height: 100%;letter-spacing: 0;padding: 0 40px;color: var(--color00);background-color: var(--color02);margin: 40px auto 0;border-radius: 30px;column-gap: 8px;}

.campaign-wrapper .content-area .content-image .sec4 {background-color: var(--color10);background-image: url("../images/sec4.png");background-repeat: no-repeat;background-size: 236px 234px ;background-position: top right;padding: 45px 45px 80px;position: relative;overflow: hidden;}
.campaign-wrapper .content-area .content-image .sec4-title {font-weight: 600;font-size: 30px;line-height: 1.3;letter-spacing: -2%;}
.campaign-wrapper .content-area .content-image .sec4-title strong {font-weight: 800;}
.campaign-wrapper .content-area .content-image .sec4-faq {display: flex;flex-direction: column;margin-top: 26px;}
.campaign-wrapper .content-area .content-image .sec4-faq-item {overflow: hidden;border-bottom: 2px solid var(--color12);padding: 20px 5px;}
.campaign-wrapper .content-area .content-image .sec4-faq-item:first-of-type {border-top: 2px solid var(--color12);}
.campaign-wrapper .content-area .content-image .sec4-faq-question {width: 100%;display: flex;align-items: center;justify-content: space-between;background: none;border: none;cursor: pointer;text-align: left;}
.campaign-wrapper .content-area .content-image .sec4-faq-question span {font-weight: 600;font-size: 22px;line-height: 1.2;letter-spacing: -2%;color:var(--color11)}
.campaign-wrapper .content-area .content-image .sec4-faq-arrow {width: 14px;height: 9px;color: #626262;transition: transform 0.3s ease;flex-shrink: 0;}
.campaign-wrapper .content-area .content-image .sec4-faq-item.active .sec4-faq-arrow {transform: rotate(180deg);}
.campaign-wrapper .content-area .content-image .sec4-faq-answer {max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}
.campaign-wrapper .content-area .content-image .sec4-faq-item.active .sec4-faq-answer {max-height: 300px;}
.campaign-wrapper .content-area .content-image .sec4-faq-answer p {padding:15px;background-color: #E6E6E6;font-weight: 500;font-size: 16px;line-height: 1.3;letter-spacing: -2%;color:#393939;margin-top: 20px;}

.campaign-wrapper .sponsor-area{position: sticky;top:0;z-index: 1;flex: 1 1 auto;min-width: 0;max-width: 950px;}
.campaign-wrapper .sponsor-area .img{width: 100%;max-width: 950px;position: relative;}
.campaign-wrapper .sponsor-area .img iframe{width: 100%;height: auto;aspect-ratio:720 / 405;display: block;pointer-events: none;}
.campaign-wrapper .sponsor-area .txt{font-weight: 600;font-size: 35px;line-height: 100%;letter-spacing: -2%;color: var(--color00);margin-top: 50px;}
.campaign-wrapper .sponsor-area .title{font-weight: 800;font-size: 64px;letter-spacing: -1%;color: var(--color00);margin-top: 25px;}
.campaign-wrapper .sponsor-area .sponsor-button{    width: 355px;height: 75px;display: flex;justify-content: center;column-gap: 8px;align-items: center;font-weight: 600;font-size: 26px;line-height: 100%;letter-spacing: 0;padding: 0 45px;color: var(--color00);background-color: var(--color02);margin-top: 40px;}

.campaign-wrapper .sponsor-area .img .btn_sound {position: absolute;top: 10px;right: 20px;z-index: 10;width: 50px;aspect-ratio: 5 / 5;border: none;outline: 0;border-radius: 50%;background-color: rgba(0, 0, 0, 0.2);transform: translateY(100%);}
.campaign-wrapper .sponsor-area .img .blind {overflow: hidden;position: absolute;clip: rect(0, 0, 0, 0);width: 1px;height: 1px;margin: -1px;}
.campaign-wrapper .sponsor-area .img .btn_sound::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 0;display: block;width: 80%;height: 80%;background: url("../images/sound_sprites@2x.png") no-repeat left center;background-size: auto 100%;pointer-events: none;}
.campaign-wrapper .sponsor-area .img .btn_sound.mute::after {background-position: right center;}

.campaign-wrapper .bottom-fix{display: none;}

.wrap_footer {padding: 60px 30px ;background: var(--color07);}
.wrap_footer .add_set .f_logo {display: block;width: 104px;}
.wrap_footer .f_logo img {width: 180px;}
.wrap_footer .add_r {font-size: 18px;color: var(--color08);letter-spacing: -2%;line-height: 1.4;margin-top: 20px;}
.wrap_footer .add_r .link {padding-bottom: 20px;font-weight: 700;font-size: inherit;color: inherit;letter-spacing: inherit;line-height: inherit;}
.wrap_footer .add_r .link a {position: relative;display: inline-block;font-size: inherit;color: inherit;letter-spacing: inherit;line-height: inherit;font-weight: inherit;text-decoration: underline;text-underline-offset:5px}
.wrap_footer .add_r .add {font-size: inherit;color: inherit;}
.wrap_footer .copy {padding-top: 16px;font-size: 16px;color: var(--color09);font-weight: normal;letter-spacing: -2%;}

@media screen and (min-width: 1440px){
    .campaign-wrapper .content-area .content-image .main .txt {top: 200px;left: 70px;}
    .campaign-wrapper .content-area .content-image section .bg-pc{display: block;}
    .campaign-wrapper .content-area .content-image section .bg-tablet{display: none;}
    .campaign-wrapper .content-area .content-image section .bg-small{display: none;}
}
@media screen and (max-width: 1440px) and (min-width: 940px) {

    .campaign-wrapper{--container-top:40px;--logo-height:46px;--logo-top:18px;}
    .campaign-wrapper .container{column-gap: 40px;}
    .campaign-wrapper .content-area{position: relative;flex: 0 0 480px;width: 480px;max-width: 480px;}
    .campaign-wrapper .content-area .content-image section .bg-pc{display: none;}
    .campaign-wrapper .content-area .content-image section .bg-tablet{display: block;}
    .campaign-wrapper .content-area .content-image section .bg-small{display: none;}
    .campaign-wrapper .content-area .content-image .main .txt{top:231px;left:67px;font-size: 46px;}
    .campaign-wrapper .content-area .content-image .main .txt strong{font-size: 56px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt{row-gap: 15px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .comma{width: 18px;height: 15px;top: -10px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt h2{font-size: 30px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt p{font-size: 20px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .sponsor-button{width: 300px;height: 46px;font-size: 22px;padding:0 54px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story1 .txt{bottom:50px;left:50px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt{bottom:50%;left:50px;transform: translateY(50%)}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt h2{font-size: 26px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt p{font-size: 14px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story3 .txt{top:75px;left:50px;row-gap: 50px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt{bottom:50px;row-gap: 20px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4::after{font-size: 24px;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt h2{font-size: 26px;}
    .campaign-wrapper .content-area .content-image .sec2{padding: 60px 40px 80px;}
    .campaign-wrapper .content-area .content-image .sec2 .badge {width: 230px;height: 48px;font-size: 22px;}
    .campaign-wrapper .content-area .content-image .sec2 .badge span {font-size: 30px;margin-right: 7px;}
    .campaign-wrapper .content-area .content-image .sec2 .badge .water-icon {margin-right: 9px;width: 20px;height: 26px;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-title {font-size: 32px;margin-top: 25px;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-cards {gap: 25px;margin-top: 36px}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card {height: 180px;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-img {flex: 0 0 208px;max-width: 208px;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content {padding: 17px;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content p {font-size: 20px;}
    .campaign-wrapper .content-area .content-image .sec3 .sec3-title {font-size: 28px;margin-top: 40px;}
    .campaign-wrapper .content-area .content-image .sec3 .sec3Swiper{padding: 0 40px;margin-top: 40px;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box {gap: 50px;padding: 20px 25px;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price {font-size: 28px;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price strong {font-size: 53px;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .desc {font-size: 16px;}
    .campaign-wrapper .content-area .content-image .sec3 .info-box p{font-size: 16px;margin-top: 20px;}
    .campaign-wrapper .content-area .content-image .sec4 {background-size: 210px auto ;padding: 42px 40px 80px;}
    .campaign-wrapper .content-area .content-image .sec4-title {font-size: 26px;}
    .campaign-wrapper .content-area .content-image .sec4-faq {margin-top: 40px;}
    .campaign-wrapper .content-area .content-image .sec4-faq-item {padding: 10px 0;}
    .campaign-wrapper .content-area .content-image .sec4-faq-question span {font-size: 18px;}
    .campaign-wrapper .content-area .content-image .sec4-faq-answer p {font-size: 15px;margin-top: 15px;}

    .campaign-wrapper .sponsor-area{max-width: 720px;}
    .campaign-wrapper .sponsor-area .img{max-width: 720px;}
    .campaign-wrapper .sponsor-area .txt{font-size: 28px;margin-top: 30px;}
    .campaign-wrapper .sponsor-area .title{font-size: 52px;margin-top: 34px;}
}

@media screen and (max-width: 1080px) {
    .campaign-wrapper .sponsor-area .txt{font-size: 20px;margin-top: 30px;}
    .campaign-wrapper .sponsor-area .title{font-size: 42px;margin-top: 34px;}
}
@media screen and (max-width: 1024px) {
    .campaign-wrapper .sponsor-area .txt{font-size: 16px;margin-top: 30px;}
    .campaign-wrapper .sponsor-area .title{font-size: 32px;margin-top: 34px;}
}
@media screen and (max-width: 940px) {
    .campaign-wrapper{--container-padding:0; --container-top:0;    padding-bottom: 75px;        height: 100%;}
    .campaign-wrapper .sponsor-area{display: none;}
    .campaign-wrapper .bottom-fix.sponsor-button{display: flex;position: fixed;left: 0;bottom:0;width: 100%;height: 75px;justify-content: center;column-gap: 10px;;align-items: center;font-weight: 600;font-size: 24px;line-height: 100%;letter-spacing: 0;padding:0 45px;color:var(--color00);background-color: var(--color02);z-index: 10;}
}
@media screen and (max-width: 560px) {

    .campaign-wrapper .content-area .content-image .main .txt{top:61.0714vw;left:13.2143vw;font-size: 9.2857vw;}
    .campaign-wrapper .content-area .content-image .main .txt strong{font-size: 11.0714vw;}

    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt{row-gap: 3.5714vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .comma{top: -2.6786vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt h2{font-size: 6.4286vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt p{font-size: 4.2857vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .sponsor-button{width: 53.5714vw;height: 8.9286vw;font-size: 5vw;padding:0 5vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story1 .txt{bottom:8.9286vw;left:12.5vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt{bottom:50%;left:12.5vw;transform: translateY(50%)}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt h2{font-size: 5.5357vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt p{font-size: 3.2143vw;line-height: 142%;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story3 .txt{top:19.1071vw;left:12.5vw;row-gap: 7.1429vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt{bottom:17.8571vw;row-gap: 5.3571vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4::after{height: 41.0714vw;font-size: 5vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt h2{font-size: 5vw;}

    .campaign-wrapper .content-area .content-image .sec2{padding: 10.7143vw 5.3571vw 14.2857vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge {width: 42.8571vw;height: 10.7143vw;font-size: 4.4643vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge span {font-size: 6.0714vw;margin-right: 2.1429vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge .water-icon {margin-right: 0.8929vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-title {font-size: 6.4286vw;margin-top: 5.3571vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-cards {gap: 5.3571vw;margin-top: 7.1429vw}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card {height: 37.5vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-img {flex: 0 0 46.4286vw;max-width: 46.4286vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content {padding: 3.5714vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content p {font-size: 4.4643vw;}

    .campaign-wrapper .content-area .content-image .sec3 .sec3-title {font-size: 6.0714vw;margin-top: 5.3571vw;}
    .campaign-wrapper .content-area .content-image .sec3 .sec3Swiper{padding: 0  8.9286vw;margin-top: 8.9286vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box {gap: 4.2857vw;padding: 4.1071vw 4.4643vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price {font-size: 6.4286vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price strong {font-size: 10.7143vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .desc {font-size: 3.9286vw;}
    .campaign-wrapper .content-area .content-image .sec3 .info-box p{font-size: 3.3929vw;margin-top: 4.4643vw;}
    .campaign-wrapper .content-area .content-image .sec4 {background-size: 42.1429vw 41.7857vw ;padding: 8.0357vw 8.0357vw 14.2857vw;}
    .campaign-wrapper .content-area .content-image .sec4-title {font-size: 5.3571vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq {margin-top: 4.6429vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-item {padding: 3.5714vw 0.8928571428571429vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-question span {font-size: 3.9286vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-answer p {padding:2.6786vw;font-size: 2.8571vw;margin-top: 3.5714vw;}

}

@media screen and (max-width: 480px) {
    main::before {background-position: center top;}
    .campaign-wrapper{--container-top:0;--logo-height:9.5833vw;--logo-top:3.75vw;}
    .campaign-wrapper .container{column-gap: 8.3333vw;}
    .campaign-wrapper .content-area{position: relative;flex: 0 0 100vw;width: 100vw;max-width: 100vw;}
    .campaign-wrapper .content-area .content-image section .bg{display: none;}
    .campaign-wrapper .content-area .content-image section .bg-pc{display: none;}
    .campaign-wrapper .content-area .content-image section .bg-tablet{display: none;}
    .campaign-wrapper .content-area .content-image section .bg-small{display: block;}
    .campaign-wrapper .content-area .content-image .main .txt{top:48.125vw;left:13.9583vw;font-size: 9.5833vw;}
    .campaign-wrapper .content-area .content-image .main .txt strong{font-size: 11.6667vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt{row-gap: 3.125vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .comma{width: 3.75vw;height: 3.125vw;top: -2.0833vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt h2{font-size: 6.25vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt p{font-size: 4.1667vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .sponsor-button{width: 62.5vw;height: 9.5833vw;font-size: 4.5833vw;padding:0 11.25vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story1 .txt{bottom:10.4167vw;left:10.4167vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt{bottom:50%;left:10.4167vw;transform: translateY(50%)}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt h2{font-size: 5.4167vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt p{font-size: 2.9167vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story3 .txt{top:15.625vw;left:10.4167vw;row-gap: 10.4167vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt{bottom:10.4167vw;row-gap: 4.1667vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4::after{font-size: 5vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt h2{font-size: 5.4167vw;}
    .campaign-wrapper .content-area .content-image .sec2{padding: 12.5vw 8.3333vw 16.6667vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge {width: 47.9167vw;height: 10vw;font-size: 4.5833vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge span {font-size: 6.25vw;margin-right: 1.4583vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge .water-icon {margin-right: 1.875vw;width: 4.1667vw;height: 5.4167vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-title {font-size: 6.6667vw;margin-top: 5.2083vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-cards {gap: 5.2083vw;margin-top: 7.5vw}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card {height: 37.5vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-img {flex: 0 0 43.3333vw;max-width: 43.3333vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content {padding: 3.5417vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content p {font-size: 4.1667vw;}
    .campaign-wrapper .content-area .content-image .sec3 .sec3-title {font-size: 5.8333vw;margin-top: 8.3333vw;}
    .campaign-wrapper .content-area .content-image .sec3 .sec3Swiper{padding: 0 8.3333vw;margin-top: 8.3333vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box {gap: 10.4167vw;padding: 4.1667vw 5.2083vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price {font-size: 5.8333vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price strong {font-size: 11.0417vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .desc {font-size: 3.3333vw;}
    .campaign-wrapper .content-area .content-image .sec3 .info-box p{font-size: 3.3333vw;margin-top: 4.1667vw;}
    .campaign-wrapper .content-area .content-image .sec4 {background-size: 43.75vw auto ;padding: 8.75vw 8.3333vw 16.6667vw;}
    .campaign-wrapper .content-area .content-image .sec4-title {font-size: 5.4167vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq {margin-top: 8.3333vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-item {padding: 2.0833vw 1.041666666666667vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-question span {font-size: 3.75vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-answer p {font-size: 3.125vw;margin-top: 3.125vw;}

    .wrap_footer {padding: 12.5vw 6.25vw ;}
    .wrap_footer .add_set .f_logo {width: 21.6667vw;}
    .wrap_footer .f_logo img {width: 37.5vw;}
    .wrap_footer .add_r {font-size: 3.75vw;margin-top: 4.1667vw;}
    .wrap_footer .add_r .link {padding-bottom: 4.1667vw;}
    .wrap_footer .copy {padding-top: 3.3333vw;font-size: 3.3333vw;}

    .campaign-wrapper .bottom-fix.sponsor-button{height: 15.625vw;column-gap: 6vw;font-size: 5.882352941176471vw;}
    .campaign-wrapper .bottom-fix.sponsor-button .icon{width: 2.916666666666667vw;height:4.375vw; }
}


@media screen and (max-width: 1280px) and (min-width: 940px) and (max-height: 670px) {

    .campaign-wrapper{--container-top:2.19vw;--logo-height:2.52vw;--logo-top:0.98vw;}
    .campaign-wrapper .container{column-gap:2.19vw;}
    .campaign-wrapper .content-area{position:relative;flex:0 0 26.25vw;width:26.25vw;max-width:26.25vw;}

    .campaign-wrapper .content-area .content-image section .bg-pc{display:none;}
    .campaign-wrapper .content-area .content-image section .bg-tablet{display:block;}
    .campaign-wrapper .content-area .content-image section .bg-small{display:none;}

    .campaign-wrapper .content-area .content-image .main .txt{top:12.64vw;left:3.66vw;font-size:2.52vw;}
    .campaign-wrapper .content-area .content-image .main .txt strong{font-size:3.06vw;}

    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt{row-gap:0.82vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .comma{width:0.98vw;height:0.82vw;top:-0.55vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt h2{font-size:1.64vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt p{font-size:1.09vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item .txt .sponsor-button{width:16.41vw;height:2.52vw;font-size:1.20vw;padding:0 2.95vw;}

    .campaign-wrapper .content-area .content-image .sec1 .story-item.story1 .txt{bottom:2.73vw;left:2.73vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt{bottom:50%;left:2.73vw;transform:translateY(50%)}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt h2{font-size:1.42vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story2 .txt p{font-size:0.77vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story3 .txt{top:4.10vw;left:2.73vw;row-gap:2.73vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt{bottom:2.73vw;row-gap:1.09vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4::after{font-size:1.31vw;}
    .campaign-wrapper .content-area .content-image .sec1 .story-item.story4 .txt h2{font-size:1.42vw;}

    .campaign-wrapper .content-area .content-image .sec2{padding:3.28vw 2.19vw 4.38vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge{width:12.58vw;height:2.63vw;font-size:1.20vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge span{font-size:1.64vw;margin-right:0.38vw;}
    .campaign-wrapper .content-area .content-image .sec2 .badge .water-icon{margin-right:0.49vw;width:1.09vw;height:1.42vw;}

    .campaign-wrapper .content-area .content-image .sec2 .sec2-title{font-size:1.75vw;margin-top:1.37vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-cards{gap:1.37vw;margin-top:1.97vw}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card{height:9.84vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-img{flex:0 0 11.38vw;max-width:11.38vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content{padding:0.93vw;}
    .campaign-wrapper .content-area .content-image .sec2 .sec2-card-content p{font-size:1.09vw;}

    .campaign-wrapper .content-area .content-image .sec3 .sec3-title{font-size:1.53vw;margin-top:2.19vw;}
    .campaign-wrapper .content-area .content-image .sec3 .sec3Swiper{padding:0 2.19vw;margin-top:2.19vw;}

    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box{gap:2.73vw;padding:1.09vw 1.37vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price{font-size:1.53vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .price strong{font-size:2.90vw;}
    .campaign-wrapper .content-area .content-image .sec3 .swiper-slide .text-box .desc{font-size:0.87vw;}

    .campaign-wrapper .content-area .content-image .sec3 .info-box p{font-size:0.87vw;margin-top:1.09vw;}

    .campaign-wrapper .content-area .content-image .sec4{background-size:11.48vw auto;padding:2.30vw 2.19vw 4.38vw;}
    .campaign-wrapper .content-area .content-image .sec4-title{font-size:1.42vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq{margin-top:2.19vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-item{padding:0.55vw 0;}
    .campaign-wrapper .content-area .content-image .sec4-faq-question span{font-size:0.98vw;}
    .campaign-wrapper .content-area .content-image .sec4-faq-answer p{font-size:0.82vw;margin-top:0.82vw;}

    .campaign-wrapper .sponsor-area{max-width:39.38vw;}
    .campaign-wrapper .sponsor-area .img{max-width:100%;}
    .campaign-wrapper .sponsor-area .txt{font-size:1.53vw;margin-top:1.64vw;}
    .campaign-wrapper .sponsor-area .title{font-size:2.84vw;margin-top:1.86vw;}

    .campaign-wrapper .content-area .content-image .sec3 .sponsor-button{width:18.21vw;height:3.28vw;font-size:1.26vw;padding:0 2.19vw;margin:2.19vw auto 0;border-radius:1.64vw;column-gap:0.44vw;}

    .wrap_footer {padding: 3.28vw 1.64vw;}
    .wrap_footer .add_set .f_logo {width:5.69vw;}
    .wrap_footer .f_logo img {width:9.84vw;}
    .wrap_footer .add_r {font-size:0.98vw;margin-top:1.09vw;}
    .wrap_footer .add_r .link {padding-bottom:1.09vw;}
    .wrap_footer .copy {padding-top:0.87vw;font-size:0.87vw;}

}

@media screen and (max-height: 1080px) {
    .campaign-wrapper .sponsor-area{max-width: 720px;}

}

@media screen and (max-height: 800px) {
    .campaign-wrapper .sponsor-area{max-width: 600px;}
    .campaign-wrapper .sponsor-area .sponsor-button{width: 260px;height: 48px;font-size: 20px;padding:0 22px;margin-top: 18px;}

}

/* 더 작은 높이를 위한 추가 미디어 쿼리 */
@media screen and (max-height: 700px) {
    .campaign-wrapper .sponsor-area{max-width: 620px;}
}