@charset "utf-8";

/*메인*/
#main .wd120 > .c_tit{position: relative;}
#main .wd120 > .c_tit > a{position: absolute; right: 0; cursor: pointer;}

/*메인 중간배너*/
#main .only-pc { display: block; }
#main .only-mobile { display: none; }

@media screen and (max-width: 768px) {
    #main .only-pc { display: none; }
    #main .only-mobile { display: block; }
}

/*캠페인리스트*/
.wd120 > .text.icon_title{gap: 10px;}
.wd120 > .text.icon_title img{max-width: 25px;}

@media (max-width: 768px) {
    .blog, .insta{padding: 0; font-size: 13px;}
    span:has(.blog), span:has(.insta){padding: 3px 0;}
    .customSwiper .swiper-slide a .t_top{font-size: 14px !important; letter-spacing: -0.5px;}
    .customSwiper .swiper-slide a .t_tit{font-size: 17px !important; letter-spacing: -0.5px; line-height: 1.2; margin-bottom: 6px !important;}
    .customSwiper .swiper-slide a .t_sub{margin-bottom: 10px !important; margin-top: 6px !important;}
}

/*푸터*/
@media (max-width: 542px) {
 .footer ul.f_top{flex-wrap: wrap; padding: 0;}
 .footer .wd120{max-width: unset;}
 .footer ul.f_top li{width: calc(100% / 2); padding: 0; border-right: 1px solid var(--gray30); border-bottom: 1px solid var(--gray30);}
 .footer ul.f_top li:nth-child(2n){border-right: 0;}
 .footer ul.f_top li:last-child{margin-right: 50%; border-bottom: 0;}
 .footer ul.f_top li a{line-height: 40px; text-align: center; display: inline-block; width: 100%;}
}

/*마이페이지*/
main#mypage_supporter .mypage_grid_right{position: relative;}
main#mypage_supporter .mypage_grid_right .copy_ref{position: absolute; right: 0; top: 5px;}
main#mypage_supporter .mypage_grid_right .copy_ref button{line-height: 34px;padding: 0 12px 0; background: var(--main-color); color: white; border-radius: 8px;}
main#mypage_supporter .mypage_grid_right .mypage_right_tit_container{margin-bottom: 2rem;}
main#mypage_supporter .mypage_grid_right .tbl_basic th,main#mypage_supporter .mypage_grid_right .tbl_basic td{line-height: 1; padding: 2rem 0.25rem; border-bottom: 1px solid var(--gray20); text-align: center;}
main#mypage_supporter .mypage_grid_right .tbl_basic th{background: var(--gray);}
main#mypage_supporter .mypage_grid_right .tbl_basic{border-top: 1px solid black; width: 100%;}