/* --------------------------------campaign common-------------------------------- */
section {padding: 7.5rem 0 8.75rem;}
@media screen and (max-width:1024px) {
    section {padding: 5rem 0 10rem;}
}/* md */

.btn_wrap [class^="btn_type"][data-bgColor="white"]{border: 2px solid #222;}
/*옵션체크박스*/
.radiobox_wrap{margin-top: 2rem; margin-bottom: 0.5rem;}
.radiobox_wrap .radiobox_list{display: flex; flex-direction: column; gap: 0.625rem; align-items: center; justify-content: space-between;}
.radiobox_wrap .radiobox_item{flex: 1; width: 100%;}
.radiobox_wrap .radiobox_label{display: flex; align-items: center; justify-content: space-between; height: 3.5rem; border: 1px solid #ccc; cursor: pointer; position: relative; padding: 0 1.5rem; color: #666; font-size: 1rem; font-weight: 500; line-height: 150%; letter-spacing: -0.02rem;}
.radiobox_wrap .radiobox_input{position: absolute; opacity: 0; pointer-events: none;}
.radiobox_wrap .radiobox_box {flex-shrink: 0; width: 1.5rem; height: 1.5rem; position: relative;}
.radiobox_wrap .radiobox_input:checked + .radiobox_label{border: 2px solid #6049ea; color: #6049EA; font-weight: 700;}
.radiobox_wrap .radiobox_input:checked + .radiobox_label .radiobox_box::after {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: url(/front/images/common/check_1.png) no-repeat center/100% auto;}
.radiobox_wrap .radiobox_label:hover .radiobox_box,
.radiobox_wrap .radiobox_input:focus + .radiobox_label .radiobox_box {border-color: #6049EA;}
/* --------------------------------campaign common end-------------------------------- */


/* --------------------------------campaign detail-------------------------------- */
.camp_detail_sec .tab_content_wrap .btn_wrap {margin-top: 0;}

.camp_detail_sec{background-color: #f8f8f8; font-size: 1rem; font-weight: 500; line-height: 150%; letter-spacing: -0.02rem; color: #222;}
.camp_detail_sec .inner {max-width: 1320px;}
.camp_detail_sec .top {position: relative; display: flex; align-items: flex-start; gap: 1.875rem;}
.camp_detail_sec .top >figure {flex: calc(100% - 1.875rem - 23.5rem) 0 0; height: 0; padding-bottom: calc((592 / 1320) * 100%); background-size: cover; background-position: center; background-repeat: no-repeat; border: 2px solid #222;}
.camp_detail_sec .top .text_wrap {position: absolute; right: 0; top: 0; width: 23.5rem; display: flow-root;}
/*좌측 박스*/
.camp_detail_sec .top [class^="box_"] {padding: 2.5rem 2rem 2rem; border: 2px solid #222; background-color: #fff; box-sizing: border-box;}
.camp_detail_sec .top .box_01 .btn_wrap {margin-top: 2.125rem;}
.camp_detail_sec .top .box_02 {padding: 1.5rem 2rem; border-top: none;}
.camp_detail_sec .top .box_02 .btn_wrap {margin-top: 0;}
.camp_detail_sec .top .mo_apply{display: none;}
/*박스 내용*/
.camp_detail_sec .top .tag_wrap {position: static; margin-bottom: 0.75rem;}

.camp_detail_sec .top .camp_tit {font-size: 1.5rem; font-weight: 700; line-height: 135%; }
.camp_detail_sec .top .vt_date{display: flex; gap: 0.5rem; align-items: center; margin-top: 0.5rem;}
.camp_detail_sec .top .vt_date .label{font-weight: 700;}

.camp_detail_sec .top .camp_amount {display: flex; align-items: flex-end; gap: 0.25rem; margin-top: 0.5rem; font-size: 1.125rem;}
.camp_detail_sec .top .camp_amount span {display: block; font-size: 1.5rem; font-weight: 700; line-height: 100%;}

.camp_detail_sec .box_03 {margin-top: 1rem; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 1.5rem;}
.camp_detail_sec .box_03 .btn_wrap{width: 100%; margin-top: 0;}
.camp_detail_sec .partner_info_wrap{display: flex; align-items: center; gap: 1rem; flex: unset; justify-content: start;}
.camp_detail_sec .partner_info_wrap >figure{width: 4.5rem; height: 4.5rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.camp_detail_sec .partner_info{display: flex; flex-direction: column; gap: 0.25rem;}
.camp_detail_sec .partner_name{color: #222; font-size: 1.25rem; font-weight: 700; line-height: 140%; letter-spacing: -0.025rem;}
.camp_detail_sec .partner_stats{display: flex; justify-content: start; align-items: center; gap: 0.25rem;}
.camp_detail_sec .partner_stats >p{font-weight: 600;}
.camp_detail_sec .stats_value{margin-left: 0.125rem; color: #888;}
.camp_detail_sec .ico_clab_black{width: 1.5rem; height: 1.5rem; background: url(/front/images/common/ico_clab_black.png) no-repeat center/100% auto;}
.camp_detail_sec .partner_detail{color: #444; font-size: 1.125rem; line-height: 144%;}
.camp_detail_sec .bot {padding-top: 2rem; width: calc(100% - (23.5rem + 1.875rem));}
/*컨텐츠박스 공통*/
.camp_detail_sec .content_wrap [class*="ico_"]{display: inline-block; width: 2rem; height: 2rem; background-size: 100% auto; background-position: center; background-repeat: no-repeat;}
.camp_detail_sec .ico_heart{background-image: url(/front/images/common/ico_heart.png);}
.camp_detail_sec .ico_like{background-image: url(/front/images/common/ico_like.png);}
.camp_detail_sec .ico_chat{background-image: url(/front/images/common/ico_chat.png);}
.camp_detail_sec [class*="cont_"] {border: 2px solid #222; padding: 2.5rem; margin-top: 1rem; background-color: #fff;}
.camp_detail_sec [class*="cont_"] >ul{margin: 1.5rem 0; display: flex; flex-direction: column;}
.camp_detail_sec [class*="cont_"] li{display: flex; justify-content: space-between; align-items: center; font-family: Pretendard;}
.camp_detail_sec [class*="cont_"] p,
.camp_detail_sec [class*="cont_"] span{font-family: Pretendard;}
.camp_detail_sec [class*="cont_"] .date{color: #ccc;}
.camp_detail_sec .tit_wrap{display: flex; align-items: start; gap: 0.75rem;}
.camp_detail_sec .tit{font-size: 1.5rem; font-weight: 700; line-height: 133%; font-family: Paperlogy;}
.camp_detail_sec .txt_box span{color: #6049ea; font-weight: 700;}

.camp_detail_sec .cont_cmt .tit_wrap {margin-bottom: 1.5rem;}
.camp_detail_sec .cont_story img{display: block; width: 100%; height: auto; object-fit: contain;}
.camp_detail_sec .cont_review{display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem;}
.camp_detail_sec .cont_review >figure{width: 11.25rem; height: 3.25rem; background: url(/front/images/common/logo.svg) no-repeat center/contain;}
.camp_detail_sec .cont_review >p{color: #222; font-family: Paperlogy; font-size: 1.5rem; font-weight: 700; line-height: 133%;}
.camp_detail_sec .cont_donation >ul{margin-bottom: unset; gap: 0.625rem; padding-bottom: 1rem; border-bottom: 1px solid #f0f0f0;}
.camp_detail_sec .cont_donation .bold_p{color: #6049ea; font-size: 1.25rem; font-weight: 700; line-height: 140%; letter-spacing: -0.025rem;}
.camp_detail_sec .cont_donation .sum{margin-top: 1rem; display: flex; justify-content: space-between;}
.camp_detail_sec .cont_donation .sum >p{font-weight: 700; font-size: 1.125rem;}
.camp_detail_sec .cont_like li{padding-bottom: 1rem; border-bottom: 1px solid #f0f0f0;}
.camp_detail_sec .cont_like li:not(:first-child){padding-top: 1rem;}
.camp_detail_sec .cont_like .amount_box{display: flex; flex-direction: column; align-items: end;}
.camp_detail_sec .cont_like .amount span{font-weight: 600;}
.camp_detail_sec .cont_like .status{color: #888;}
.camp_detail_sec .cont_like .btn_wrap{margin-top: unset;}
.camp_detail_sec .cont_cmt .cmt_list li{border-bottom: 1px solid #f0f0f0; flex-direction: column; align-content: flex-end; gap: 1.5rem; flex-wrap: wrap;}
.camp_detail_sec .cont_cmt .cmt_list li:first-child{padding-bottom: 1.5rem;}
.camp_detail_sec .cont_cmt .cmt_list li:not(:first-child){padding: 1.5rem 0;}
.camp_detail_sec .cont_cmt .user_cmt,
.camp_detail_sec .cont_cmt .reply_cmt{width: 100%; display: flex; justify-content: space-between; align-content: flex-end;}
.camp_detail_sec .cont_cmt .user_cmt.toggle{padding-bottom: 1.5rem; border-bottom: 1px solid #f0f0f0;}
/*답글*/
.camp_detail_sec .cont_cmt .reply_wrap{display: none; width: 100%;}
.camp_detail_sec .cont_cmt .reply_cmt{justify-content: flex-start; padding-bottom: 1.5rem; border-bottom: 1px solid #f0f0f0;}
.camp_detail_sec .cont_cmt .reply_cmt:not(:first-child){padding-top: 1.5rem;}
.camp_detail_sec .cont_cmt .reply_cmt::before{content: ""; display: block; width: 1.5rem; height: 1.5rem; background: url(/front/images/common/enter.svg) no-repeat center/100% auto;}
.camp_detail_sec .cont_cmt .reply_cmt >div{width: calc(100% - 1.5rem - 1rem); margin-left: 1rem; display: flex; justify-content: space-between; align-content: flex-end;}
.camp_detail_sec .cont_cmt .my_reply{width: calc(100% - 1.5rem - 1rem); margin-left: auto; padding-top: 1.5rem;}

.camp_detail_sec .cont_cmt .user_box{display: flex; flex-direction: column; gap: 0.5rem; flex: 1;}
.camp_detail_sec .cont_cmt .user_box >p{white-space: pre-line;}
.camp_detail_sec .cont_cmt .author{display: flex; gap: 1rem; align-items: center;}
.camp_detail_sec .cont_cmt .reply{height: fit-content; padding-bottom: 0.25rem; border-bottom: 2px solid #222; color: #444; font-weight: 600; font-size: 0.875rem; line-height: 140%; letter-spacing: -0.018rem;}
.camp_detail_sec .cont_cmt .cmt_box{width: 100%; align-self: stretch; position: relative;}
.camp_detail_sec .cont_cmt .cmt_box textarea{width: 100%; height: 7.5rem; padding: 1rem 7rem 1rem 1rem; background-color: #f7f8f9; word-break: break-all;}
.camp_detail_sec .cont_cmt .cmt_box textarea::placeholder{color: #aaa;}
.camp_detail_sec .cont_cmt .cmt_box button{width: 5rem; height: 5.5rem; padding: 0 1.625rem; display: flex; align-items: center; justify-content: center; background-color: #222; color: #fff; font-weight: 700; position: absolute; top: 1rem; right: 1rem;}
.camp_detail_sec .cont_cmt .btn_wrap{margin-top: 1.5rem;}

.camp_detail_sec .cont_cmt .user_btn{margin-left: 1rem; flex-shrink: 0;}
.camp_detail_sec .cont_cmt .user_btn .btn_wrap{height: 100%; justify-content: flex-end;}
.camp_detail_sec .cont_cmt .modi_btn{display: flex; align-items: center; gap: 1.063rem;}
.camp_detail_sec .cont_cmt .modi_btn button{color: #aaa; font-size: 0.875rem; font-weight: 500; line-height: 142%; position: relative;}
.camp_detail_sec .cont_cmt .modi_btn button:first-child::after{content: ""; display: block; width: 1px; height: 0.625rem; background-color: rgba(34, 34, 34, 0.15); position: absolute; right: -0.5rem; top: 50%; transform: translateY(-50%);}

/*추가*/
.camp_detail_sec .cont_cmt .user_cmt {gap: 1rem;}
.camp_detail_sec .user_box {position: relative;}
.camp_detail_sec .user_box textarea {display: none; width: 100%; height: 7.5rem; padding: 1rem 7rem 1rem 1rem;}
.camp_detail_sec .user_box button {display: none; width: 5rem; height: 5.5rem; padding: 0 1.625rem; align-items: center; justify-content: center; background-color: #222; color: #fff; font-weight: 700; position: absolute; right: 1rem; bottom: 1rem;}
.camp_detail_sec .user_box button.modify {display: flex;}
.camp_detail_sec .cont_cmt .user_btn {display: flex; flex-direction: column; gap: 0.5rem; margin-left: 0;}
*.camp_detail_sec .cont_cmt .user_btn .btn_wrap {display: block; height: auto; margin: 0; text-align: right;}
@media screen and (max-width: 767px){
    section{padding-top: 0; padding-bottom: 5rem;}
    .btn_wrap{margin-top: 2rem;}
    .btn_wrap[data-layout="multiple"] .mo_modi[class^="btn_type"]{flex: unset; padding: 0 0.667rem; flex-direction: column; font-size: 1rem; background-color: #fff; color: #222; border: none;}
    .btn_wrap .ico_clab{background: url(/front/images/common/ico_clab_black.png) no-repeat center/100% auto;}
    .camp_btn_wrap[data-layout="multiple"] .btn_qr{display: none;}

    .camp_detail_sec .inner{max-width: unset; width: 100%;}
    .camp_detail_sec .top{flex-direction: column; gap: unset;}
    .camp_detail_sec .top >figure {width: 100%; padding-bottom: calc((230 / 360) * 100%); border: none;}
    .camp_detail_sec .top .text_wrap{position: static; width: 100%;}
    .camp_detail_sec .top [class^="box_"]{padding: 2rem 5%; border: none; background-color: #fff;}
    .camp_detail_sec .top .camp_btn_wrap  {display: none;}
    .camp_detail_sec .top .box_01 {padding-bottom: 2.5rem;}
    /*floating banner*/
    .camp_detail_sec .top .box_02{border: unset; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 91; background-color: #fff; padding: 1.333rem;}
    .camp_detail_sec .top .mo_apply{display: block;}
    .camp_detail_sec .top .mo_modi{position: relative;}
    .camp_detail_sec .top .mo_modi:not(:nth-child(2))::after{display: block; content: ""; width: 1px; height: 20px; background-color: #D9D9D9; position: absolute; top: 50%; left: -0.5rem; transform: translateY(-50%);}

    .camp_detail_sec .top .box_03{gap: 1rem; border: none;}
    .camp_detail_sec .top .box_03 .btn_wrap >button{width: 100%;}
    .camp_detail_sec .ico_clab_black{width: 2rem; height: 2rem;}

    .camp_detail_sec .bot{width: 100%; padding-top: 3rem;}
    .camp_detail_sec .tab_menu_wrap{padding: 0 5% 2rem; background-color: #f8f8f8;}
    .camp_detail_sec .tab_menu{margin-bottom: 0;}
    .camp_detail_sec [class*="cont_"]{border: none; padding: 0; margin-top: 0; background-color: #fff;}
    .camp_detail_sec .content_wrap [class*="cont_"]{padding: 3.333rem 5%; margin-top: 0.667rem;}
    .camp_detail_sec .cont_story{padding:2rem 5%;}
    .camp_detail_sec .cont_review{padding: 5.333rem 0;}

    .camp_detail_sec .cont_cmt .cmt_box button {right: 0; top: 0; height: 7.5rem; padding: 0;}
}
/* --------------------------------campaign detail end-------------------------------- */


/* --------------------------------campaign apply-------------------------------- */
.camp_apply_sec {background-color: #f8f8f8;}
.camp_apply_sec .inner {display: flex; align-items: flex-start; gap: 2rem;}
.camp_apply_sec .left {flex: 1 0 0; padding: 2rem; border: 2px solid #222; background-color: #fff;}
.camp_apply_sec .left figure {width: 100%; margin-bottom: 1.5rem; padding-top: calc((200 / 310) * 100%); background-size: cover; background-position: center; background-repeat: no-repeat;}
.camp_apply_sec .left .list_tit {margin-bottom: 0.5rem; font-size: 1.5rem;}
.camp_apply_sec .left .date {margin-bottom: 0.75rem; font-size: 1rem; color: #aaa; font-weight: 500;}
.camp_apply_sec .left .desc {font-size: 1.125rem; font-weight: 500; line-height: 144%;}
.camp_apply_sec .left .btn_wrap {margin-top: 1.5rem;}
.camp_apply_sec .left .btn_type_01 {padding: 0; font-size: 1rem;}
.camp_apply_sec .right {flex: 3 0 0; }
.camp_apply_sec .form_wrap:not(:last-child) {margin-bottom: 1rem;}
.camp_apply_sec .form_wrap {padding: 3rem 2.5rem; border: 2px solid #222; background-color: #fff;}
.camp_apply_sec .form_wrap .btn_load{padding: 0.5rem 1.25rem; height: 2.75rem; font-size: 0.875rem;}
/*내가 선택한 옵션*/
.camp_apply_sec .my_option {position: relative; padding: 1.25rem; border: 1px solid #ccc;}
.camp_apply_sec .my_option.checked {border: 2px solid #6049ea;}
.camp_apply_sec .my_option.checked::before {content: ""; position: absolute; right: 1.5rem; top: 50%; width: 1.5rem; height: 1.5rem; background: url(/front/images/common/ico_check_purple.svg) no-repeat center/100% auto; transform: translateY(-50%); z-index: 1;}
.camp_apply_sec #myOption {position: relative; display: flex; align-items: center; width: 100%; height: 3.5rem; padding: 0 1.5rem; font-size: 1rem; font-weight: 700; color: #6049EA; background-color: #fff; border: 1.5px solid #6049EA;}
@media screen and (max-width:1200px) {
    .camp_apply_sec .left {flex: 1 0 0; padding: 1.5rem;}
    .camp_apply_sec .right {flex: 2 0 0;}
    .camp_apply_sec .form_wrap {padding: 2.5rem 2rem;}
}/* lg */
@media screen and (max-width:1024px) {
    .camp_apply_sec .left {padding: 1rem;}
    .camp_apply_sec .form_wrap {padding: 2rem 1.5rem;}
}/* md */
@media screen and (max-width:767px) {
    .camp_apply_sec .inner {flex-direction: column; align-items: stretch;}
    .camp_apply_sec .left {flex: 1 0 0;}
    .camp_apply_sec .right {flex: 1 0 0;}
}/* sm */
@media screen and (max-width:500px) {
    .camp_apply_sec {padding: 0 0 5rem; }
    .camp_apply_sec .inner {width: 100%; gap: 0.667rem;}
    .camp_apply_sec .left {padding: 0; border: none;}
    .camp_apply_sec .left figure {margin-bottom: 0;}
    .camp_apply_sec .left .btn_wrap {display: none;}
    .camp_apply_sec .text_wrap {width: 92%; margin: 0 auto; padding: 2rem 0;}
    .camp_apply_sec .form_wrap {padding: 3.33rem 4%; border: none;}
}/* xsm */
/* --------------------------------campaign apply end-------------------------------- */


/* ----------------------------- apply_noEdit,result_sec ----------------------- */
.camp_apply_sec .state{padding: 0.375rem 0.625rem; border: 2px solid #6049ea; color: #6049ea; font-family: Paperlogy; font-size: 0.875rem; font-weight: 600; display: inline-block; margin-bottom: 0.5rem;}
.apply_noEdit_sec .error,
.apply_noEdit_sec .btn_address,
.apply_noEdit_sec .file_btn{display: none;}
.apply_noEdit_sec .radiobox_label{cursor: default;}
/*선정*/
.apply_noEdit_sec .box_01 {margin-bottom: 2rem; padding: 3.5rem 2.5rem;}
.apply_noEdit_sec .box_01 figure{padding-bottom: calc(100% * (238 / 1600));}
.apply_noEdit_sec .box_01[data-layout="unsuccessful"] figure {height: 7rem; margin-bottom: 2rem; padding-bottom: 0;}
.apply_noEdit_sec .tit_wrap{gap: 0.25rem;}
.apply_noEdit_sec .camp_tit{font-size: 1.5rem; font-weight: 800; line-height: 130%;}
.apply_noEdit_sec .nick_name{margin-top: 0.25rem; color: #444;}
@media screen and (max-width: 767px){
    .apply_noEdit_sec .box_01{margin-bottom: 0.667rem; padding: 0 2rem 3.333rem;}
    .apply_noEdit_sec .box_01 figure{padding-bottom: calc(100% * (170 / 360));}
    .apply_noEdit_sec .box_01[data-layout="unsuccessful"] {padding-top: 4rem;}
    .apply_noEdit_sec .box_01[data-layout="unsuccessful"] figure {padding-bottom: 0;}
    .apply_noEdit_sec .tit_wrap{gap: 0.7rem;}
}
/* ----------------------------- apply_noEdit,result_sec end ----------------------- */


/* --------------------------------campaign completed-------------------------------- */
/*신청완료*/
.camp_completed_sec {background-color: #f8f8f8;}
.camp_completed_sec .inner {max-width: 580px;}
.camp_completed_sec .camp_tit{font-size: 1.875rem; font-weight: 800; white-space: nowrap;}
.camp_completed_sec .nick_name{font-size: 1.125rem;}
.camp_completed_sec .nick_name span{font-weight: 700;}
.camp_completed_sec .cont_wrap{display: flex; align-items: start; flex-direction: column; gap: 0.5rem;}
.camp_completed_sec .cont_wrap li{display: flex; align-items: center; gap: 0.625rem; width: 100%; padding: 1rem 1.25rem; background-color: #f8f8f8; color: #444;}
.camp_completed_sec [class*="ico_"]{width: 1.5rem; height: 1.5rem;}
.camp_completed_sec .ico_msg{background: url(/front/images/common/ico_message.svg) no-repeat center/100% auto;}
.camp_completed_sec .ico_calendar{background: url(/front/images/common/ico_calendar.svg) no-repeat center/100% auto;}
.camp_completed_sec .ico_donate{background: url(/front/images/common/ico_donate.svg) no-repeat center/100% auto;}
.camp_completed_sec .ico_right{background: url(/front/images/common/ico_arrow_right.svg) no-repeat center/100% auto;}
.camp_completed_sec .btn_go_apply,
.camp_completed_sec .btn_wrap[data-layout="multiple"] .btn_type_01{padding: 0.5rem 1.5rem; font-size: 1rem;}
.camp_completed_sec .btn_wrap[data-layout="multiple"] .btn_type_01{max-width: 200px;}
.camp_completed_sec .tit{font-size: 1.5rem; font-weight: 700; line-height: 133%;}
/*추가 박스*/
.camp_completed_sec .add_box {margin: 2rem 0 0.5rem; padding: 2rem; background-color: #F8F8F8;}
.camp_completed_sec .add_box h5 {display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid #f0f0f0; font-size: 1.125rem; font-weight: 700; color: #222; line-height: 100%;}
.camp_completed_sec .add_box h5::before {content: ""; display: block; width: 1.5rem; height: 1.5rem; background: url(/front/images/common/ico_card.svg) no-repeat center/100% auto;}
.camp_completed_sec .add_box li {display: flex; align-items: center; gap: 1rem; color: #444; font-size: 1rem; }
.camp_completed_sec .add_box li:not(:last-child) {margin-bottom: 0.25rem;}
.camp_completed_sec .add_box li h6 {width: 4.5rem; font-weight: 700; text-align: left;}
.camp_completed_sec .add_box li p {font-weight: 500;}
/*추가 수정*/
.camp_completed_sec .clab_lottie {margin: 0 auto;}
.camp_completed_sec .cont_box_wrap .cont_wrap {margin-top: 0;}
@media screen and (max-width: 1024px){
    .camp_completed_sec .cont_wrap li p{flex: 1; white-space: normal; overflow-wrap: break-word; word-break: keep-all; text-align: left;}
}
@media screen and (max-width: 767px) {
    .camp_completed_sec .inner{width: 100%;}
    .camp_completed_sec .btn_go_apply,
    .camp_completed_sec .btn_wrap[data-layout="multiple"] .btn_type_01{padding: 0 1.5rem;}
    .camp_completed_sec .btn_wrap[data-layout="multiple"] .btn_type_01{max-width: 154px;}
}
/*후원완료*/
.camp_completed_sec[data-layout="payment"] .ico_01{background: url(/front/images/common/ico_donate_01.svg) no-repeat center/100% auto;}
.camp_completed_sec[data-layout="payment"] .ico_02{background: url(/front/images/common/ico_donate_02.svg) no-repeat center/100% auto;}
.camp_completed_sec[data-layout="payment"] .ico_03{background: url(/front/images/common/ico_donate_03.svg) no-repeat center/100% auto;}
.camp_completed_sec[data-layout="payment"] .cont_wrap li p{text-align: left;}
/* --------------------------------campaign completed end-------------------------------- */


/* --------------------------------campaign payment-------------------------------- */
.camp_payment_sec{font-family: Pretendard;}
.camp_payment_sec .inner{max-width: 1056px;}
.camp_payment_sec .form_tit{margin-bottom: 1.5rem;}
.camp_payment_sec .left figure{border: 2px solid #222;}
.camp_payment_sec .right{flex: 2 0 0;}
/*결제방식선택*/
.camp_payment_sec .payment_wrap{margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 0.5rem;}
.camp_payment_sec .payment_wrap li{width: calc((100% - (0.5rem * 3)) / 4); height: 2.75rem; position: relative;}
.camp_payment_sec .payment_wrap li input{position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
.camp_payment_sec .payment_wrap li label{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0.5rem 1.25rem; color: #666; font-size: 0.875rem; font-weight: 600; text-align: center; font-family: Pretendard; border: 1px solid #ccc;}
.camp_payment_sec .payment_wrap li input[type="radio"]:checked + label {border: 2px solid #6049ea; color: #6049ea;}
/*step1*/
.camp_payment_sec[data-cont="step1"] .input_wrap{position: relative;}
.camp_payment_sec[data-cont="step1"] .input_wrap input{text-align: center;}
.camp_payment_sec[data-cont="step1"] .input_wrap input::placeholder,
.camp_payment_sec[data-cont="step1"] .cmt_box textarea::placeholder,
.camp_payment_sec[data-cont="step1"] .charNum{color: #aaa; font-weight: 400;}
.camp_payment_sec[data-cont="step1"] .btn_reset{font-size: 0; width: 1.5rem; height: 1.5rem; border-radius: 50%; border: none; background: rgba(34, 34, 34, 0.15) url(/front/images/common/ico_x.svg) no-repeat center/1rem 1rem; position: absolute; right: 1rem; top: 50%; transform: translateY(-50%);}
.camp_payment_sec[data-cont="step1"] .info{margin-top: 0.75rem; color: #6049ea;}
.camp_payment_sec[data-cont="step1"] .cmt_box{margin-top: 1.5rem; position: relative;}
.camp_payment_sec[data-cont="step1"] .btn_wrap{margin-top: 1.5rem;}
.camp_payment_sec[data-cont="step1"] .form_wrap[data-layout="noLogin"] .form_list h6 span{color: #ff7777;}
.camp_payment_sec[data-cont="step1"] .form_wrap[data-layout="noLogin"] .form_tit{margin-bottom: 1rem;}
.camp_payment_sec[data-cont="step1"] .form_wrap[data-layout="noLogin"] .error{margin-bottom: 1.5rem; margin-top: 0; display: flex; align-items: center; gap: 0.3rem; font-weight: 600;}
.camp_payment_sec[data-cont="step1"] .form_wrap[data-layout="noLogin"] .error i{width: 1.5rem; height: 1.5rem; background: url(/front/images/common/ico_alert.svg) no-repeat center/100% auto; display: inline-block;}
@media screen and (max-width: 767px) {
    .camp_payment_sec .left figure{border: none;}
}
/*step2*/
.camp_payment_sec[data-cont="step2"] .donate_box{background-color: #f8f8f8; padding: 1rem 1.5rem; display: flex; justify-content: space-between;}
.camp_payment_sec[data-cont="step2"] .donate_box p{color: #6049ea; font-size: 1rem; font-weight: 700; line-height: 150%;}
.camp_payment_sec[data-cont="step2"] .info{color: #aaa;}
.camp_payment_sec[data-cont="step2"] .info:first-of-type{margin: 1rem 0 0.5rem;}
.camp_payment_sec[data-cont="step2"] .radio_wrap{position: relative;}
.camp_payment_sec[data-cont="step2"] .radio_wrap input[type="radio"]{position: absolute; left: 0; top: 0; width: 1.25rem; height: 1.25rem; z-index: 0; appearance: none;}
.camp_payment_sec[data-cont="step2"] .radio_wrap input[type="radio"] + label{padding-left: calc(1.25rem + 0.5rem); vertical-align: top; font-weight: 600; color: #444; font-size: 1rem;}
.camp_payment_sec[data-cont="step2"] .radio_wrap input[type="radio"] + label span{position: absolute; left: 0; top: 0; width: 1.25rem; height: 1.25rem; cursor: pointer; box-sizing: border-box; border: 1px solid #E4E4E4;}
.camp_payment_sec[data-cont="step2"] .radio_wrap input[type="radio"]:checked + label span{background: url(/front/images/common/ico_ckbox.svg) no-repeat center top 0.3rem / 0.75rem auto #6049ea; border: 1px solid #6049ea;}
.camp_payment_sec[data-cont="step2"] .payment_wrap{margin-top: 1rem;}
.camp_payment_sec[data-cont="step2"] .payment_wrap li{width: calc((100% - (0.5rem * 2)) / 3);}
.camp_payment_sec[data-cont="step2"] .method_easy{margin-top: 1.5rem;}
.camp_payment_sec[data-cont="step2"] .method_easy li{width: calc((100% - (0.5rem * 1)) / 2); height: 5rem;}
.camp_payment_sec[data-cont="step2"] .method_easy li label{font-size: 0;}
.camp_payment_sec[data-cont="step2"] .method_easy li:first-child label{background: url(/front/images/common/npay.png)no-repeat center/5rem 1.75rem;}
.camp_payment_sec[data-cont="step2"] .method_easy li:last-child label{background: url(/front/images/common/kpay.png)no-repeat center/5rem 2rem;}
.camp_payment_sec[data-cont="step2"] .btn_wrap{margin-top: 2.5rem;}
.camp_payment_sec[data-cont="step2"] .btn_donate{height: 5.375rem; flex-direction: column; font-family: Pretendard;}
.camp_payment_sec[data-cont="step2"] .btn_donate span{font-size: 0.875rem; font-weight: 500;}
@media screen and (max-width: 767px) {
    .camp_payment_sec[data-cont="step2"] .btn_wrap [class^="btn_type"][data-width="full"]{flex: 90% 0 0;}
}
/* --------------------------------campaign payment end-------------------------------- */