/* --------------------------------campaign_sec common-------------------------------- */
/*캠페인*/
.campaign_sec .inner {padding-bottom: 11rem;}
.campaign_sec .d_day {position: absolute; right: 1.5rem; top: 0; display: block; padding: 0.5rem 1rem; line-height: 135%; transform: translateY(-50%); background-color: #0547E0; color: #fff; font-weight: 700; border-radius: 12.5rem;}
.campaign_sec .d_day::after {content: ""; position: absolute; left: 0.5rem; bottom: 0; width: 0.625rem; height: 0.625rem; background: url(/static/images/campaign/ico_dday.svg) no-repeat center top/100% auto; transform: translateY(85%);}
.campaign_sec .pg_bar {position: relative; display: block; width: 100%; height: 0.75rem; background-color: #DFE5F2; border-radius: 6.25rem;}
.campaign_sec .pg_bar span {position: absolute; left: 0; top: 0; height: 0.75rem; background-color: #0547E0; border-radius: 6.25rem;}
.campaign_sec .pg_num {display: flex; justify-content: space-between; align-items: center; margin-top: 0.75rem; font-size: 1.25rem; font-weight: 700;}
.campaign_sec .pg_num h5 {color: #284FA8;}
.campaign_sec .pg_num h6 {color: #545454;}
/*댓글섹션*/
.board_comment_sec .inner {max-width: 940px; padding-bottom: 11rem;}
/*옵션 레이어 메뉴*/
.option_wrap {display: flex; align-items: center; justify-content: space-between;}
.option_wrap .flex_wrap {display: flex; align-items: center; gap: 1rem;}
.option_wrap .btn_filter {position: relative; display: block; width: 2rem; height: 2rem; background: url(/static/images/common/ico_filter.png) no-repeat center/100% auto;}
.option_wrap .btn_filter.on::after {content: ""; position: absolute; left: 0.125rem; top: 0.25rem; width: 0.5rem; height: 0.5rem; background-color: #0547E0; border-radius: 50%;}
.filter_layer {position:fixed; top: 0; left: 0; width:100%; height:calc(var(--var, 1vh) * 100); height:100svh; z-index:997;display: none;}
.filter_layer .bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.filter_layer .title {font-size: 1.75rem; color: #222; font-weight: 700;}
.filter_layer .sub_tit {margin-bottom: 1.25rem; font-size: 1.5rem; color: #222; font-weight: 700;}
.filter_layer .filter {position: absolute; right: -600px; top: 0; width: 600px; height: 100%; background-color: #fff; overflow-y: auto; transition-delay:0.2s; transition:0.8s;}
.filter_layer.active .filter {right:0;}
.filter_header .inner {display: flex; align-items: center; justify-content: space-between; height: 6.25rem;}
.filter_header .btn_close {width: 2rem; height: 2rem; /*웹*/background: url(/static/images/temp/filter_btn_close.png) no-repeat center/100% auto;}
.filter_header .btn_home {display: none; width: 2rem; height: 2rem; background:url(/static/images/common/ico_home_dark.svg) no-repeat center/100% auto;}
.filter_header .title {display: none;}
.filter_cont {padding: 1rem 0 5.375rem;}
.filter_cont .title {margin-bottom: 2.5rem;}
.filter_list >li:not(:last-child) {margin-bottom: 2.5rem;}
.filter_list ul {display: flex; flex-wrap: wrap; gap: 0.625rem 0.5rem;}
.filter_list ul li {position:relative; width: calc((100% - (0.5rem *2))/3)}
.filter_list input {position:absolute;left:50%;top:50%;width:100%;height:100%;z-index:0;transform:translate(-50%,-50%);appearance:none}
.filter_list input + label {display: block; padding: 1.5rem 0; border: 1px solid #d5ddef; text-align: center; border-radius: 1.5rem; color: #1A378D; font-weight: 600; font-size: 1rem;}
.filter_list input:checked + label {/*웹border: 1px solid #89a2e9;*/border: 3px solid #89a2e9;}
.filter_list input:checked + label::after {content: ""; position:absolute; right: 0; top: 0; width:1.5rem; height:1.5rem; transform:translateY(-25%); background:url(/static/images/common/ico_checkbox_on.svg) no-repeat center/100% auto}
.filter_list .category li {width: auto; position:relative;}
.filter_list .category input + label {padding: 0.75rem 1.25rem;}
.filter_list .category input:checked + label {border: 1px solid #0547E0; background-color: #0547E0; color: #fff; /* 웹X */ text-decoration: underline; font-weight: bold}
/* 웹 */
/*.filter_list .category input:checked + label::after {display: none;}*/
.filter_list .category input:checked + label::after  {content: ""; position:absolute; right: 0; top: 0; width:1.5rem; height:1.5rem; transform:translateY(-25%); background:url(/static/images/common/ico_checkbox_on.svg) no-repeat center/100% auto}
.filter_list .bank input + label {height: 0; padding: 0 0 58%; background-position: center; background-repeat: no-repeat; background-size: 100% auto;}
.filter_layer .btn_wrap {margin-top: 2rem;}
/*img file : 추가수정*/
.campaign_sec .input_wrap[data-layout="img"] li {width: 6.25rem; height: 6.25rem;}
.campaign_sec .input_wrap[data-layout="img"] label {background-size: cover; background-repeat:no-repeat; background-position:center; background-color: #fff; background-image: url(/static/images/campaign/ico_more_dark_blue.svg); border: 1px solid #EBEEF6; z-index: 2;}
.campaign_sec .input_wrap[data-layout="img"] li:first-child label {background-size: 32px auto; background-color: #EFF2F9;}

/*접근성 수정*/
.campaign_sec .pg_num {display: flex; justify-content: space-between; align-items: center; margin-top: 0.75rem; font-size: 1.25rem; font-weight: 700;}
.campaign_sec .pg_num .percent {color: #284FA8;}
.campaign_sec .pg_num .amount {color: #545454;}
@media screen and (max-width:1024px) {
    .filter_layer .filter {right: -500px; width: 500px;}
}/*md*/
@media screen and (max-width:767px) {
    .filter_layer .filter {width: 100%; max-width: 500px;}
    .filter_header .inner {height: 5rem;}
    .filter_header .btn_home {display: block;}
    .filter_header .title {display: block; font-size: 1.5rem;}
    .filter_cont .title {display: none;}
}/*sm*/
@media screen and (max-width:500px) {
    .filter_cont {padding: 1rem 0 12rem;}
    .filter_layer .btn_wrap {position: fixed; left: 0; bottom: 0; width: 100%; margin-top: 0; padding: 1.33rem; background-color: #fff; z-index: 102; border-radius: 1.875rem 1.875rem 0 0; box-shadow: 4px 4px 20px 0px rgba(0, 64, 153, 0.20);}
}/*xsm*/
/* --------------------------------campaign_sec common end-------------------------------- */


/* --------------------------------campaign_sec list-------------------------------- */
.campaign_sec[data-layout="list"] .list_wrap {margin-top: 1.5rem;}
.campaign_sec[data-layout="list"] .list_wrap ul {display: flex; flex-wrap: wrap; gap: 1.25rem;}
.campaign_sec[data-layout="list"] .list_wrap li {width: calc((100% - (1.25rem*2))/3); border-radius: 1.875rem;  border: 1px solid #DFE5F2;}
.campaign_sec[data-layout="list"] .list_wrap li >a {position: relative; display: block; border-radius: 1.875rem 1.875rem 0 0; overflow: hidden; z-index: 1;}
.campaign_sec[data-layout="list"] .list_wrap figure {width: 100%; height: 0; padding-bottom: 65%; border-bottom: 1px solid #DFE5F2; background-size: cover; background-position: center; background-repeat: no-repeat;}
/*no list*/
.campaign_sec[data-layout="list"] .list_wrap .no_list {width: 100% !important; border: none !important; border-radius: 0 !important; overflow: visible !important; padding: 8.25rem 0; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative;}
.campaign_sec[data-layout="list"] .list_wrap .no_list figure {width: 200px; height: 200px; background-position: center; background-repeat: no-repeat; background-size: contain; background-image: url(/static/images/character/clover_08.png); margin: 0 auto 2.5rem; padding-bottom: 0 !important; border-bottom: none !important;}
.campaign_sec[data-layout="list"] .list_wrap .no_list .title {font-size: 2rem; color: #222; font-weight: 700; line-height: 140%;}
.campaign_sec[data-layout="list"] .list_wrap .no_list .sub_tit {margin-top: 0.375rem; font-size: 1.25rem; color: #284FA8; font-weight: 500; line-height: 140%;}
.campaign_sec[data-layout="list"] .list_wrap .no_list .desc {font-size: 1.25rem; color: #222; font-weight: 600; line-height: 135%; margin: 0;}
.campaign_sec[data-layout="list"] .list_wrap .no_list .btn_wrap {margin-top: 3.5rem;}
.campaign_sec[data-layout="list"] .list_wrap .no_list .btn_type_01 {max-width: unset;}
@media screen and (max-width: 767px) {
    .campaign_sec[data-layout="list"] .list_wrap .no_list {padding: 1.85rem 0;}
    .campaign_sec[data-layout="list"] .list_wrap .no_list figure {width: 120px; height: 120px;}
    .campaign_sec[data-layout="list"] .list_wrap .no_list .btn_wrap {position: absolute; left: 50%; bottom: 2rem; width: 100%; margin-top: 0; transform: translateX(-50%);}
    .campaign_sec[data-layout="list"] .list_wrap .no_list .btn_type_01 {width: 100%;}
    .campaign_sec[data-layout="list"] .list_wrap .no_list .desc {font-size: 1.1rem;}
}
/*상단 태그*/
.campaign_sec[data-layout="list"] .tag_wrap {display: flex; gap: 0.5rem; position: absolute; left: 1.5rem; top: 0;}
.campaign_sec[data-layout="list"] .tag_wrap span {display: flex; align-items: center; gap: 0.125rem; padding: 0.75rem 1rem 0.625rem; border-radius: 0 0 14px 14px; background-color: #1A378D; color: #fff; font-size: 1rem; font-weight: 700;}
.campaign_sec[data-layout="list"] .tag_wrap span::before {content: ""; display: block; width: 1rem; height: 1rem; background: url(/static/images/campaign/ico_tag.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="list"] .tag_wrap[data-layout="volunteer"] span::before {background-image: url(/static/images/campaign/ico_tag_02.svg);}
.campaign_sec[data-layout="list"] .tag_wrap[data-layout="contest"] span::before {background-image: url(/static/images/campaign/ico_tag_03.svg);}
/*타이틀*/
.campaign_sec[data-layout="list"] .text_wrap {position: relative; padding: 2rem;}
.campaign_sec[data-layout="list"] .category {margin-bottom: 0.125rem; color: #5372B9; font-size: 1rem; line-height: 135%;}
.campaign_sec[data-layout="list"] .title {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; width: 100%; height: 4.75rem; font-size: 1.75rem; font-weight: 700; line-height: 135%;}
/*하단 상태 표시*/
.campaign_sec[data-layout="list"] .status_wrap {overflow: hidden; position: relative; display: flex; align-items: center; justify-content: center; gap: 1.25rem; height: 5.875rem; padding: 0 2rem; background-color: #F5F7FB; border-radius: 0 0 1.875rem 1.875rem;}
.campaign_sec[data-layout="list"] .pg_wrap {flex: 1;}
.campaign_sec[data-layout="list"] .btn_like {display: block; width: 3.125rem; height: 3.125rem; background: url(/static/images/temp/camp_ico_heart.svg) no-repeat center/100% auto;/*웹 background: url(/static/images/campaign/ico_heart.svg) no-repeat center/100% auto;*/}
.campaign_sec[data-layout="list"] .btn_like.on {background-image: url(/static/images/campaign/ico_heart_on.svg);}
.campaign_sec[data-layout="list"] .status_text {font-size: 1.25rem; color: #545454; font-weight: 700;}
.campaign_sec[data-layout="list"] .btn_status {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; gap: 0.25rem; width: 100%; height: 100%; font-size: 1.25rem; font-weight: 700; background-color: #0547E0; color: #fff;}
.campaign_sec[data-layout="list"] .btn_status::after {content: ""; display: block; width: 2rem; height: 2rem; background: url(/static/images/campaign/ico_next_wh.svg) no-repeat center/100% auto;}

/*접근성 수정*/
.campaign_sec[data-layout="list"] .list_wrap .img {width: 100%; height: 0; padding-bottom: 65%; border-bottom: 1px solid #DFE5F2; background-size: cover; background-position: center; background-repeat: no-repeat;}
@media screen and (max-width:1024px) {
    .campaign_sec[data-layout="list"] .list_wrap li {width: calc((100% - (1.25rem*1))/2);}
}/* md */
@media screen and (max-width:580px) {
    .campaign_sec[data-layout="list"] .list_wrap li {width: 100%;}
}/* sm */
/* --------------------------------campaign_sec list end-------------------------------- */


/* --------------------------------campaign_sec detail-------------------------------- */
.campaign_sec[data-layout="detail"] {padding-bottom: 5rem;}
.campaign_sec[data-layout="detail"] .inner {padding: 0;}
.campaign_sec[data-layout="detail"] .sec_tit_wrap {width: 88.88%; padding-top: 6.38rem;}
/*상단 캠페인 정보*/
.campaign_info {width: 88.88%; max-width: 1420px; margin: 0 auto; padding: 1.5rem 0 5rem;}
.campaign_info .flex_wrap {display: flex; gap: 5rem;}
.campaign_info figure {width: calc((700/1420) * 100%); height: 0; padding-bottom: calc((450/1420) * 100%); border-radius: 2.5rem; background-size: cover; background-repeat: no-repeat; background-position: center;}
.campaign_info .text_wrap {flex: 1;}
.campaign_info .title_wrap h4 {margin-bottom: 0.125rem; font-size: 1rem; color: #5372B9; line-height: 135%;}
.campaign_info .title_wrap h3 {font-size: 1.75rem; color: #222; font-weight: 700; line-height: 135%;}
.campaign_info .title_wrap .btn_name {position: relative; display: flex; align-items: center; gap: 1.25rem; margin-top: 1rem; font-size: 1rem; font-weight: 700; color: #222;}
.campaign_info .title_wrap .btn_name i {display: block; width: 3.125rem; height: 3.125rem; border-radius: 1.25rem; border: 1px solid #EBEEF6; background-size: 84% auto; background-repeat: no-repeat; background-position: center;}
.campaign_info .title_wrap a.btn_name::after {content: ""; position: absolute; right: 0; top: 50%; width: 2rem; height: 2rem; background: url(/static/images/campaign/ico_next_lb.svg) no-repeat center/100% auto; transform: translateY(-50%);}
.campaign_info .title_wrap .btn_name[data-ico="none"]::after {display: none;}
.campaign_info .status_wrap {position: relative; margin-top: 2rem; padding: 2.5rem 2.5rem 2rem; border-radius: 1.875rem; background-color: #F5F7FB;}
.campaign_info .status_wrap .d_day {padding: 0.375rem 0.75rem;}
.campaign_info .status_wrap .pg_num h5 {font-size: 1rem; color: #222; font-weight: 500;}
.campaign_info .status_wrap .pg_num >div {display: flex; gap: 0.5rem;}
.campaign_info .status_wrap .pg_num h6 {font-size: 1.5rem; font-weight: 700;}
.campaign_info .status_wrap .pg_num h6:nth-child(1) {color: #222;}
.campaign_info .status_wrap .pg_num h6:nth-child(2) {color: #1A378D;}
.campaign_info .dona_wrap {position: relative; margin-top: 1rem; padding: 3rem 2.5rem; background-color: #fff; border-radius: 1.875rem; box-shadow: 3px 3px 15px 0 rgba(0, 64, 153, 0.12);}
.campaign_info .dona_wrap::after {content: ""; position: absolute; left: calc((354/640) * 100%); bottom: 40%; width: calc((218/640) * 100%); height: 0; padding-bottom: calc((140/640) * 100%); background: url(/static/images/campaign/campaign_btn.png) no-repeat center/100% auto;}
.campaign_info .dona_wrap h3 {margin-bottom: 1.5rem; font-size: 1.5rem; color: #222; font-weight: 700; line-height: 135%;}
.campaign_info .dona_wrap .btn_type_01 {width: 100%; max-width: unset;}
/*탭메뉴*/
.campaign_sec[data-layout="detail"] .tab_menu_wrap_modi {margin-bottom: 2.5rem; border-bottom: 1px solid #E5E5E5;}
.campaign_sec[data-layout="detail"] .tab_menu_wrap_modi ul {display: flex; justify-content: center; width: 88.88%; max-width: 940px; margin: 0 auto;}
.campaign_sec[data-layout="detail"] .tab_menu_wrap_modi li {position: relative; flex: 1;}
.campaign_sec[data-layout="detail"] .tab_menu_wrap_modi button {display: block; width: 100%; height: 6.25rem; background-color: #fff; font-size: 1.25rem; color: #222; font-weight: 600;}
.campaign_sec[data-layout="detail"] .tab_menu_wrap_modi li.show::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 4rem; height: 3px; background-color: #0547E0; transform: translateX(-50%);}
.campaign_sec[data-layout="detail"] .tab_cont {width: 88.88%; max-width: 940px; margin: 0 auto; text-align:center}
.campaign_sec[data-layout="detail"] .tab_cont >li {display: none;}
.campaign_sec[data-layout="detail"] .tab_cont >li.show {display: block;}
.campaign_sec[data-layout="detail"] .tab_cont > li.show > span > p:has(> img:only-child) {line-height: 0;}/* img 태그 하나만 있을 때 */
.campaign_sec[data-layout="detail"] .tab_cont > li.show > span > p:has(> a:only-child > img:only-child) {line-height: 0;}/* a 태그 이미지 하나만 있을 때 */
.campaign_sec[data-layout="detail"] .tab_cont figure img {width: 100%;}

.campaign_sec[data-layout="detail"] .cont_wrap {width: 100%; max-width: 940px; margin: 0 auto;}
.campaign_sec[data-layout="detail"] .cont_wrap >li {margin-top: 5rem;}
.campaign_sec[data-layout="detail"] .cont_wrap h3 {font-size: 1.75rem; font-weight: 700; color: #222; line-height: 135%;}
/*문제영역*/
.campaign_sec[data-layout="detail"] .question h3 {display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; font-size: 1.25rem;}
.campaign_sec[data-layout="detail"] .question h3:before {content: ""; display: block; width: 2rem; height: 2rem; background: url(/static/images/campaign/ico_q.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="detail"] .question input {left: 0; top: 0; width: 100%; height: 100%;}
.campaign_sec[data-layout="detail"] .question input + label {background-color: #fff; border: 1px solid #d5ddef; border-radius: 1.25rem; }
.campaign_sec[data-layout="detail"] .question input:checked + label {border: 1px solid #0547E0; background-color: #ecf0fc;}
.campaign_sec[data-layout="detail"] .radio_wrap li:not(:last-child) {margin-bottom: 0.5rem;}
/*.campaign_sec[data-layout="detail"] .radio_wrap input {transform: translate(0);}*/
/*.campaign_sec[data-layout="detail"] .radio_wrap input + label {padding: 1.5rem 2rem 1.5rem 3.5rem; font-size: 1rem; font-weight: 700; color: #222;}*/
/*.campaign_sec[data-layout="detail"] .radio_wrap input + label span {left: 1.5rem; width: 1.25rem; height: 1.25rem;}*/
/*.campaign_sec[data-layout="detail"] .radio_wrap input:checked + label {color: #1A378D;}*/
.campaign_sec[data-layout="detail"] .radio_wrap .input_wrap[data-layout="radio"] label {display:block; width:100%; height:4.5rem; line-height:4.5rem; padding:0 18px 0 46px; color:#222; font-size:1rem; font-weight:700}
.campaign_sec[data-layout="detail"] .radio_wrap .input_wrap[data-layout="radio"] .custom_checkbox {margin-left:1rem}
.campaign_sec[data-layout="detail"] .radio_wrap .input_wrap[data-layout="radio"] input[type="radio"] {display:block; width:100%; height:100%; cursor:pointer; padding:18px 18px 18px 46px; border-radius:12px; border:1px solid #6c87c6/*웹x EAEEF7*/; position:absolute; top:0; left:0; z-index:-1; transform:none; opacity:1}
.campaign_sec[data-layout="detail"] .radio_wrap .input_wrap[data-layout="radio"] input[type="radio"]:checked {/*웹*/text-decoration:underline; border:3px solid #0547E0; background:linear-gradient(0deg,#0547e014 0%,#0547e014 100%),#FFF; box-shadow:2px 2px 10px 0 #00409914; color:#1A378D}

.campaign_sec[data-layout="detail"] .ox_wrap {display: flex; gap: 1rem;}
.campaign_sec[data-layout="detail"] .ox_wrap li {position: relative; flex: 1;}
.campaign_sec[data-layout="detail"] .ox_wrap input {position: absolute;}
.campaign_sec[data-layout="detail"] .ox_wrap input + label {display: block; width: 100%; height: 10rem; border: 1px solid #d5ddef; border-radius: 1.25rem; background-size: 4rem auto; background-position: center; background-repeat: no-repeat;}
.campaign_sec[data-layout="detail"] .ox_wrap li:nth-child(1)  input + label {background-image: url(/static/images/campaign/ico_o.svg);}
.campaign_sec[data-layout="detail"] .ox_wrap li:nth-child(2)  input + label {background-image: url(/static/images/campaign/ico_x.svg);}
.campaign_sec[data-layout="detail"] .ox_wrap input:checked + label {background-color: #ecf0fc;}




.campaign_sec[data-layout="detail"] .answer_wrap {padding: 2rem; border: 1px solid #d5ddef; border-radius: 1.25rem; text-align: left;}
.campaign_sec[data-layout="detail"] .answer_wrap h4 {display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.75rem; padding-bottom: 0.75rem; font-weight: 700; font-size: 1rem; color: #222; border-bottom: 1px solid #ebeef6;}
.campaign_sec[data-layout="detail"] .answer_wrap span {display: block; padding: 0.5rem 0.625rem; background-color: #0547E0; color: #fff; border-radius: 1rem;}
.campaign_sec[data-layout="detail"] .answer_wrap p {white-space: pre-line; line-height: 135%;}
/*인증내역*/
.campaign_sec[data-layout="detail"] .parti_history .input_wrap[data-layout="switch"] input:checked {background: #0547E0;}
.campaign_sec[data-layout="detail"] .parti_history h3 {margin-bottom: 1.75rem; text-align: left;}
.campaign_sec[data-layout="detail"] .parti_history >ul >li {position: relative; padding: 1.5rem 0;}
.campaign_sec[data-layout="detail"] .parti_history >ul >li:not(:first-child) {border-top: 1px solid #EBEEF6;}
.campaign_sec[data-layout="detail"] .parti_history .user_wrap {display: flex; align-items: center; gap: 1.25rem; margin-bottom: 0.5rem;}
.campaign_sec[data-layout="detail"] .parti_history .user_wrap figure {width: 5rem; height: 5rem; border-radius: 1.875rem; border:1px solid #EAEEF7; background-position:center; background-repeat:no-repeat; background-size:75% auto; background-color:#ffffff;}
.campaign_sec[data-layout="detail"] .parti_history .user_wrap h4 {font-size: 1rem; font-weight: 700; color: #222; line-height: 135%; text-align: left;}
.campaign_sec[data-layout="detail"] .parti_history .user_wrap h5 {margin-top: 0.125rem; line-height: 135%; color: #aaa; font-size: 1rem; text-align: left;}
.campaign_sec[data-layout="detail"] .parti_history .cont {display: flex; align-items: center; gap: 2rem; padding: 0 5rem 0 6.25rem;}
.campaign_sec[data-layout="detail"] .parti_history .cont figure {width: 7.5rem; height: 7.5rem; border-radius: 1.875rem; border: 1px solid #EBEEF6; background-size: cover; background-position: center; background-repeat: no-repeat;}
.campaign_sec[data-layout="detail"] .parti_history .cont p {flex: 1; color: #545454; font-size: 1rem; line-height: 135%; text-align: left; align-self: flex-start;}
.campaign_sec[data-layout="detail"] .parti_history .cont button {display: block; width: 100%; height: 100%;}
.campaign_sec[data-layout="detail"] .parti_history .btn_wrap {position: absolute; right: 0; top: 3rem; gap: 0;}
.campaign_sec[data-layout="detail"] .parti_history .btn_like {display: flex; align-items: center; padding: 4px 8px 4px 4px; border: 1px solid #d5ddef; line-height: 100%; border-radius: 6.25rem; color: #6C87C6; font-size: 1rem; font-weight: 600;}
.campaign_sec[data-layout="detail"] .parti_history .btn_like::before {content: ""; display: block; width: 1.25rem; height: 1.25rem; background: url(/static/images/campaign/ico_heart_small.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="detail"] .parti_history .btn_like.on {background-color: #0547E0; border-color: #0547E0; color: #fff;}
.campaign_sec[data-layout="detail"] .parti_history .btn_like.on::before {background: url(/static/images/campaign/ico_heart_small_on.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="detail"] .parti_history .btn_opt {width:2rem;height:2rem;background:url(/static/images/common/btn_more_ct.png) no-repeat center/100% auto;display:block}
.campaign_sec[data-layout="detail"] .parti_history .option{display:none;width:72px;padding:6px 10px;border-radius:12px;background:#FFF;box-shadow:4px 4px 10px 0 rgba(0,64,153,0.15);position:absolute;right:0;bottom:0;transform:translateY(100%)}
.campaign_sec[data-layout="detail"] .parti_history .option li{padding:6px 4px}
.campaign_sec[data-layout="detail"] .parti_history .option li:not(:last-child){border-bottom:1px solid #D5DDEF}
.campaign_sec[data-layout="detail"] .parti_history .option button{color:#545454;text-align:center;font-size:12px;font-weight:500;line-height:135%}
.campaign_sec[data-layout="detail"] .parti_history .btn_more {margin: 1.5rem auto 0;}
.campaign_sec[data-layout="detail"] .parti_history .no_cont {margin-top: 1.25rem; padding: 2.5rem; background-color: #F5F7FB; border-radius: 1.75rem; line-height: 135%; font-size: 1.25rem; color: #222;}
/*기부내역*/
.campaign_sec[data-layout="detail"] .dona_history {position: relative;}
.campaign_sec[data-layout="detail"] .dona_history .btn_more_dona {position: absolute; right: 0; top: 0; width: 2rem; height: 2rem; background: url(/static/images/campaign/ico_more.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="detail"] .dona_history li {display: flex; align-items: center; justify-content: space-between; padding: 2rem 0; border-bottom: 1px solid #EBEEF6;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap {display: flex; align-items: center; gap: 1.25rem; margin-bottom: 0.5rem;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap figure {width: 5rem; height: 5rem; border-radius: 1.875rem; border:1px solid #EAEEF7; background-position:center; background-repeat:no-repeat; background-size:75% auto; background-color:#ffffff;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap h6 {font-size: 1rem; line-height: 135%; color: #5372B9;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap h4 {margin-top: 0.125rem; font-size: 1.25rem; font-weight: 600; color: #222; line-height: 135%;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap h5 {margin-top: 0.25rem; font-size: 1rem; line-height: 135%; color: #666;}
.campaign_sec[data-layout="detail"] .dona_history .amount {color: #0547E0; font-size: 1.25rem; font-weight: 600;}
.campaign_sec[data-layout="detail"] .dona_history .btn_more {margin: 1.5rem auto 0;}
/*후기탭*/
.campaign_sec[data-layout="detail"] .underway .no_list {padding: 2.5rem 0;}
.campaign_sec[data-layout="detail"] .plan_wrap h3 {text-align: left;}
.campaign_sec[data-layout="detail"] .plan_wrap ul {margin-top: 1.5rem;}
.campaign_sec[data-layout="detail"] .plan_wrap li {display: flex; justify-content: space-between; padding: 1.5rem 2rem; color: #222; background-color: #F5F7FB; border-radius: 1.5rem;}
.campaign_sec[data-layout="detail"] .plan_wrap li:not(:last-child) {margin-bottom: 0.5rem;}
.campaign_sec[data-layout="detail"] .plan_wrap h6 {font-size: 1.25rem; font-weight: 600;}
.campaign_sec[data-layout="detail"] .plan_wrap p {font-size: 1.5rem; font-weight: 600;}

/*접근성 수정*/
.campaign_info .title_wrap .cate {margin-bottom: 0.125rem; font-size: 1rem; color: #5372B9; line-height: 135%;}
.campaign_info .title_wrap .title {font-size: 1.75rem; color: #222; font-weight: 700; line-height: 135%;}
.campaign_info .status_wrap .pg_num .goal_amt {font-size: 1rem; color: #222; font-weight: 500;}
.campaign_info .status_wrap .pg_num .amount,
.campaign_info .status_wrap .pg_num .percent {font-size: 1.5rem; font-weight: 700;}
.campaign_info .status_wrap .pg_num .amount {color: #222;}
.campaign_info .status_wrap .pg_num .percent {color: #1A378D;}

.campaign_info .dona_wrap p {margin-bottom: 1.5rem; font-size: 1.5rem; color: #222; font-weight: 700; line-height: 135%;}

/*추가 20250723*/
.campaign_sec[data-layout="detail"] .btn_fixed .btn_group {flex-wrap: wrap;}
.campaign_sec[data-layout="detail"] .btn_fixed .btn_link {flex: unset;}
@media screen and (max-width:1400px) {
    .campaign_info .flex_wrap{gap:2rem}
    .campaign_info .status_wrap {padding: 2.5rem 2rem 2rem;}
}/* md */
/*기부탭*/
.campaign_sec[data-layout="detail"] .dona_history h3 {text-align:left; margin:0; padding: 0;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap h4 {text-align:left; margin:0; padding: 0;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap h5 {text-align:left; margin:0; padding: 0;}
.campaign_sec[data-layout="detail"] .dona_history .user_wrap h6 {text-align:left; margin:0; padding: 0;}
@media screen and (max-width:1200px) {
    /*상단 캠페인 정보*/
    .campaign_info {width: 100%; padding: 0 0 3.33rem;}
    .campaign_info .flex_wrap {gap: 3rem; flex-direction: column;}
    .campaign_info .text_wrap {display: flex; align-items: self-start; flex-wrap: wrap; gap: 1rem; width: 88.88%; margin: 0 auto;}
    .campaign_info .title_wrap {width: 100%;}
    .campaign_info figure {width: 100%; padding-bottom: calc((230/360) * 100%); border-radius: 0;}
    .campaign_info .status_wrap {width: calc(100% - 1rem); margin-top: 0;}
    .campaign_info .dona_wrap {width: calc(100% - 1rem); margin-top: 0; padding: 2.5rem 2rem;}
    .campaign_info .dona_wrap::after {left: auto; right: calc(2.5rem + 2rem); bottom: calc(25% + 2.5rem); width: 142px; height: 92px; padding-bottom: 0;}
}/* md */
@media screen and (max-width:900px) {
    /*상단 캠페인 정보*/
    .campaign_info .text_wrap {flex-direction: column; gap: 2rem;}
    .campaign_info .text_wrap >div {width: 100%; margin: 0;}
    .campaign_info .dona_wrap {padding: 2.66rem 0 0; box-shadow: none;}
    .campaign_info .dona_wrap::after {left: auto; right:0; bottom: 25%; width: calc(140 / 328 * 100%); max-width: 140px; height: unset; aspect-ratio: 142 / 92; padding-bottom: 0;}
    /*탭메뉴*/
    .campaign_sec[data-layout="detail"] .tab_menu_wrap_modi button {height: 4rem;}
    .campaign_sec[data-layout="detail"] .cont_wrap {margin: 0 auto;}
    /*인증내역*/
    .campaign_sec[data-layout="detail"] .parti_history >ul >li {padding: 2rem 0;}
    .campaign_sec[data-layout="detail"] .parti_history .user_wrap {margin-bottom: 1.33rem;}
    .campaign_sec[data-layout="detail"] .parti_history .cont {gap: 1.33rem; padding: 0;}
    .campaign_sec[data-layout="detail"] .parti_history .btn_more {width: 100%; max-width: unset; margin-top: 0.66rem;}
    /*추가 20250723*/
    .campaign_sec[data-layout="detail"] .pg_num {flex-direction: column; align-items: flex-start; gap: 0.25rem;}
}/* md */
/* --------------------------------campaign_sec detail end-------------------------------- */


/* --------------------------------campaign_sec donation-------------------------------- */
.campaign_sec[data-layout="donation"] .cont_wrap {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 5rem; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
.campaign_sec[data-layout="donation"] .campaign_info {position: -webkit-sticky; position: sticky; top: 0; width: calc((460/1420) * 100%); max-height: 620px; padding: 0; transition: top 0.5s;}
.campaign_sec[data-layout="donation"] .campaign_info.on {top: 6rem;}
.campaign_sec[data-layout="donation"] .campaign_info figure {width: 100%; height: 0; padding-top: 0; padding-bottom: calc((296/460) * 100%); border: 1px solid #F5F7FB; background-size: cover; background-position: center; background-repeat: no-repeat;}
.campaign_sec[data-layout="donation"] .campaign_info .title_wrap {margin-top: 3rem;}
.campaign_sec[data-layout="donation"] .campaign_info .btn_wrap {margin-top: 3rem;}
.campaign_sec[data-layout="donation"] .campaign_info .btn_wrap .btn_type_01 {max-width: unset; width: 100%;}
.campaign_sec[data-layout="donation"] .btn_wrap .btn_type_01 .odometer {transform: translateY(1px);}
.campaign_sec[data-layout="donation"] .form_wrap {flex: 1;}
.campaign_sec[data-layout="donation"] .form_wrap >ul >li {position: relative;}
.campaign_sec[data-layout="donation"] .form_wrap >ul >li:not(:last-child) {margin-bottom: 3.5rem;}
.campaign_sec[data-layout="donation"] .form_wrap h5 {margin-bottom: 1.25rem; font-size: 1.25rem; font-weight: 500; line-height: 135%; color: #222;}
.campaign_sec[data-layout="donation"] .form_wrap .desc {margin-top: 1.25rem; text-align: center; color: #595959; line-height: 135%; font-size: 1rem;}
.campaign_sec[data-layout="donation"] .form_wrap >ul >li >.btn_popup {display: flex; align-items: center; gap: 0.25rem; position: absolute; right: 0; top: 0; padding: 0.75rem 1.25rem; font-size: 1rem; font-weight: 700; color: #1A378D; transform: translateY(-15%); border: 1px solid #D5DDEF; border-radius: 1.25rem;}
.campaign_sec[data-layout="donation"] .form_wrap >ul >li >.btn_popup::before {content: ""; display: block; width: 1rem; height: 1rem; background: url(/static/images/common/ico_info.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="donation"] .form_wrap .btn_wrap {margin: 0 auto;min-width: unset;max-width: 1540px;height: 7rem;position: fixed; left: 50%; bottom: 0; width: 100%; padding: 1.5rem 3.75rem 2rem; transform: translateX(-50%); background-color: #fff; border-radius: 1.875rem 1.875rem 0 0; box-shadow: 4px 4px 20px 0 rgba(0, 64, 153, 0.20); z-index: 1002;}
.campaign_sec[data-layout="donation"] .form_wrap .btn_wrap .btn_type_01 {max-width: unset; width: 100%; margin: 0 auto;}
.campaign_sec[data-layout="donation"] .form_wrap .info {display: flex; align-items: center; gap: 1.25rem; padding: 2.875rem 3.5rem; background-color: #F5F7FB; border-radius: 1.875rem;}
.campaign_sec[data-layout="donation"] .form_wrap .info::before {content: ""; display: block; width: 2.25rem; height: 2.25rem; background: url(/static/images/campaign/ico_heart_hand.svg) no-repeat center/100% auto;}
.campaign_sec[data-layout="donation"] .form_wrap .info h6 {flex: 1; font-size: 1.5rem; font-weight: 600;}
.campaign_sec[data-layout="donation"] .form_wrap .info h6 span {color: #0547E0;}
/*걸음, 클로버, 결제 기부 폼 공통*/
.form_wrap[data-layout="donation"] h5 {display: flex; align-items: center; gap: 0.75rem; font-size: 1.75rem; font-weight: 700;}
.form_wrap[data-layout="donation"] h5::before {content: ""; display: block; width: 2rem; height: 2rem; background-size: 100% auto; background-repeat: no-repeat; background-position: center;}
.form_wrap[data-layout="donation"] li.walk h5::before {background-image: url(/static/images/campaign/ico_shoes.svg);}
.form_wrap[data-layout="donation"] li.clover h5::before {background-image: url(/static/images/campaign/ico_clover.svg);}
.form_wrap[data-layout="donation"] li.pay h5::before {background-image: url(/static/images/campaign/ico_heart_red.svg);}
.form_wrap[data-layout="donation"] .cont_box {padding: 2rem 2.5rem; background-color: #F5F7FB; border-radius: 1.875rem;}
.form_wrap[data-layout="donation"] .title_wrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem; font-size: 1.25rem; color: #222; font-weight: 600;}
.form_wrap[data-layout="donation"] .title_wrap p {color: #545454;}
.form_wrap[data-layout="donation"] .title_wrap .btn_type_01 {max-width: unset;}
.form_wrap[data-layout="donation"] .title_wrap .btn_type_01:disabled::after {display: none;}
.form_wrap[data-layout="donation"] .title_wrap .input_wrap[data-layout="checkbox"] input + label {padding-left: 2rem; font-weight: 400;}
.form_wrap[data-layout="donation"] .title_wrap .input_wrap[data-layout="checkbox"] input + label span {background-image: url(/static/images/common/ico_checkbox_squre_off.svg);}
.form_wrap[data-layout="donation"] .title_wrap .input_wrap[data-layout="checkbox"] input:checked + label span {background-image: url(/static/images/common/ico_checkbox_squre_on.svg);}
.form_wrap[data-layout="donation"] .flex_wrap {display: flex; align-items: center; gap: 0.5rem;}
.form_wrap[data-layout="donation"] .flex_wrap >div {flex: 1;}
.form_wrap[data-layout="donation"] .flex_wrap .btn_dona_all {width: 12.5rem; height: 4rem;}
/*폼 숫자 입력*/
.form_wrap[data-layout="donation"] .number_wrap {display: flex; justify-content: space-between; align-items: center; height: 4rem; padding: 0 1rem; background-color: #fff; border-radius: 1rem;}
.form_wrap[data-layout="donation"] .number_wrap button {display: block; width: 1.75rem; height: 1.75rem;}
.form_wrap[data-layout="donation"] .number_wrap .number {display: flex; align-items: baseline; gap: 0.25rem; font-size: 1.25rem; color: #545454; font-weight: 600;}
.form_wrap[data-layout="donation"] .measure {position: absolute; left: -10000px; top: 0; font-size: 1.25rem; font-weight: 600;}
.form_wrap[data-layout="donation"] .number_wrap input {width: 2rem; height: 2.5rem; font-size: 1.25rem; font-weight: 600; text-align: right;}
.form_wrap[data-layout="donation"] .number_wrap .unit {display: block; height: 2.5rem; line-height: 190%;}
.form_wrap[data-layout="donation"] .number_wrap .btn_plus {background: url(/static/images/campaign/ico_plus.svg) no-repeat center/100% auto;}
.form_wrap[data-layout="donation"] .number_wrap .btn_minus {background: url(/static/images/campaign/ico_minus.svg) no-repeat center/100% auto;}
.form_wrap[data-layout="donation"] .number_wrap .btn_plus:disabled {background: url(/static/images/campaign/ico_plus_disable.svg) no-repeat center/100% auto;}
.form_wrap[data-layout="donation"] .number_wrap .btn_minus:disabled {background: url(/static/images/campaign/ico_minus_disable.svg) no-repeat center/100% auto;}
.form_wrap[data-layout="donation"] li:not(.walk) .number_wrap {position: relative; justify-content: center;}
.form_wrap[data-layout="donation"] li:not(.walk) .number_wrap .btn_reset {position: absolute; right: 1rem; top: 50%; width: 1.25rem; height: 1.25rem; background: url(/static/images/campaign/ico_reset.svg) no-repeat center/100% auto; transform: translateY(-50%);}
/*결제기부 섹션*/
.form_wrap[data-layout="donation"] .btn_amount {display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem;}
.form_wrap[data-layout="donation"] .btn_amount li {width: calc((100% - (0.5rem * 5))/6);}
.form_wrap[data-layout="donation"] .btn_amount button {display: block; width: 100%; height: 3.375rem; background-color: #fff; border: 1px solid #d5ddef; border-radius: 1.25rem; font-size: 1rem; font-weight: 600; color: #1A378D;}
.form_wrap[data-layout="donation"] .pay .cont_box >div:not(:last-child) {margin-bottom: 2rem;}
.form_wrap[data-layout="donation"] .pay .desc {margin-top: 0; text-align: left;}
.form_wrap[data-layout="donation"] .radio_wrap {display: flex; gap: 0.5rem;}
.form_wrap[data-layout="donation"] .radio_wrap li {width: calc((100% - (0.5rem * 2))/3);}
.form_wrap[data-layout="donation"] .radio_wrap .input_wrap[data-layout="radio"] input {width: 100%; height: 100%;}
.form_wrap[data-layout="donation"] .radio_wrap .input_wrap[data-layout="radio"] input + label {display: flex; justify-content: center; align-items: center; width: 100%; height: 5rem; padding: 0; border: 1px solid #d5ddef; background-size: 5rem auto; background-position: center; background-repeat: no-repeat; background-color: #fff; border-radius: 1.25rem; font-size: 1rem; font-weight: 600; color: #1A378D;}
.form_wrap[data-layout="donation"] .radio_wrap .input_wrap[data-layout="radio"] input:checked + label {border: 1px solid }
.form_wrap[data-layout="donation"] .input_wrap[data-layout="textarea"] textarea {background-color: #fff;}
.form_wrap[data-layout="donation"] .input_wrap[data-layout="checkbox"] input + label {font-weight: 400; padding-left: 2rem;}
/*하단 안내*/
.form_wrap[data-layout="donation"] .info_wrap {margin-top: 2rem; padding-top: 2rem; border-top: 1px solid #EBEEF6;}
.form_wrap[data-layout="donation"] .info_wrap p:not(.desc) {padding: 2rem; font-size: 1rem; color: #222; background-color: #fff; border-radius: 1.5rem;}
.form_wrap[data-layout="donation"] .info_wrap p:not(.desc) span {font-weight: 600; color: #0547E0;}
.form_wrap[data-layout="donation"] .info_wrap .desc {font-size: 1rem; color: #545454; line-height: 135%;}
.form_wrap[data-layout="donation"] .info_wrap .desc:not(:last-child) {margin-bottom: 0.375rem;}
/*사진 유의사항 팝업*/
#popup_all #popupInfo .popup_inner {max-width: 876px;}
#popupInfo .title {margin-bottom: 1.5rem;}
#popupInfo .sub_tit {margin-bottom: 0.5rem; font-size: 1.25rem; color: #222; text-align: left; font-weight: 700;}
#popupInfo .desc {line-height: 135%; font-size: 1rem; color: #545454; font-weight: 400;}
#popupInfo li:not(:last-child) {margin-bottom: 1.5rem;}
@media screen and (max-width:1200px) {
    .form_wrap[data-layout="donation"] .btn_amount li {width: calc((100% - (0.5rem * 2))/3);}
}

@media screen and (max-width:1024px) {
    .campaign_sec[data-layout="donation"] .form_wrap .btn_wrap {padding: 1.33rem 0; transform: translateX(-50%); border-radius: 1.875rem 1.875rem 0 0; box-shadow: 4px 4px 20px 0px rgba(0, 64, 153, 0.20);}
    .campaign_sec[data-layout="donation"] .form_wrap .btn_wrap .btn_type_01 {max-width: unset; width: 88.88%; margin: 0 auto;}
}
@media screen and (max-width:900px) {
    .campaign_sec[data-layout="donation"] .inner {width: 100%;}
    .campaign_sec[data-layout="donation"] .cont_wrap {flex-direction: column; gap: 2.33rem;}
    .campaign_sec[data-layout="donation"] .campaign_info {position: static; width: 100%; max-height: unset;}
    .campaign_sec[data-layout="donation"] .campaign_info .title_wrap {width: 88.88%; margin: 2.33rem auto 0;}
    .campaign_sec[data-layout="donation"] .campaign_info .btn_wrap {display: none;}
    .campaign_sec[data-layout="donation"] .form_wrap {width: 88.88%; margin: 0 auto;}
    .campaign_sec[data-layout="donation"] .form_wrap .btn_wrap {display: block; padding: 1.33rem;}
    .campaign_sec[data-layout="donation"] .form_wrap .btn_wrap .btn_type_01 {width: 100%;}
    .campaign_sec[data-layout="donation"] .form_wrap .info {padding: 3rem 2rem;}
    .campaign_sec[data-layout="donation"] .form_wrap .info h6 {line-height: 135%;}
    /*걸음, 클로버, 결제 기부 폼 공통*/
    .campaign_sec[data-layout="donation"] .form_wrap[data-layout="donation"] {width: 92%;}
    .form_wrap[data-layout="donation"] .cont_box {padding: 2rem 1.66rem;}
    .form_wrap[data-layout="donation"] .info_wrap {margin-top: 1.33rem; padding-top: 1.33rem;}
    .form_wrap[data-layout="donation"] .flex_wrap .number_wrap {height: 3rem;}
    .form_wrap[data-layout="donation"] .flex_wrap .btn_dona_all {width: 6.33rem; min-width: unset; height: 3rem; padding: 0;}
    /*걸음 기부*/
    .form_wrap[data-layout="donation"] .dona_walking .title_wrap {flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 1rem;}
    .form_wrap[data-layout="donation"] .dona_walking .title_wrap .btn_type_01 {width: 100%;}
    /*결제 기부*/
    .form_wrap[data-layout="donation"] .btn_amount button {height: 2.66rem; border-radius: 1rem;}
    .form_wrap[data-layout="donation"] .radio_wrap .input_wrap[data-layout="radio"] input + label {height: 3rem; border-radius: 1rem; background-size: 3.33rem auto;}
    .form_wrap[data-layout="donation"] .input_wrap[data-layout="checkbox"] input + label {padding-left: 2.25rem; line-height: 135%;}
    .form_wrap[data-layout="donation"] .ck_wrap li:not(:first-child) .input_wrap[data-layout="checkbox"] input + label {padding-right: 3rem;}
}/* md */
/* --------------------------------campaign_sec donation end-------------------------------- */



/* --------------------------------campaign_sec donation end-------------------------------- */
.campaign_sec[data-layout="certi"] .box {width: 100%; max-width: 600px; padding: 1.25rem; margin: 0 auto; background: rgba(255, 255, 255, 0.60); box-shadow: 3px 3px 15px 0px rgba(0, 64, 153, 0.20); backdrop-filter: blur(8px); border-radius: 2.5rem;}
.campaign_sec[data-layout="certi"] .box::after {content: ""; position: absolute; right: 1.5rem; top: -0.25rem; width: 120px; height: 150px; background: url(/static/images/campaign/certi_deco.png) no-repeat center/100% auto;}
.campaign_sec[data-layout="certi"] .inner_box {position: relative; width: 100%; height: 0; padding-bottom: calc((860/560) * 100%);  background: url(/static/images/campaign/certi_bg.png) no-repeat center/contain;}
.campaign_sec[data-layout="certi"] .text_wrap {position: absolute; left: 3.125rem; top: calc((80/860) * 100%);width: calc(100% - 6.25rem); }
.campaign_sec[data-layout="certi"] .text_wrap h3 {width: 7.5rem; margin-bottom: 2.5rem;}
.campaign_sec[data-layout="certi"] .text_wrap h4 {margin-bottom: 1.5rem; font-size: 2.375rem; font-weight: 800; color: #1A378D;}
.campaign_sec[data-layout="certi"] .text_wrap ul {margin-bottom: 1.5rem;}
.campaign_sec[data-layout="certi"] .text_wrap li {display: flex; align-items: center; gap: 0.75rem;}
.campaign_sec[data-layout="certi"] .text_wrap li:not(:last-child) {margin-bottom: 0.5rem;}
.campaign_sec[data-layout="certi"] .text_wrap h5 {width: 5rem; font-size: 1rem; font-weight: 700; color: #1A378D; line-height: 135%;}
.campaign_sec[data-layout="certi"] .text_wrap li p {flex: 1; font-size: 1rem; color: #222;}
.campaign_sec[data-layout="certi"] .text_wrap .desc {font-size: 1.25rem; line-height: 140%; font-weight: 500; color: #222;}
.campaign_sec[data-layout="certi"] .cmt_wrap {position: absolute; left: 50%; bottom: calc((50/860) * 100%);; transform: translateX(-50%); text-align: center; width: 80%;}
.campaign_sec[data-layout="certi"] .cmt_wrap h6 {position: absolute; left: 50%; top: 0; width: 100%; min-width: 240px; max-width: 320px; padding: 1.25rem; font-size: 1rem; font-weight: 500; line-height: 135%; color: #222; background-color: rgba(255, 255, 255, 0.60); border-radius: 1.5rem; box-shadow: 3px 3px 15px 0px rgba(0, 64, 153, 0.12); transform: translate(-50%,-80%); backdrop-filter: blur(10px);}
.campaign_sec[data-layout="certi"] .cmt_wrap h6::after {content: ""; position: absolute; left: 50%; bottom: -8px; width: 10px; height: 9px; background-image: url(/static/images/campaign/certi_text_bg.png); background-repeat: no-repeat; background-position:center center; background-size:100%; transform: translateX(-50%);}
.campaign_sec[data-layout="certi"] .cmt_wrap h6 span {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.campaign_sec[data-layout="certi"] .cmt_wrap figure {width: 100%; padding-bottom: calc((300/444) * 100%); margin: 0 auto; background: url(/static/images/character/clover_11.png) no-repeat center/contain;}
.campaign_sec[data-layout="certi"] .btn_wrap {width: 100%; max-width: 408px; margin: 3.5rem auto 0;}
.campaign_sec[data-layout="certi"] .btn_wrap a.btn_type_01 {background-color: #fff;}
@media screen and (max-width:1024px) {
    .campaign_sec[data-layout="certi"] {min-height: calc(100vh - 5rem);}
    .campaign_sec[data-layout="certi"] .inner {padding: 1.5rem 0 9rem;}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) {padding: 0.83rem; max-width: 400px;}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy)::after {width: 80px; height: 100px;}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .inner_box {padding-bottom: calc((540/308) * 100%); background-image: url(/static/images/campaign/certi_bg_mo.svg);}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .text_wrap {left: 2.5rem; top: calc((54/540) * 100%);}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .text_wrap h4 {margin-bottom: 1.75rem;}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .text_wrap h3 {width: 5rem; margin-bottom: 1.33rem;}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .text_wrap ul {margin-bottom: 1.33rem;}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .cmt_wrap {bottom: calc((24/540) * 100%);}
    .campaign_sec[data-layout="certi"] .box:not(div.box.copy) .cmt_wrap figure {padding-bottom: calc((160/238) * 100%);}
    .campaign_sec[data-layout="certi"] .btn_wrap {position: fixed; left: 50%; bottom: 0; max-width: unset; transform: translateX(-50%); margin-top: 0; padding: 1.33rem; border-radius: 1.66rem 1.66rem 0 0; background-color: #fff; box-shadow: 4px 4px 20px 0px rgba(0, 64, 153, 0.20);}
    .campaign_sec[data-layout="certi"] .btn_wrap a.btn_type_01 {background-color: #EFF2F9;}
}
/* --------------------------------campaign_sec donation end-------------------------------- */



/* --------------------------------campaign volunteer detail-------------------------------- */
/*봉사 곰모 공통*/
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap,
.campaign_sec[data-type="contest"] .campaign_info .info_wrap {margin-top: 2rem;}
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap li,
.campaign_sec[data-type="contest"] .campaign_info .info_wrap li {display: flex; gap: 0.5rem; color: #222;}
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap li:not(:last-child),
.campaign_sec[data-type="contest"] .campaign_info .info_wrap li:not(:last-child) {margin-bottom: 0.5rem;}
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap h6,
.campaign_sec[data-type="contest"] .campaign_info .info_wrap h6 {font-size: 1rem; font-weight: 700;}
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap p,
.campaign_sec[data-type="contest"] .campaign_info .info_wrap p {font-size: 1rem;}
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap .btn_wrap,
.campaign_sec[data-type="contest"] .campaign_info .info_wrap .btn_wrap {margin-top: 1.25rem;}
.campaign_sec[data-type="volunteer"] .campaign_info .info_wrap .btn_type_01,
.campaign_sec[data-type="contest"] .campaign_info .info_wrap .btn_type_01 {width: 100%; max-width: unset; height: 3.5rem; line-height: 3.5rem;}
.campaign_sec[data-type="volunteer"] .campaign_info .status_wrap .pg_num h6:nth-child(1),
.campaign_sec[data-type="contest"] .campaign_info .status_wrap .pg_num h6:nth-child(1) {color: #1A378D;}
.campaign_sec[data-type="volunteer"] .campaign_info .dona_wrap,
.campaign_sec[data-type="contest"] .campaign_info .dona_wrap {margin-top: 2rem;}
/*봉사*/
.campaign_sec[data-type="volunteer"] .vol_wrap ul {margin-top: 2.5rem;}
.campaign_sec[data-type="volunteer"] .vol_wrap li {display: flex; align-items: center; gap: 2.5rem;}
.campaign_sec[data-type="volunteer"] .vol_wrap li:not(:last-child) {margin-bottom: 2rem;}
.campaign_sec[data-type="volunteer"] .vol_wrap figure {width: 10rem; height: 0; padding-bottom: calc((110 / 940) * 100%); background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 1.25rem;}
.campaign_sec[data-type="volunteer"] .vol_wrap .text_box {flex: 1;}
.campaign_sec[data-type="volunteer"] .vol_wrap .text_box >* {line-height: 135%;}
.campaign_sec[data-type="volunteer"] .vol_wrap h5 {margin-bottom: 0.25rem; font-size: 1.25rem; font-weight: 600; color: #222;}
.campaign_sec[data-type="volunteer"] .vol_wrap h6 {margin-bottom: 0.125rem; font-size: 1rem; font-weight: 600; color: #888;}
.campaign_sec[data-type="volunteer"] .vol_wrap p {font-size: 1rem; color: #888;}
.campaign_sec[data-type="volunteer"] .vol_wrap .btn_wrap {margin-top: 2.5rem;}
/*공모*/
.campaign_sec[data-type="contest"] .campaign_info .status_wrap {padding: 2rem 2.5rem; border-radius: 1.75rem;}
.campaign_sec[data-type="contest"] .campaign_info .status_wrap h6 {font-size: 1.5rem; font-weight: 700; color: #1A378D;}
@media screen and (max-width:900px) {
    .campaign_sec[data-type="volunteer"] .campaign_info .info_wrap,
    .campaign_sec[data-type="contest"] .campaign_info .info_wrap,
    .campaign_sec[data-type="volunteer"] .campaign_info .dona_wrap,
    .campaign_sec[data-type="contest"] .campaign_info .dona_wrap {margin-top: 0;}
    .campaign_sec[data-type="volunteer"] .campaign_info .info_wrap .btn_wrap,
    .campaign_sec[data-type="contest"] .campaign_info .info_wrap .btn_wrap {margin-top: 1.66rem;}
}/* md */
/* --------------------------------campaign volunteer detail end-------------------------------- */