/* --------------------------------fix_menu-------------------------------- */
.fix_menu{position:fixed;left:0;bottom:0;width:100%;z-index:99}
.fix_menu >div{width:100%;max-width:750px;margin:0 auto}
.fix_menu ul{display:flex;border-radius:10px;overflow:hidden}
.fix_menu ul li{position:relative;height:3.33rem;background-color:#F4F4F4}
.fix_menu ul li:nth-child(1):after,
.fix_menu ul li:nth-child(2):after{content:"";position:absolute;right:0;top:50%;width:1px;height:50%;background-color:#D3D3D3;transform:translateY(-50%)}
.fix_menu ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1rem;font-weight:500;line-height:100%}
.fix_menu ul li a > div{display:flex;align-items:center;justify-content:center;gap:0.33rem}
.fix_menu ul li a .btn_sponsor > div{gap:.55rem}
.fix_menu ul li i{width:1.11rem;height:1.11rem;flex-shrink:0}
.fix_menu ul li b{font-weight:600}
.fix_menu ul li:nth-child(1){width:17%}
.fix_menu ul li:nth-child(2){width:17%}
.fix_menu ul li:nth-child(3){width:17%}
.fix_menu ul li:nth-child(4){width:49%;color:#ffffff}
.fix_menu .btn_like i{background:url(/front/images/common/ico_like.svg) no-repeat center/contain}
.fix_menu li.on .btn_like i{background:url(/front/images/common/ico_like_on.svg) no-repeat center/contain}
.fix_menu .btn_share i{background:url(/front/images/common/ico_share.svg) no-repeat center/contain}
.fix_menu .btn_go_to_cmt i{background:url(/front/images/common/ico_cmmt.svg) no-repeat center/contain}
.fix_menu .btn_sponsor i{width:1.33rem;height:1.33rem;background:url(/front/images/common/ico_sponsor_wh.svg) no-repeat center/contain}
@media screen and (max-width:1024px){
}
@media screen and (max-width:767px) {
    .fix_menu{padding:0 4%}
    .fix_menu ul li{height:4.286rem}
    .fix_menu ul li:nth-child(1){width:18.75%}
    .fix_menu ul li:nth-child(2){width:18.75%}
    .fix_menu ul li:nth-child(3){width:18.75%}
    .fix_menu ul li:nth-child(4){width:43.75%}
    .fix_menu ul li a >div{gap:0.286rem;flex-direction:column;justify-content:space-between}
    .fix_menu ul li a {font-size:.85rem}
    .fix_menu ul li a.btn_sponsor{font-size:1.14rem}
    .fix_menu ul li i{width:18px;height:17px}
    /*.fix_menu .btn_like i{width:18px;height:17px}*/
    /*.fix_menu .btn_share i{width:20px;height:20px}*/
    /*.fix_menu .btn_go_to_cmt i{width:17px;height:17px}*/
    .fix_menu ul li b{display:block;width:100%;text-align:center}
    .fix_menu .btn_sponsor i{display:none}
}
/* --------------------------------fix_menu end-------------------------------- */


/* --------------------------------cp_detail_sec common-------------------------------- */
.cp_detail_sec{padding:8.33rem 0 6.667rem 0}
.cp_detail_sec .inner{max-width:750px}
.cp_detail_sec .top{border-bottom:1px solid #EBEBEB;text-align:center}
.cp_detail_sec .thum{overflow:hidden;width:750px;height:412px;margin:0 auto;border-radius:1.875rem;background-position:center;background-size:cover;background-repeat:no-repeat}
.cp_detail_sec .deadline{font-weight:500;font-size:1rem;color:#555555;margin:1.33rem auto;display:inline-flex;justify-content:center;align-content:center;gap:4px;border:1px solid #E4E4E4;width:auto;border-radius:30px;padding:.66rem .88rem;background-color:#F8F8F8;letter-spacing:-.02em}
.cp_detail_sec .deadline i{display:inline-block;width:1.25rem;height:1.25rem;background:url(/front/images/common/ico_deadline.svg) center /100% auto no-repeat}
.cp_detail_sec .title{margin-bottom:1.944rem;font-weight:700;font-size:1.88rem;color:#2B2B2B;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;letter-spacing:-.02em}
.cp_detail_sec .amount{color:#2D2D2D;margin-bottom:1.11rem;font-weight:900;font-size:2.22rem;letter-spacing:-.02em}
.cp_detail_sec .amount span{margin-left:0.25rem;font-size:1.444rem;font-weight:600}
.cp_detail_sec .name_box{display:flex;justify-content:center;align-items:center;margin-bottom:0.72rem;letter-spacing:-.02em}
.cp_detail_sec .name_box figure{width:1.5rem;height:1.5rem;margin-right:0.33rem;border-radius:100%;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.cp_detail_sec .info_box{width:100%;max-width:488px;margin:0 auto;padding:0.944rem 1.33rem;background-color:#F8F8F8;border-radius:0.56rem}
.cp_detail_sec .info_box li{display:flex;justify-content:space-between}
.cp_detail_sec .info_box li:not(:last-child){margin-bottom:0.33rem}
.cp_detail_sec .info_box h5,
.cp_detail_sec .info_box p{color:#555555;font-weight:400;font-size:0.88rem}
.cp_detail_sec .progress_box{margin-top:1.5rem}
.cp_detail_sec .progress_box .pg_info{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.56rem;font-size:0.83rem;font-weight:800}
.cp_detail_sec .progress_box .pg_info .pg_amount{color:#555}
.cp_detail_sec .progress_box .pg_info .pg_percent{color:#2D2D2D}
.cp_detail_sec .progress_box .pg_bar{position:relative;width:100%;height:1rem;background:#F5F5F5;border-radius:2.78rem}
.cp_detail_sec .progress_box .pg_bar span{position:absolute;left:0;top:0;max-width:100%;height:100%;border-radius:2.78rem}
.cp_detail_sec .detail_menu{display:flex;margin-top:4.22rem}
.cp_detail_sec .detail_menu li{flex:1}
.cp_detail_sec .detail_menu a{display:block;width:100%;padding:0.45rem 0;font-size:1.11rem;font-weight:400;color:#999999;border-bottom:2px solid #999999}
.cp_detail_sec .detail_menu li.on a{font-weight:700}
.cp_detail_sec .opt_wrap{margin-top:2.66rem}
.cp_detail_sec .opt_wrap .opt_list{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.88rem}
.cp_detail_sec .opt_wrap .opt_item{display:block;width:100%}
.cp_detail_sec .opt_wrap .opt_item label{display:flex;justify-content:space-between;align-items:center;background-color:#F8F8F8;border:1px solid #DDDDDD;padding:.78rem 1.33rem;border-radius:10px;line-height:1;font-size:1rem;font-weight:500;color:#666;cursor:pointer}
.cp_detail_sec .opt_wrap .opt_item label span:last-child{color:#555;font-weight:400}
.cp_detail_sec .opt_wrap .opt_item input{display:none;visibility:hidden}
.cp_detail_sec .opt_wrap .opt_item input:checked + label {background-color:#fff}
.cp_detail_sec .opt_wrap .opt_item input:checked + label span:first-child{font-weight:700}

@media screen and (max-width:1024px){
    .cp_detail_sec .top{border-bottom:none}
    .cp_detail_sec .info_box{width:92%}
    .cp_detail_sec .detail_menu{margin-top:2.22rem}
}
@media screen and (max-width:767px) {
    .cp_detail_sec{padding:7.28rem 0 6rem 0}
    .cp_detail_sec .thum{max-width:100%;height:auto;border-radius:0;padding-bottom:55%;}
    .cp_detail_sec .deadline{margin:1.14rem auto;padding:0.57rem 0.86rem}
    .cp_detail_sec .title{font-size:1.5rem;margin-bottom:1.14rem}
    .cp_detail_sec .amount{font-size:1.75rem}
    .cp_detail_sec .amount span{font-size:1.11rem}

    .cp_detail_sec .opt_wrap .opt_item label{padding:.93rem 1.14rem}
}
/* --------------------------------cp_detail_sec common end-------------------------------- */


/* --------------------------------cp_detail_sec bottom-------------------------------- */
.cp_detail_sec .bot .inner >div{margin-top:2.78rem}
.cp_detail_sec .tg_btn{position:relative;display:flex;justify-content:flex-start;align-items:center;gap:8px;width:100%;padding:.83rem 0;font-weight:800;font-size:1.11rem;color:#2B2B2B;border-top:1px solid #2B2B2B;border-bottom:1px solid #E8E8E8;text-align:left}
.cp_detail_sec .tg_btn::before{content:"";display:inline-block;width:1.33rem;height:1.33rem;background-repeat:no-repeat;background-size:auto 100%;background-position:center}
.cp_detail_sec .plan_box .tg_btn::before{background-image:url(/front/images/campaign/ico_cam_plan.svg)}
.cp_detail_sec .spt_box .tg_btn::before{background-image:url(/front/images/campaign/ico_cam_spt.svg)}
.cp_detail_sec .cmt_box .tg_btn::before{background-image:url(/front/images/campaign/ico_cam_cmmt.svg)}
.cp_detail_sec .tg_btn::after{content:"";position:absolute;right:0;top:50%;width:.8rem;height:.8rem;background:url(../images/common/ico_down_02.svg) no-repeat center/100% auto;transform:translateY(-50%) rotate(-180deg);transition:transform .5s}
.cp_detail_sec .tg_btn.on::after{transform:translateY(-50%) rotate(0deg)}
.cp_detail_sec .btn_more{padding:.88rem 1.27rem .88rem 1.55rem;position:relative;background:#FFF;border:1px solid #6C6C6C;border-radius:30px;font-weight:400;font-size:.88rem;line-height:1;text-align:center;letter-spacing:-.02em;color:#6C6C6C;margin:1.78rem auto 0;display:flex;justify-content:center;align-items:center;gap:10px}
.cp_detail_sec .btn_more::after{content:'';display:inline-block;background:url(/front/images/common/ico_more.svg) center center no-repeat transparent;width:13px;height:13px}


    /* story */
.cp_detail_sec .cnt_box img{max-width:100%}
.cp_detail_sec .plan_box li{position:relative;display:flex;padding:1.222rem 0;border-bottom:1px solid #E8E8E8;color:#555555}
.cp_detail_sec .plan_box li h5{width:11.11rem;font-weight:400;font-size:0.88rem}
.cp_detail_sec .plan_box li p{font-size:0.88rem}
.cp_detail_sec .plan_box li h6{position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:900;font-size:0.88rem}
.cp_detail_sec .plan_box li.sum h5{font-size:1rem;font-weight:600}
.cp_detail_sec .plan_box li.sum h6{text-align:right;font-size:1rem;font-weight:800}
.cp_detail_sec .plan_box li.sum h6 span{display:block;font-weight:400;font-size:0.78rem}
.cp_detail_sec .spt_box li,
.cp_detail_sec .spt_box .left{display:flex;align-items:center;justify-content:space-between}
.cp_detail_sec .spt_box .left{gap:0.444rem}
.cp_detail_sec .spt_box li{padding:0.83rem 0;border-bottom:1px solid #E8E8E8}
.cp_detail_sec .spt_box li figure{width:1.88rem;height:1.88rem;margin-right:0.417rem;border-radius:100%;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.cp_detail_sec .spt_box li h5{font-size:0.944rem;font-weight:700}
.cp_detail_sec .spt_box li span{display:block;padding:7px 6px 5px;line-height:100%;border:1px solid #555;border-radius:20px;color:#555;font-size:0.56rem;text-align:center}
.cp_detail_sec .spt_box li span.employee{color:#fff}
.cp_detail_sec .spt_box li p{font-size:0.78rem;text-align:right}
.cp_detail_sec .spt_box li h6{font-size:0.88rem;font-weight:800;text-align:right}
.cp_detail_sec .spt_box .tg_cnt{display:none}
.cp_detail_sec .cmt_write{display:flex;align-items:flex-start;padding:1rem  0;border-bottom:1px solid #E8E8E8}
.cp_detail_sec .cmt_write figure{width:1.88rem;height:1.88rem;margin-right:0.56rem;border-radius:100%;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.cp_detail_sec .cmt_write textarea{width:calc(100% - 1.88rem - 3.33rem - 0.56rem - 0.56rem);height:3.33rem;margin-right:0.56rem;padding:0.56rem 0.78rem;resize:none;background-color:#F8F8F8;border:none;font-weight:300;font-size:0.78rem;font-family:'suit', sans-serif;line-height:143%}
.cp_detail_sec .cmt_write button{display:block;width:3.33rem;height:3.33rem;color:#ffffff;font-size:0.78rem;font-weight:700;border-radius:4px}
.cp_detail_sec .cmt_list_wrap [class^="cmt_"]{position:relative}
.cp_detail_sec .cmt_list_wrap >li{border-bottom:1px solid #E8E8E8}
.cp_detail_sec .cmt_list_wrap .btn_modi{position:absolute;right:0;top:1.5rem;width:1.5rem;height:1.167rem;background:url(../images/common/ico_more_dot.svg) no-repeat center/contain;z-index:10}
.cp_detail_sec .btn_modi_wrap ul{display:none;position:absolute;right:1.75rem;top:1.25rem;z-index:10;border:1px solid #838383;border-radius:4px}
.cp_detail_sec .btn_modi_wrap.on ul{display:flex}
.cp_detail_sec .btn_modi_wrap li{position:relative}
.cp_detail_sec .btn_modi_wrap li:not(:last-child)::after{content:'';position:absolute;bottom:0;right:50%;transform:translateX(50%);width:54%;height:1px;background-color:#CACACA}
.cp_detail_sec .btn_modi_wrap a{display:block;width:100%;height:100%;color:#555;font-size:.78rem;text-align:center;line-height:1;padding:8px 10px}
.cp_detail_sec .cmt_info{display:flex;align-items:center;margin-bottom:.5rem}
.cp_detail_sec .cmt_info figure{width:1.88rem;height:1.88rem;margin-right:.556rem;border-radius:100%;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}
.cp_detail_sec .cmt_info h6{font-weight:700;font-size:.944rem}
.cp_detail_sec .cmt_info span{display:block;color:#AFAFAF;font-size:.78rem}
.cp_detail_sec .cmt_cnt{display:flex;justify-content:right}
.cp_detail_sec .cmt_cnt p{width:calc(100% - 1.88rem - 3.33rem - 0.72rem - 0.56rem);margin-right:.722rem;font-size:.88rem}
.cp_detail_sec .cmt_cnt .btn_reply{display:block;width:3.33rem;height:1.78rem;border:1px solid;font-weight:700;font-size:.78rem;border-radius:4px}
.cp_detail_sec .cmt_list{padding:1.5rem 0}
.cp_detail_sec .cmt_reply{padding:1.5rem 1rem 1.5rem calc(1.88rem + 0.56rem);justify-content:left;background-color:#FAFAFA;border-top:1px solid rgba(232, 232, 232, 0.4)}
.cp_detail_sec .cmt_reply p{width:calc(100% - 1.88rem - 0.56rem);margin-right:0}
.cp_detail_sec .cmt_reoly_w{display:none;padding:1.5rem 0 1.5rem calc(1.88rem + 0.56rem);border-top:1px solid rgba(232, 232, 232, 0.4);border-bottom:0px}
.cp_detail_sec .cmt_reoly_w.on{display:flex}

/* review */
.cp_detail_sec .cnt_box .cmt_info{margin-bottom:1rem}
.cp_detail_sec .history_box .tg_cnt{display:none}
.cp_detail_sec .history_box li{position:relative;display:flex;padding:1.222rem 0;border-bottom:1px solid #E8E8E8;color:#555555}
.cp_detail_sec .history_box li h5{width:11.11rem;font-weight:400;font-size:0.88rem}
.cp_detail_sec .history_box li p{font-size:0.88rem}
.cp_detail_sec .history_box li h6{position:absolute;right:0;top:50%;transform:translateY(-50%);font-weight:900;font-size:0.88rem}
.cp_detail_sec .history_box li.sum h5{font-size:1rem;font-weight:600}
.cp_detail_sec .history_box li.sum h6{text-align:right;font-size:1rem;font-weight:800}
.cp_detail_sec .history_box li.sum h6 span{display:block;font-weight:400;font-size:0.78rem}

@media screen and (max-width:1024px){
    .cp_detail_sec .tg_btn{padding:1rem 0}
    .cp_detail_sec .plan_box li h5{width:7.5rem}
    .cp_detail_sec .cmt_write{padding:1.5rem 0}
    .cp_detail_sec .cmt_reoly_w{padding:1.5rem 0 1.5rem calc(1.88rem + 0.56rem)}
    .cp_detail_sec .btn_modi_wrap a{padding:6px 8px}
    .cp_detail_sec .history_box li h5{width:7.5rem}
}

@media screen and (max-width:767px) {
    .cp_detail_sec[data-layout="story"]{padding:3.889rem 0 6rem 0}

    .cp_detail_sec .btn_more{font-size:1rem;padding:.9rem 1.27rem .88rem 1.55rem}
}
/* --------------------------------cp_detail_sec bottom end-------------------------------- */



/* --------------------------------cp_detail_sec[data-layout="payment"] -------------------------------- */
.cp_detail_sec[data-layout="payment"] .title{font-size:2.11rem}
.cp_detail_sec[data-layout="payment"] .camp_wrap{display:flex;align-items:center;width:100%;margin:0 auto ;gap:2.22rem}
.cp_detail_sec[data-layout="payment"] .camp_thum{width:10rem;height:7rem;border-radius:.75rem;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;margin:0 auto}
.cp_detail_sec[data-layout="payment"] .camp_wrap .camp_title{color:#2B2B2B;flex:1 0 0;font-size:1.88rem;font-weight:600;line-height:140%;word-break:break-all;margin-bottom:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cp_detail_sec[data-layout="payment"] .input_warp[data-input="amount"]{position:relative}
.cp_detail_sec[data-layout="payment"] .sub_title{padding:1.33rem 0 .88rem;display:block;font-weight:600;font-size:1.11rem;color:#2B2B2B;text-align:left;border-top:1px solid #2b2b2b;margin:1.66rem auto 0}
.cp_detail_sec[data-layout="payment"] .camp_wrap + .sub_title{margin:2.22rem auto 0}
.cp_detail_sec[data-layout="payment"] .amount_input{position:relative;width:100%;padding:.75rem 1.5rem;font-size:.88rem;background-color:transparent;font-weight:300;text-align:center;z-index:10;color:#666}
.cp_detail_sec[data-layout="payment"] .btn_reset{position:absolute;right:0;bottom:.725rem;width:1.33rem;height:1.33rem;background:url(/front/images/campaign/ico_times_circle.svg) no-repeat center center / 100% auto;z-index:10}
.cp_detail_sec[data-layout="payment"] .radio_wrap{display:flex;justify-content:flex-start;align-content:center;flex-wrap:wrap;gap:.88rem;margin:2.22rem auto 1.11rem}
.cp_detail_sec[data-layout="payment"] .radio_wrap li{position:relative;width:calc((100% - 2.64rem)/4)}
.cp_detail_sec[data-layout="payment"] .radio_wrap li input{position:absolute;left:0;top:0;width:100%;height:100%;cursor:pointer}
.cp_detail_sec[data-layout="payment"] .radio_wrap li label{display:flex;justify-content:center;align-items:center;width:100%;padding:.88rem 0;font-weight:300;font-size:1rem;text-align:center;color:#666;background:#FFF;border:1px solid #DDD;border-radius:10px;line-height:1}
.cp_detail_sec[data-layout="payment"] .radio_wrap li input:checked + label{font-weight:500}
.cp_detail_sec[data-layout="payment"] p.desc{position:relative;font-size:.78rem;color:#BFBFBF;font-weight:300;line-height:150%}
.cp_detail_sec[data-layout="payment"] .textarea_wrap{position:relative;width:100%;height:9.375rem;margin:2.22rem auto 0;padding:.88rem .88rem 2.5rem;box-sizing:border-box;background-color:#F9F9F9;border-radius:10px;border:1px solid #F5F5F5}
.cp_detail_sec[data-layout="payment"] .textarea_wrap textarea{display:block;width:100%;height:100%;font-weight:600;color:#5D5D5D;resize:none;background-color:#F9F9F9}
.cp_detail_sec[data-layout="payment"] .textarea_wrap textarea::placeholder{color:#A3A3A3;font-weight:300}
.cp_detail_sec[data-layout="payment"] .text_count{position:absolute;right:1rem;bottom:1rem;font-size:.875rem;color:#8D8D8D;font-weight:300}
.cp_detail_sec[data-layout="payment"] .text_count strong{font-weight:500}
.cp_detail_sec[data-layout="payment"] .btn_wrap{margin:4.44rem auto 0}
.cp_detail_sec[data-layout="payment"] [class^="btn_type"]{display:block;width:100%;max-width:360px;margin:0 auto;height:3.75rem;font-size:1.125rem;font-weight:600;line-height:3.75rem;text-align:center;border-radius:10px}
.cp_detail_sec[data-layout="payment"] .btn_type_01{background-color:#2D2D2D;color:#fff}
.cp_detail_sec[data-layout="payment"] .btn_type_02{border:1px solid #6C6C6C;color:#6C6C6C;background-color:#fff}
.cp_detail_sec[data-layout="payment"] .btn_pay{font-size:1.33rem}


/* step 2*/
.cp_detail_sec.pay_step2 .amount_wrap{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:20px 0;color:#555;line-height:1;border-bottom:1px solid #CECECE}
.cp_detail_sec.pay_step2 .amount_wrap h6{font-size:1rem;font-weight:600}
.cp_detail_sec.pay_step2 .amount_wrap p{font-size:1rem;font-weight:800}
.cp_detail_sec.pay_step2 .desc{padding-left:8px}
.cp_detail_sec.pay_step2 .desc .middot{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.188rem;height:.188rem;border-radius:100%;background-color:#D9D9D9}
.cp_detail_sec.pay_step2 .top{text-align:left;padding-bottom:1.11rem}
.cp_detail_sec.pay_step2 label{font-size:1rem}
.cp_detail_sec.pay_step2 form .ck_wrap input[type="checkbox"] + label span{top:.02rem}
.cp_detail_sec.pay_step2 .radio_wrap{margin:.88rem auto 0}
.cp_detail_sec.pay_step2 .radio_wrap i{display:inline-block;margin-right:10px}
.cp_detail_sec.pay_step2 .method_wrap{padding-bottom:1.66rem}
.cp_detail_sec.pay_step2 .method_wrap .top{border-color:#CECECE;padding-bottom:1.66rem;margin-bottom:1.11rem}
.cp_detail_sec.pay_step2 .kpay{width:54px;height:23px;background:url(/front/images/campaign/ico_kpay.svg) no-repeat center center/contain;vertical-align:-.4rem}
.cp_detail_sec.pay_step2 .npay{width:48px;height:23px;background:url(/front/images/campaign/ico_npay.svg) no-repeat center center/contain;vertical-align:-.15rem}
.cp_detail_sec .agree_wrap{padding-top:1.33rem;border-top:1px solid #2B2B2B}
.cp_detail_sec .agree_wrap .ck_wrap:not(:last-child){margin-bottom:1rem}
.cp_detail_sec .agree_wrap label{font-size:0.88rem;font-weight:400;cursor:pointer}
.cp_detail_sec .agree_wrap .top{text-align:left;padding-bottom:1.11rem;border-bottom:1px solid #EBEBEB}
.cp_detail_sec .agree_wrap .top label {font-weight:600}
.cp_detail_sec .agree_wrap .bot{background-color:#F8F8F8;border-radius:10px;padding:1.33rem;margin-top:1.11rem;border-top:none}
.cp_detail_sec .agree_wrap .bot label {color:#777}
.cp_detail_sec .agree_wrap .btn_pop{position:absolute;right:0;top:0;color:#AFAFAF;font-size:0.93rem;text-decoration:underline;text-underline-position:under}

/* step 2*/
.cp_detail_sec.pay_done{text-align:center}
.cp_detail_sec.pay_done .inner{max-width:360px}
.cp_detail_sec.pay_done .title {text-align:center;margin-bottom:0.55rem}
.cp_detail_sec.pay_done .subtitle {font-size:1.11rem;text-align:center;font-weight:500;color:#777}
.cp_detail_sec.pay_done .camp_thum {width:100%;height:auto;padding-bottom:55%;margin:0 auto 1.66rem}
.cp_detail_sec.pay_done p.desc{font-size:1rem;color:#3A3A3A;font-weight:500;line-height:100%;padding:.88rem 1rem;border-radius:10px;background-color:#F8F8F8}
.cp_detail_sec.pay_done p.desc .name{font-weight:700}
.cp_detail_sec.pay_done p.desc .percent{color:#DC3030;font-weight:700}
.cp_detail_sec.pay_done .info_wrap {margin:2.22rem auto 0;padding-bottom:2.22rem;border-bottom:1px solid #E8E8E8}
.cp_detail_sec.pay_done .info{margin:.88rem auto 1.66rem}
.cp_detail_sec.pay_done .info li{color:#777;text-align:left;display:flex;justify-content:flex-start;align-items:center}
.cp_detail_sec.pay_done .info li:not(:last-child){margin-bottom:.44rem}
.cp_detail_sec.pay_done .info li p {font-size:1rem;letter-spacing:-.02em;text-overflow:ellipsis}
.cp_detail_sec.pay_done .info li span{font-weight:700}
.cp_detail_sec.pay_done .info i {display:inline-block;width:1.55rem;height:1.55rem;margin-right:0.44rem;vertical-align:middle;background:url(/front/images/campaign/ico_donatebox.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .info .ico_donate {background:url(/front/images/campaign/ico_donatebox.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .info .ico_people {background:url(/front/images/campaign/ico_people.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .info .ico_text {background:url(/front/images/campaign/ico_text.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .info .ico_dday {background:url(/front/images/campaign/ico_dday.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .share_wrap{margin-top:2.22rem}
.cp_detail_sec.pay_done .share_wrap .title{font-size:1rem;font-weight:500;color:#3A3A3A;text-align:left;margin-bottom:1.33rem}
.cp_detail_sec.pay_done .share_list {display:flex;justify-content:left;gap:1.33rem}
.cp_detail_sec.pay_done .share_list li {width:3rem;height:3rem}
.cp_detail_sec.pay_done .share_list li a{width:100%;height:100%;display:block}
.cp_detail_sec.pay_done .btn_facebook {background:url(/front/images/campaign/ico_facebook.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .btn_kakao {background:url(/front/images/campaign/ico_kakao.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .btn_twitter {background:url(/front/images/campaign/ico_twitter.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .btn_url {background:url(/front/images/campaign/ico_url.svg) no-repeat center center/100% auto}
.cp_detail_sec.pay_done .btn_wrap{display:flex;justify-content:space-between;align-content:center;gap:.44rem;margin:2.22rem auto 0}
.cp_detail_sec.pay_done .btn_wrap::after {display:none}
.cp_detail_sec.pay_done [class^="btn_type"]{height:44px;line-height:44px;font-size:0.88rem}
.cp_detail_sec.pay_done .btn_type_02{display:flex;justify-content:center;align-items:center;gap:10px;font-weight:400}
.cp_detail_sec.pay_done .btn_type_02 i {display:block;width:8px;height:14px;background:url(/front/images/campaign/ico_right.svg) no-repeat center center/auto 100% }

@media screen and (max-width:767px) {
    .cp_detail_sec[data-layout="payment"] .title{text-align:center;font-size:1.86rem}
    .cp_detail_sec[data-layout="payment"] .camp_wrap{flex-wrap:wrap;flex-direction:column;gap:1.14rem}
    .cp_detail_sec[data-layout="payment"] .camp_thum{width:100%;height:auto;padding-bottom:55%}
    .cp_detail_sec[data-layout="payment"] .camp_wrap .camp_title{font-size:1.5rem;flex:unset;text-align:center;width:100%;padding:0 .86rem}
    .cp_detail_sec[data-layout="payment"] .sub_title{font-size:1rem}
    .cp_detail_sec[data-layout="payment"] .amount_input{font-size:1rem;text-align:left}
    .cp_detail_sec[data-layout="payment"] .camp_wrap .text_wrap{width:100%}
    .cp_detail_sec[data-layout="payment"] .radio_wrap{gap:8px;margin:1.72rem auto 1.11rem}
    .cp_detail_sec[data-layout="payment"] .radio_wrap li {width:calc((100% - 16px)/4)}
    .cp_detail_sec[data-layout="payment"] .radio_wrap li label{padding:.92rem 0}
    .cp_detail_sec.pay_step2 .method_wrap .radio_wrap li {width:unset}
    .cp_detail_sec.pay_step2 .method_wrap .bot .radio_wrap li {width:calc((100% - 16px)/2)}
    .cp_detail_sec.pay_step2 .method_wrap .radio_wrap li label {padding:.92rem .86rem}
    .cp_detail_sec.pay_step2 .method_wrap .bot .radio_wrap li label{padding:.68rem .86rem}
    .cp_detail_sec[data-layout="payment"] p.desc{font-size:1rem}
    .cp_detail_sec[data-layout="payment"] .textarea_wrap{margin:1.72rem auto 2.66rem}
    .cp_detail_sec[data-layout="payment"] .textarea_wrap textarea{font-size:1rem}
    .cp_detail_sec[data-layout="payment"] .text_count{font-size:.85rem}
    .cp_detail_sec[data-layout="payment"] .btn_type_01{max-width:unset}
    .cp_detail_sec[data-layout="payment"] .btn_pay{font-size:1.42rem}

    .cp_detail_sec.pay_done .subtitle{font-size:1.2rem}
    .cp_detail_sec[data-layout="payment"] .camp_thum{margin:0 auto 2.5rem}
    .cp_detail_sec.pay_done p.desc{font-size:1.14rem}
    .cp_detail_sec.pay_done .info{margin:2.5rem auto 1.66rem}
} /* sm */

/* --------------------------------cp_detail_sec[data-layout="payment"] end-------------------------------- */



/* --------------------------------cp_detail_sec[data-layout="apply"] -------------------------------- */
.cp_detail_sec[data-layout="apply"] .title{font-size:2.11rem}
.cp_detail_sec[data-layout="apply"] .sub_title{text-align:left}
.cp_detail_sec[data-layout="apply"] .sub_title .sub_desc{margin-top:.66rem;font-size:.78rem;color:#8A8A8A;font-weight:400;display:block;line-height:140%}
.cp_detail_sec[data-layout="apply"] .camp_wrap{display:flex;align-items:center;width:100%;margin:0 auto;gap:2.22rem}
.cp_detail_sec[data-layout="apply"] .camp_thum{width:12.888rem;height:7.33rem;border-radius:.75rem;background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden;margin:0 auto}
.cp_detail_sec[data-layout="apply"] .camp_wrap .camp_title{color:#2B2B2B;flex:1 0 0;font-size:1.88rem;font-weight:600;line-height:140%;word-break:break-all;margin-bottom:0;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cp_detail_sec[data-layout="apply"] .opt_wrap{padding-top:1.33rem;border-top:1px solid #2B2B2B}
.cp_detail_sec[data-layout="apply"] .info_wrap{margin:2.78rem auto;border-top:1px solid #2b2b2b;padding-top:1.33rem}
.cp_detail_sec[data-layout="apply"] .info_wrap > ul > li:not(:first-child){border-top:1px solid #E8E8E8;padding-top:1.78rem;margin-top:1.78rem}
.cp_detail_sec[data-layout="apply"] .info_wrap .top{text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:none;margin-bottom:1.78rem}
.cp_detail_sec[data-layout="apply"] .info_wrap .top .sub_desc{margin-top:.66rem;font-size:.78rem;color:#8A8A8A;font-weight:400;display:block}
.cp_detail_sec[data-layout="apply"] .info_wrap .btn_my_info{padding:.66rem .66rem .65rem;display:block;font-size:.78rem;line-height:1;color:#6C6C6C;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #6C6C6C;border-radius:30px}
.cp_detail_sec[data-layout="apply"] .info_wrap .btn_my_info::after{content:'';display:inline-block;background:url(/front/images/common/ico_more.svg) center center no-repeat transparent;width:11px;height:11px}
.cp_detail_sec[data-layout="apply"] .info_wrap .btn_delete{padding:.66rem .66rem .65rem;display:block;font-size:.78rem;line-height:1;color:#6C6C6C;display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #6C6C6C;border-radius:4px}
.cp_detail_sec[data-layout="apply"] .info_wrap .btm ul{display:flex;justify-content:space-between;align-items:center;gap:1.11rem;flex-direction:column}
.cp_detail_sec[data-layout="apply"] .info_wrap .btm li{display:flex;justify-content:space-between;align-items:center;width:100%;gap:1.28rem}
.cp_detail_sec[data-layout="apply"] .info_wrap .btm .cate_name{text-wrap:nowrap;min-width:19%;width:19%;font-size:1rem;font-weight:600;color:#3A3A3A;line-height:1;position:relative}
.cp_detail_sec[data-layout="apply"] .info_wrap .btm .cate_input{background-color:#F5F5F5;width:100%;height:100%;display:block;padding:1rem 1.16rem;border-radius:4px;color:#666;font-weight:400;font-size:.88rem}
.cp_detail_sec[data-layout="apply"] .info_wrap .btm .cate_name.mg_btm{margin-bottom:4.88rem}
.cp_detail_sec[data-layout="apply"] .info_wrap .btm textarea.cate_input{display:block;font-weight:400;font-size:.88rem;resize:none;height:7.78rem;color:#666}
.cp_detail_sec[data-layout="apply"] .item_wrap .btm li { flex-direction: column; justify-content: flex-start; align-items: flex-start; }
.cp_detail_sec[data-layout="apply"] .choice_wrap {margin:2.78rem auto;border-top:1px solid #2b2b2b;padding-top:1.33rem}
.cp_detail_sec[data-layout="apply"] .choice_wrap .top{text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:none;margin-bottom:1.78rem}
.cp_detail_sec[data-layout="apply"] .choice_wrap .top .sub_desc{margin-top:.66rem;font-size:.78rem;color:#8A8A8A;font-weight:400;display:block}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_list{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:.88rem}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_item{display:block;width:100%}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_item label{display:flex;justify-content:space-between;align-items:center;background-color:#F8F8F8;border:1px solid #DDDDDD;padding:.78rem 1.33rem;border-radius:10px;line-height:1;font-size:1rem;font-weight:500;color:#666;cursor:pointer}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_item label span:last-child{color:#555;font-weight:400}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_item input{display:none;visibility:hidden}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_item input:checked + label {background-color:#fff}
.cp_detail_sec[data-layout="apply"] .choice_wrap .choice_item input:checked + label span:first-child{font-weight:700}
.cp_detail_sec[data-layout="apply"] .file_wrap{margin:2.78rem auto;border-top:1px solid #2b2b2b;padding-top:1.33rem}
.cp_detail_sec[data-layout="apply"] .file_wrap > ul > li:not(:first-child){border-top:1px solid #E8E8E8;padding-top:1.78rem;margin-top:1.78rem}
.cp_detail_sec[data-layout="apply"] .file_wrap .top{text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:none;margin-bottom:1.78rem}
.cp_detail_sec[data-layout="apply"] .file_wrap .btm li{display:flex; flex-direction: column; justify-content:flex-start;align-items:flex-start;width:100%;gap:1.28rem}
.cp_detail_sec[data-layout="apply"] .file_wrap .cate_name{text-wrap:nowrap;min-width:19%;width:19%;font-size:1rem;font-weight:600;color:#3A3A3A;line-height:1;position:relative}
.cp_detail_sec[data-layout="apply"] .file_wrap input{background-color:#F5F5F5;width:100%;height:100%;display:block;padding:1rem 1.16rem;border-radius:4px;color:#666;font-weight:400;font-size:.88rem}
.cp_detail_sec[data-layout="apply"] .file_wrap input[type="file"]{position:relative;width:78px;height:40px;border-radius:4px;overflow:hidden;font-size:.78rem;font-weight:400;flex-shrink:0;padding:.52rem 0;line-height:1}
.cp_detail_sec[data-layout="apply"] .file_wrap input[type="file"]::before{content:'파일 선택';display:block;position:absolute;top:0;right:0;width:100%;height:100%;background-color:#333;line-height:40px;text-align:center;color:#fff}
.cp_detail_sec[data-layout="apply"] .file_wrap .btm ul{display:flex;justify-content:space-between;align-items:center;gap:1.11rem;flex-direction:column}
.cp_detail_sec[data-layout="apply"] .file_wrap .btm li span{background-color:#F5F5F5;width:100%;max-width:232px;height:40px;line-height:40px;display:flex;justify-content:flex-start;align-items:center;padding:0 1.16rem;border-radius:4px;color:#888;font-weight:400;font-size:.78rem;border:1px solid #DADADA;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cp_detail_sec[data-layout="apply"] .file_wrap .file_item{flex:1 0 0;display:flex;justify-content:flex-start;align-items:center;gap:6px}
.cp_detail_sec[data-layout="apply"] .promise_wrap{margin:2.78rem auto;border-top:1px solid #2b2b2b;padding-top:1.33rem}
.cp_detail_sec[data-layout="apply"] .promise_wrap .top{border-bottom:none}
.cp_detail_sec[data-layout="apply"] .promise_wrap .bot{margin-top:1.56rem}
.cp_detail_sec[data-layout="apply"] .promise_wrap .ck_wrap label{font-size:.88rem;color:#777;font-weight:400;cursor:pointer;padding-left:1.5rem;vertical-align:top;line-height:130%}
.cp_detail_sec[data-layout="apply"] .promise_wrap .ck_wrap:not(:last-child){margin-bottom:1rem}
.cp_detail_sec[data-layout="apply"] .btn_wrap{margin:4.44rem auto 0}
.cp_detail_sec[data-layout="apply"] [class^="btn_type"]{display:block;width:100%;max-width:360px;margin:0 auto;height:3.75rem;font-size:1.125rem;font-weight:600;line-height:3.75rem;text-align:center;border-radius:10px}
.cp_detail_sec[data-layout="apply"] .btn_type_01{background-color:#2D2D2D;color:#fff}
.cp_detail_sec[data-layout="apply"] .btn_type_02{border:1px solid #6C6C6C;color:#6C6C6C;background-color:#fff}
.cp_detail_sec[data-layout="apply"] .btn_submit{font-size:1rem}


@media screen and (max-width:767px) {
    .cp_detail_sec[data-layout="apply"] .title{text-align:center;font-size:1.86rem}
    .cp_detail_sec[data-layout="apply"] .camp_wrap{flex-wrap:wrap;flex-direction:column;gap:1.14rem}
    .cp_detail_sec[data-layout="apply"] .camp_thum{width:100%;height:auto;padding-bottom:55%}
    .cp_detail_sec[data-layout="apply"] .camp_wrap .camp_title{font-size:1.5rem;flex:unset;text-align:center;width:100%;padding:0 .86rem}
    .cp_detail_sec[data-layout="apply"] .info_wrap .top .sub_desc{font-size:1rem}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btm ul{gap:1.78rem}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btm li{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btm .cate_input{font-size:1rem}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btm .cate_name{font-size:1.07rem}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btm .cate_name.mg_btm{margin-bottom:0}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btm textarea.cate_input{height:8.57rem}
    .cp_detail_sec[data-layout="apply"] .info_wrap .btn_my_info,
    .cp_detail_sec[data-layout="apply"] .info_wrap .btn_delete{font-size:10px}
    .cp_detail_sec[data-layout="apply"] .file_wrap .top .sub_desc{font-size:1rem}
    .cp_detail_sec[data-layout="apply"] .file_wrap .btm ul{gap:1.78rem}
    .cp_detail_sec[data-layout="apply"] .file_wrap .btm li{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px}
    .cp_detail_sec[data-layout="apply"] .file_wrap .file_item{width:100%}
    .cp_detail_sec[data-layout="apply"] .file_wrap .btm li span{max-width:unset;font-size:.88rem}
    .cp_detail_sec[data-layout="apply"] .file_wrap input[type="file"]{font-size:.88rem}
    .cp_detail_sec[data-layout="apply"] .promise_wrap .ck_wrap label{font-size:1rem;}
    .cp_detail_sec[data-layout="apply"] .agree_wrap label{font-size:1rem}
    .cp_detail_sec[data-layout="apply"] .btn_type_01{max-width:unset;height:4.28rem;line-height:4.28rem}
    .cp_detail_sec[data-layout="apply"] .btn_submit{font-size:1.14rem}
}
    /* --------------------------------cp_detail_sec[data-layout="payment"] end-------------------------------- */


    /* --------------------------------popup-------------------------------- */
#popup_share .in_layer_box{padding:2.22rem 2.5rem 2.22rem;background-color:#ffffff}
#popup_share .title{margin-bottom:0.83rem;font-size:1.11rem;font-weight:800}
#popup_share .share_wrap{display:flex;gap:0.667rem;justify-content:center;align-items:center}
#popup_share .share_wrap li{width:3rem;height:3rem;border-radius:100%;overflow:hidden}
#popup_share .share_wrap li a { width: 100%; height: 100%; display: block;}
/*#popup_share .share_wrap li:not(:last-child){margin-right:0.667rem}*/
#popup_share .share_wrap li:nth-child(1){background:url(../images/common/ico_facebook.png) no-repeat center/cover}
#popup_share .share_wrap li:nth-child(2){background:url(../images/common/ico_kakao.png) no-repeat center/cover}
#popup_share .share_wrap li:nth-child(3){background:url(../images/common/ico_line.png) no-repeat center/cover}
#popup_share .share_wrap li:nth-child(4){background:url(../images/common/ico_band.png) no-repeat center/cover}
#popup_share .share_wrap li:nth-child(5){background:url(../images/common/ico_url.png) no-repeat center/cover}


/* 이용약관 동의, 개인정보 동의 팝업 */
.popup_signup .in_layer_box{min-width:400px;width:90%;max-width:800px;padding:1.6rem 2.33rem;border-radius:20px;overflow:hidden}
#popup_all .popup_signup .btn_close{position:absolute;right:1.6rem;top:1.6rem;width:1rem;height:1rem}
.popup_signup .title_wrap{text-align:left}
.popup_signup .title_wrap .title{font-size:1.11rem;font-weight:800;color:#2B2B2B;text-align:center}
.popup_signup .title_wrap .sub_title{color:#888;font-weight:300}
.popup_signup .cont_wrap{max-height:26.125rem;margin-top:1.11rem;text-align:left;overflow-y:auto}
.popup_signup .cont_wrap p{font-weight:300;line-height:160%}
.popup_signup .cont_wrap .desc{margin-bottom:5rem}
.popup_signup .cont_wrap .next{margin-bottom:5rem;text-align:center;font-weight:300}
.popup_signup .text_wrap:not(:last-of-type){margin-bottom:2rem}
.popup_signup .text_wrap h3{margin:2.22rem 0 .88rem;font-size:1rem;color:#3a3a3a}
.popup_signup .text_wrap p{font-size:.88rem;white-space-collapse:preserve-breaks;line-height:160%;font-weight:400}
.popup_signup .btn_wrap{width:100%;margin:.88rem auto 0}
.popup_signup .btn_popup_close{display:block;width:5.55rem;line-height:2.22rem;font-size:.88rem;height:2.22rem;color:#444;text-align:center;font-weight:500;border:1px solid #bfbfbf;border-radius:10px;margin:0 auto}
@media screen and (max-width:767px) {
    .popup_signup .in_layer_box{max-width:320px}
    #popup_all .popup_signup .btn_close{width:1.25rem;height:1.25rem}
    .popup_signup .btn_popup_close{width:6rem;height:2.86rem;line-height:2.86rem}
    #popup_share .in_layer_box{padding:2.5rem 4.64rem}
    #popup_share .share_wrap{flex-wrap:wrap;width:12.2rem}
    #popup_share .share_wrap li{width:3.57rem;height:3.57rem}
}
/* --------------------------------popup end-------------------------------- */