/* --------------------------------support_common-------------------------------- */
.inner[data-layout="wd_980"] {max-width:980px}
.inner[data-layout="wd_700"] {max-width:700px}
.inner[data-layout="wd_1030"] {max-width:1030px}


/** 더보기 버튼 추가 **/
.inner .btn_more {display:block; margin:2.5rem auto 1.5rem; padding:0.8rem 2.75rem; font-size:1.063rem; background:#194CB9; color:#ffffff; transition:background 0.4s}
.inner .btn_more::after {content:""; display:inline-block; width:0.75rem; height:0.75rem; margin-left:0.5rem; background:url(/images/icon_plus_02.svg) no-repeat center /cover}

.support_banner {position:relative; width:100%; height:15.875rem; margin-bottom:6.25rem; background-size:cover; background-position:center; background-repeat:no-repeat}
.support_banner h6 {position:absolute; left:50%; top:50%; width:85%; transform:translate(-50%,-50%); font-size:1.875rem; font-weight:500; color:#ffffff}
.support_banner h6 span {display:block; word-break:keep-all}
@media screen and (max-width:600px) {
  .support_banner {height:9rem; margin-bottom:4.25rem; background-position:left center}
  .support_banner h6 {font-size:1.25rem}
}/* sm */

.list_sec {min-height:100vh; padding:8.75rem 0 5rem 0}
.list_sec .title {margin-bottom:1.25rem; font-size:2.125rem; font-weight:700; color:#000000}
.list_sec .list li {float:left; margin-bottom:4.375rem}
.list_sec .funding_box {border-radius:10px; height:376px; -webkit-box-shadow:5px 5px 15px 5px rgba(0,0,0,0.25); box-shadow:5px 5px 10px 5px rgba(0,0,0,0.1); overflow:hidden}
/* .list_sec .funding_box figure {height:48%}*/
.list_sec .funding_box .text_box {height:50%; /*padding:1.5rem 1rem; */ border-radius:0 0 10px 10px; overflow:hidden}
.list_sec .funding_box .fd_cate {text-align:left; font-size:12px}
.list_sec .funding_box .fd_title {margin-bottom:18px; text-align:left; font-size:16px}
.list_sec .funding_box .fd_title a {height:48px}
.list_sec .funding_box .fd_progress {width:100%; max-width:none}
.list_sec .funding_box.done  .fd_progress .pg_bar span {background:#92ADE4}
/* .list_sec .funding_box .btn_wrap {margin-top:18px}*/
.list_sec .funding_box .btn_wrap button {width:50%; padding:0.8rem 0}
.list_sec .funding_box .btn_wrap button span {font-size:0.875rem}
.list_sec .funding_box .btn_wrap .btn_like span::before {width:1rem; height:0.9rem}
.list_sec .funding_box .btn_wrap .btn_share span::before {width:0.8rem; height:0.9rem}
.list_sec .funding_box .btn_wrap .btn_review {width:100%; background:#143579; color:#fff; display:flex; justify-content:center; gap:8px; align-items:center; font-size:0.875rem; border-radius:0; padding:0.8rem 0}
.list_sec .funding_box .btn_wrap .btn_review::after {content:''; display:inline-block; width:8px; height:12px; background:url(/images/support/btn_arrow_right.svg) center center / 100% auto no-repeat}
.list_sec .funding_box .btn_wrap .btn_prepare {display:block; width:100%; background:#969CAA; color:#fff; font-size:0.875rem; border-radius:0; cursor:default; padding:0.8rem 0}

.list_sec .btn_banks_more {display:block; margin:0 auto; width:12.5rem; height:4rem; text-align:center; line-height:4rem; background-color:#1E2431; color:#ffffff; font-size:1rem; font-weight:500; border-radius:3.125rem}
.list_sec .cont_wrap {position:relative; width:200%; margin-top:1.875rem; z-index:10}
.list_sec .cont_wrap_mg {margin-left:-100%}
.list_sec .support_menu {margin:0px}
.list_sec .support_banner {margin-bottom:2.875rem}
.list_sec .support_banner a {display:block; width:100%; height:100%}
.list_sec .support_menu {margin-bottom:1.875rem}
.list_sec .support_menu >ul {display:flex}
.list_sec .support_menu >ul >li {width:50%}
.list_sec .support_menu >ul >li >a {display:block; width:100%; height:4.375rem; line-height:4.375rem; font-size:1.5rem; text-align:center; font-weight:700; color:#777777; background-color:#EEEEEE}
.list_sec .support_menu >ul >li.active >a {border:1px solid #194CB5; border-bottom:0px; line-height:calc(4.375rem - 1px); background-color:#ffffff; color:#194CB5}
.list_sec .support_sort_01 {margin-bottom:4.25rem}
.list_sec .support_sort_01 ul {display:flex; flex-wrap:wrap; justify-content:center}
.list_sec .support_sort_01 ul li {margin-top:0.625rem}
.list_sec .support_sort_01 ul li:not(:last-child) {margin-right:0.625rem}
.list_sec .support_sort_01 ul li button {display:block; padding:0.5rem 1.25rem; font-size:0.875rem; font-weight:600; border:1px solid #194CB5; color:#194CB5; background:#ffffff; border-radius:3.125rem}
.list_sec .support_sort_01 ul li.active button {background-color:#194CB5; color:#ffffff}
.list_sec .support_sort_02 {display:flex; justify-content:space-between; margin-bottom:1rem}
/* select reset */
.list_sec .support_sort_02 select {
    /* for chrome */
    -webkit-appearance:none; 
    /*for firefox*/
    -moz-appearance:none; 
    appearance:none; 
}
.list_sec .support_sort_02 .select_wrap select {height:1.875rem; padding-right:0.875rem; color:#777777; font-size:0.875rem; font-weight:600; border:0px; background:url(/images/support/icon_down.svg) no-repeat right center /0.625rem auto}
.list_sec .support_sort_02 .recent_wrap select {font-size:0.875rem; color:#194CB5; font-weight:600; border:0px; background:url(/images/support/icon_sort.svg) no-repeat right center /1rem 0.813rem; padding-right:1rem}
/*.list_sec .support_sort_02 .recent_wrap select::after {content:""; display:inline-block; width:1rem; height:0.813rem; margin-left:0.375rem; background:url(/images/support/icon_sort.svg) no-repeat center /100% auto; vertical-align:-0.0875rem}*/
@media screen and (max-width:1024px) {
    .list_sec .support_menu >ul >li >a {height:4rem; line-height:4rem; font-size:1.25rem}
    .list_sec .support_menu >ul >li.active >a {line-height:calc(4rem - 1px)}
    .list_sec .support_sort_01 ul {margin-top:-0.5rem}
    .list_sec .support_sort_01 ul li {margin-top:0.5rem}
}/* sm */

.funding_box .popup_share {z-index:10}
.funding_box .btn_wrap button {color:#1E2431}
.list_sec .funding_box .popup_share .icon_box img {width:3.25rem}
.list_sec .funding_box .popup_share h2 {font-size:1.3rem; position:absolute; text-align:center; color:#fff; top:3rem}
.list_sec .funding_box .popup_share p {font-size:0.8rem; position:absolute; bottom:4rem; color:#fff}
.list_sec .funding_box .popup_share .btn_box {position:absolute; width:100%; bottom:0}
.list_sec .funding_box .popup_share .btn_box .d_btn_ok {display:block; padding:0.875rem 0; color:#ffffff; font-weight:500; text-align:center; background:#194CB5; width:100%; margin:0 auto}
.list_sec .btn_make_fd {position:fixed; left:50%; bottom:0; transform:translateX(-50%); width:100%; height:4.375rem; text-align:center; font-size:1.25rem; color:#ffffff; line-height:4.375rem; max-width:980px; background:#194CB5; z-index:102; border-radius:0.313rem 0.313rem 0px 0px}
.list_sec .btn_make_fd span::before {content:""; display:inline-block; width:2rem; height:2rem; margin-right:0.75rem; vertical-align:middle; background:url(/images/support/icon_heart_03.png) no-repeat center/100% auto}


@media screen and (max-width:1280px) {
    .list_sec .funding_box .popup_share h2 {top:5rem !important}
}

@media screen and (max-width:787px) {
  .list_sec .funding_box .btn_wrap button span {font-size:1rem}
}

/* special 서포트 캠페인이 있는 경우 221124 추가 */
.list_sec .special.list .special_funding_box {width:100%}
.list_sec .special_funding_box .funding_box {height:300px}
.list_sec .special_funding_box .funding_box {display:flex; justify-content:space-between}
.list_sec .special_funding_box .funding_box > a {width:42.8%; height:100%; position:relative}
/*.list_sec .special_funding_box .funding_box > a figure::after {background:rgba(25, 76, 181, 0.5); width:100%; height:4.375rem; position:absolute; bottom:2.5rem; left:0; display:block; content:'특별펀딩'; font-weight:600; font-size:2.625rem; line-height:4.375rem; color:#fff; text-align:center; letter-spacing:0}*/
.list_sec .special_funding_box .funding_box .fd_title {margin-bottom:1.625rem}
.list_sec .special_funding_box .funding_box .fd_title a {width:100%; font-weight:600; font-size:2.125rem; height:3.2rem; line-height:3.2rem; color:#000; margin-bottom:1.625rem; -webkit-line-clamp:1}
.list_sec .special_funding_box .funding_box .fd_sub_title {font-weight:400; font-size:1.125rem; line-height:1.68rem; color:#505050; display:block}
.list_sec .special_funding_box .funding_box figure {width:100%; height:100%; max-height:unset; border-radius:.625rem 0 0 .625rem; position:relative}
.list_sec .special_funding_box .funding_box .text_box {width:57.2%; height:100%; border-radius:0 .625rem .625rem 0; padding:2.5rem; flex-direction:column; justify-content:space-between; border-left:none}
/* .list_sec .special_funding_box .funding_box .btn_wrap {justify-content:flex-start; margin-top:2.125rem}*/
.list_sec .special_funding_box .funding_box .btn_wrap {border:1px solid #D2D2D2; border-radius:10px; bottom:2.5rem; width:calc(100% - 5rem); left:2.5rem; overflow:hidden}
/* .list_sec .special_funding_box .funding_box .btn_wrap button {width:9.375rem; height:3.125rem}*/
.list_sec .special_funding_box .funding_box .btn_wrap button {width:50%; height:3.125rem}
.list_sec .special_funding_box .funding_box .btn_wrap button span {font-size:1.125rem; line-height:1rem}
.list_sec .special_funding_box .funding_box .btn_wrap button span::before {width:1.3125rem; height:1.125rem}
.list_sec .special_funding_box .funding_box .btn_wrap .btn_share span::before {width:1rem; height:1.125rem}
.list_sec .special_funding_box .funding_box .fd_label {padding:0.375rem 1rem; font-size:1rem; line-height:1.8rem}
/* .list_sec .special_funding_box .funding_box .fd_progress .pg_info {font-size:1rem}*/
/* .list_sec .special_funding_box .funding_box  .pg_dday {width:auto; padding:0; border:none}*/

@media screen and (min-width:601px) and (max-width:1024px) {
  .list_sec .special_funding_box .funding_box {height:240px}
  .list_sec .special_funding_box .funding_box .fd_title {margin-bottom:20px}
.list_sec .special_funding_box .funding_box .fd_title a {margin-bottom:1.2rem}
}

@media screen and (max-width:600px) {
  .list_sec .special_funding_box {position:relative}
  .list_sec .special_funding_box .funding_box {display:block; justify-content:unset; height:376px}
  .list_sec .special_funding_box .funding_box > a {position:static; width:100%; height:48%}
  .list_sec .special_funding_box .funding_box > a figure::after {bottom:1.4rem; font-size:2rem; height:3rem; line-height:3rem}
  .list_sec .special_funding_box .funding_box .text_box {width:100%; height:50%; padding:12px 14px; border-radius:0 0 .625rem .625rem; border:1px solid #E9E9E9; border-top:none}
  .list_sec .special_funding_box .funding_box figure {width:100%; height:50%; border-radius:0.625rem 0.625rem 0 0}
  .list_sec .special_funding_box .funding_box .fd_title {text-align:left}
  .list_sec .special_funding_box .funding_box .fd_title a {font-size:16px; margin-bottom:0; height:48px; font-weight:600; line-height:initial; -webkit-line-clamp:2}
  .list_sec .special_funding_box .funding_box .fd_label {line-height:normal; word-break:keep-all}
  .list_sec .special_funding_box .funding_box .fd_sub_title {display:none}
  /*.list_sec .special_funding_box .funding_box .fd_label {font-size:1.23rem; padding:0.8rem 1.8rem; letter-spacing:0}*/
  /* .list_sec .special_funding_box .funding_box .btn_wrap {justify-content:center; margin-top:1.8rem}*/
  .list_sec .special_funding_box .funding_box .btn_wrap {position:absolute; left:0; bottom:0; width:100%; margin:0; border-radius:0; border:none; border-top:1px solid #D2D2D2}
  .list_sec .special_funding_box .funding_box .btn_wrap button {width:50%; height:auto}
  .list_sec .special_funding_box .funding_box .btn_wrap button span {font-size:1rem}
  .list_sec .special_funding_box .funding_box .btn_wrap button span::before {width:1rem; height:0.9rem}
  .list_sec .special_funding_box .funding_box .btn_wrap .btn_share span::before {width:0.8rem; height:0.9rem}
  
}


.detail_sec_01[data-layout="funding"] figure {margin-top:3.75rem}
.detail_sec_01[data-layout="funding"] .info {position:relative}
.detail_sec_01[data-layout="funding"] .info ul li span {margin-right:1.125rem}
.detail_sec_01[data-layout="funding"] .user_info {position:absolute; right:0; bottom:4.25rem; display:flex; align-items:center}
.detail_sec_01[data-layout="funding"] .user_info .img_box {width:3.125rem; margin-right:0.75rem; height:3.125rem; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden}
.detail_sec_01[data-layout="funding"] .user_info .img_box img {display:block; width:100%}
.detail_sec_01[data-layout="funding"] .user_info .text_box span {padding:0.25rem 0.5rem; font-size:0.75rem; border-radius:0.188rem; background:#FC527F; color:#ffffff; font-weight:700}
.detail_sec_01[data-layout="funding"] .user_info .text_box h6 {margin-top:0.25rem; font-size:1rem; font-weight:700; color:#000000}


.detail_sec_02 {padding-bottom:9.375rem}
/* .detail_sec_02 .menu {margin-bottom:5.25rem; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee}*/
.detail_sec_02 .menu >ul {width:92%; max-width:700px; margin:0 auto}
/* .detail_sec_02 .menu >ul >li {text-align:center}*/
.detail_sec_02 .menu >ul >li .a_wrap a {position:relative; display:inline-block; padding:1rem 0; font-size:1.5rem; font-weight:700; color:#666666}
.detail_sec_02 .menu >ul >li.active .a_wrap a {color:#000000}
.detail_sec_02 .menu >ul >li.active .a_wrap a::after {content:""; position:absolute; left:50%; bottom:0; width:120%; height:0.25rem; background:#004789; transform:translateX(-50%)}

.detail_sec_02 .share_box {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:201; background:rgba(0,0,0,0.7)}
.detail_sec_02 .share_box .inner_box {display:flex; justify-content:center; align-items:center; width:100%; height:100%}
.detail_sec_02 .share_box h2 {margin-bottom:2.5rem; font-weight:500; font-size:1.625rem; color:#ffffff}
.detail_sec_02 .share_box .icon_box {position:relative; width:19rem; text-align:center}
.detail_sec_02 .share_box .icon_box a {display:inline-block; margin-right:0.75rem}
.detail_sec_02 .share_box .icon_box img {width:3.75rem}
.detail_sec_02 .share_box .icon_box a:nth-of-type(4) {margin-right:0px}
.detail_sec_02 .share_box p {color:#ffffff; margin:2.5rem 0 1rem}
.detail_sec_02 .share_box .btn_box .d_btn_ok {padding:0.875rem 0; color:#ffffff; font-weight:500; text-align:center; background:#194CB5; width:100%}

.detail_sec_02 .story_menu {position:fixed; left:50%; bottom:0; transform:translateX(-50%); width:100%; /* max-width:700px; */ z-index:102; box-shadow:0px 0px 14px rgba(150, 150, 150, 0.3);background-color: #fff; }
.detail_sec_02 .story_menu .desc {position:absolute; top:0; left:37.5%; transform:translate(-30%, calc(-100% - 10px)); padding-bottom:14px; display:flex; justify-content:center; align-items:center;}
.detail_sec_02 .story_menu .desc::after {content:''; display:block; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; border-top:14px solid #E95F80; position:absolute; bottom:1px; right:50%; transform:translate(50%)}
.detail_sec_02 .story_menu .desc p {flex-shrink:0; cursor:pointer; border-radius:8px; padding:10px 37px 12px 16px; background-color:#E95F80; color:#fff; font-size:0.875rem; font-weight:500; line-height:100%; text-align:center; display:flex; justify-content:center; align-items:center}
.detail_sec_02 .story_menu .desc p::before {content:''; display:inline-block; width:18px; height:18px; background:url(../images/support/icon_click.svg) center center /100% auto no-repeat; margin-right:2px}
.detail_sec_02 .story_menu .desc span {color:#FFFA77}
.detail_sec_02 .story_menu .desc .btn_close_desc {width:10px; height:10px; 
display:block; position:relative; position:absolute; right:11px; top:14px}
.detail_sec_02 .story_menu .desc .btn_close_desc::before {content:''; position:absolute; top:0; right:50%; width:1px; height:11px; transform:rotate(45deg); background-color:#fff}
.detail_sec_02 .story_menu .desc .btn_close_desc::after {content:''; position:absolute; top:0; left:calc(50% - 1px); width:1px; height:11px; background-color:#fff; transform:rotate(-45deg)}
.detail_sec_02 .story_menu ul {display:flex; max-width:700px; margin:0 auto}
.detail_sec_02 .story_menu ul li {position:relative; width:25%}
.detail_sec_02 .story_menu ul li:nth-child(1)::after,
.detail_sec_02 .story_menu ul li:nth-child(2)::after {content:""; position:absolute; right:0; top:50%; width:1px; height:2rem; transform:translateY(-50%); background:#C1D5FF}
.detail_sec_02 .story_menu ul li [class^="btn"] {display:flex; align-items:center; justify-content:center; width:100%; height:5rem; color:#1E2431; gap:0.625rem}
.detail_sec_02 .story_menu ul li [class^="btn"] span {font-size:1.25rem; line-height:100%; padding-top:0.2rem; vertical-align:baseline}
.detail_sec_02 .story_menu ul li:not(:last-child) [class^="btn"] span {font-family:'Campton', sans-serif}
.detail_sec_02 .story_menu ul li [class^="btn"] i {display:block}
.detail_sec_02 .story_menu ul li .btn_like i {width:1.875rem; height:1.875rem; background:url(/images/support/icon_heart_bk.svg) no-repeat center /100% auto}
.detail_sec_02 .story_menu ul li .btn_like.active i {background:url(/images/support/icon_heart_bk_on.svg) no-repeat center/100% auto}
.detail_sec_02 .story_menu ul li .btn_share i {width:1.875rem; height:1.875rem; background:url(/images/support/icon_share_bk.svg) no-repeat center/100% auto}
.detail_sec_02 .story_menu ul li .btn_comment i {width:1.875rem; height:1.875rem; background:url(/images/support/icon_talk_bk.svg) no-repeat center/100% auto}
.detail_sec_02 .story_menu ul li .btn_funding i {width:1.375rem; height:1.375rem; background:url(/images/support/icon_donation.svg) no-repeat center/100% auto}
.detail_sec_02 .story_menu ul li .btn_funding span {color:#fff; padding-top:0}
.detail_sec_02 .story_menu ul li .btn_like,
.detail_sec_02 .story_menu ul li .btn_share,
.detail_sec_02 .story_menu ul li .btn_comment {background:#fff /* #1E2431 */}
/* .detail_sec_02 .story_menu ul li .btn_like {border-radius:0.313rem 0 0 0} */
.detail_sec_02 .story_menu ul li .btn_funding {/* border-radius:0 0.313rem 0 0; */ background:#1E2431}
.detail_sec_02 .story_menu ul li > *:focus-visible {outline-offset:-2px}

.detail_sec_02 .editer_wrap {margin-bottom:5.625rem}

.detail_sec_02 .supporter_wrap {margin-bottom:7.875rem}
.detail_sec_02 .supporter_wrap .title_wrap {position:relative}
.detail_sec_02 .supporter_wrap .title_wrap::after {content:""; position:absolute; left:0; bottom:-2.25rem; width:100%; height:2px; background:#000000}
.detail_sec_02 .supporter_box {display:none; border-top:none}

.detail_sec_02 .title_wrap {position:relative; margin-bottom:2.25rem}
.detail_sec_02 .title_wrap h2 {font-size:1.75rem; font-weight:700; color:#000000}
.detail_sec_02 .title_wrap h2 span {margin-left:0.375rem; padding:0.4rem 0.5rem 0.3rem; font-size:1rem; vertical-align:middle; color:#ffffff; background:#194CB5; border-radius:0.8rem}
.detail_sec_02 .title_wrap p {margin-top:0.125rem; font-size:1.125rem; color:#666666}
.detail_sec_02 .title_wrap .btn_toggle {position:absolute; right:0; bottom:0; width:3.125rem}
.detail_sec_02 .title_wrap .btn_toggle img {display:block; width:100%; transition:transform 0.5s}
.detail_sec_02 .title_wrap .btn_toggle.active img {transform:rotate(180deg)}

.detail_sec_02 .comment_box {border-top:2px solid #000000}
.detail_sec_02 .ct_write {position:relative; padding:1.25rem 0 0.938rem 4.375rem; border-bottom:1px solid #E9E9E9}
.detail_sec_02 .ct_write figure {position:absolute; left:0; top:1.25rem; width:3.5rem}
.detail_sec_02 .ct_write figure img {display:block; width:100%}
.detail_sec_02 .ct_write textarea {width:100%; height:4.625rem; padding:0.5rem; border:0px; background:#F7F8F9; border-radius:0.625rem}
.detail_sec_02 .ct_write .btn_wrap {display:flex; align-items:center; justify-content:right; margin-top:0.625rem}
.detail_sec_02 .ct_write .btn_wrap p {margin-right:1.375rem}
.detail_sec_02 .ct_write .btn_wrap button,
.detail_sec_02 .ct_list .btn_wrap button {padding:0.375rem 1.375rem; font-size:0.875rem; font-weight:500; background:#999999; color:#ffffff; border-radius:3.125rem}

.detail_sec_02 .ct_list {padding:0.938rem 0; border-bottom:1px solid #E9E9E9}
.detail_sec_02 .ct_list .user_info {position:relative; display:flex; align-items:center; margin-bottom:1rem}
.detail_sec_02 .ct_list .user_info figure {width:3.5rem; margin-right:0.875rem}
.detail_sec_02 .ct_list .user_info figure img {display:block; width:100%}
.detail_sec_02 .ct_list .user_info h6 {margin-bottom:0.25rem; font-size:1.25rem; font-weight:700; color:#666666}
.detail_sec_02 .ct_list .user_info h6 span {margin-left:0.25rem; padding:0.2rem; font-size:0.75rem; color:#ffffff; background:#FC527F; vertical-align:middle; border-radius:0.188rem}
.detail_sec_02 .ct_list .user_info p {font-weight:0.813rem; font-weight:300; color:#666666}
.detail_sec_02 .ct_list .user_info .btn_modi {position:absolute; right:0; top:50%; width:1.313rem; padding-left:1rem; transform:translateY(-50%)}
.detail_sec_02 .ct_list .user_info .btn_modi img {display:block; width:100%}
.detail_sec_02 .ct_list .user_info .btn_modi_menu {display:none; position:absolute; right:0; top:2.6rem; border:1px solid #E9E9E9}
.detail_sec_02 .ct_list .user_info .btn_modi_menu li {width:5rem; height:2.5rem; background:#ffffff}
.detail_sec_02 .ct_list .user_info .btn_modi_menu li:first-child {border-bottom:1px solid #E9E9E9}
.detail_sec_02 .ct_list .user_info .btn_modi_menu li a {display:block; width:100%; height:100%; text-align:center; line-height:2.5rem}
.detail_sec_02 .ct_list .ct_cont {margin-bottom:0.75rem; color:#666666; font-size:0.938rem; word-break:break-all}
.detail_sec_02 .ct_list .btn_wrap p {float:left; font-weight:700; color:#666666}
.detail_sec_02 .ct_list .btn_wrap button {float:right}

.detail_sec_02 .ct_list_rp {border-top:none; padding:0.938rem 1rem 0.938rem 4.375rem; background:#F7F8F9}
.detail_sec_02 .ct_write_rp {display:none; padding-left:8.75rem; border-bottom:1px solid #E9E9E9}
.detail_sec_02 .ct_write_rp figure {left:4.375rem}
.detail_sec_02 .ct_write figure {height:3.5rem; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden}
.detail_sec_02 .ct_list .user_info figure {height:3.5rem; background-size:cover; background-position:center; background-repeat:no-repeat; border-radius:100%; overflow:hidden}

.detail_sec_02 .share_box .close_share_box {position:absolute; right:-3rem; top:-3rem; width:2rem}
.detail_sec_02 .share_box .close_share_box img {display:block; width:100%}
.detail_sec_02 {position:relative}
.detail_sec_02::after {content:""; position:absolute; left:0; top:4.063rem; width:100%; height:1px; background:#E5E5E5; z-index:-1}
.detail_sec_02 .menu >ul {position:relative; padding-top:4.063rem}
.detail_sec_02 .menu >ul >li >.a_wrap {position:absolute; top:0; width:50%; height:4.063rem; text-align:center}
.detail_sec_02 .menu >ul >li >.a_story {left:0}
.detail_sec_02 .menu >ul >li >.a_review {right:0}

.detail_sec_02 #storyArea,
.detail_sec_02 #reviewArea {width:100%; /*padding-top:6rem*/}
.detail_sec_02 #reviewArea .editer_wrap {width:92%; max-width:700px; margin:0 auto 5.625rem}
.detail_sec_02 #reviewArea .plan_wrap {width:92%; max-width:700px; margin:0 auto; margin-bottom:5.625rem}

/**스토리 css 추가 : alcoholbaby **/
.detail_sec_02 .editer_wrap  {text-align:center; margin:2.5rem auto 0; display:block;  width:fit-content; border-radius:1.875rem; padding:2.5rem}
.detail_sec_02 .editer_wrap .sub_tit {color:#444; font-size:1.25rem; font-weight:700; line-height:120%; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; gap:8px}
.detail_sec_02 .editer_wrap .sub_tit ~ p {color:#888; font-size:1rem; font-weight:400; line-height:100%; margin:8px 0 0 1.75rem}
.detail_sec_02 .editer_wrap .sub_tit ~ p strong {font-size:1rem; color:#6049EA; font-weight:700}
.detail_sec_02 .editer_wrap button {padding:1rem 2.5rem; border-radius:500px; background:#194CB5FF; color:#fff; text-align:center; margin:2.5rem auto 2.5rem; display:block; width:fit-content; font-size:1.125rem; line-height:100%}

@media screen and (min-width:1024.1px) {
    .list_sec .list li {width:30%}
    .list_sec .list li:not(:nth-child(3n)) {margin-right:5%}
    /* special 서포트 캠페인이 있는 경우 221124 추가 */
    .list_sec .special.list li:not(:nth-child(3n)) {margin-right:0}
    .list_sec .special.list li:not(:nth-child(3n+1)) {margin-right:5%}
}/* lg ~ */
@media screen and (min-width:600.1px) and (max-width:1024px) {
    .list_sec .inner[data-layout="wd_980"] {max-width:600px}
    .list_sec .list li {width:48%}
    .list_sec .list li:not(:nth-child(2n)) {margin-right:4%}
    /* special 서포트 캠페인이 있는 경우 221124 추가 */
    .list_sec .special.list li:not(:nth-child(2n)) {margin-right:0}
    .list_sec .special.list li:not(:nth-child(2n+1)) {margin-right:4%}
}/* md */
@media screen and (max-width:767px) {
  .detail_sec_02 .story_menu .desc {width:288px; left:50%; transform:translate(-50%, calc(-100% - 10px))}
  .detail_sec_02 .story_menu .desc p {font-size: 12px; padding: 7px 40px 7px 20px}
  .detail_sec_02 .story_menu .desc p::before {width:16px; height:16px}
  .detail_sec_02 .story_menu .desc .btn_close_desc {top:10px; right:10px}
}
@media screen and (max-width:600px) {
    .list_sec .inner[data-layout="wd_980"] {max-width:280px}
    .list_sec .list li {width:100%}

    .detail_sec_01[data-layout="funding"] .info .amount {text-align:center}
    .detail_sec_01[data-layout="funding"] .info ul {max-width:240px}
    .detail_sec_01[data-layout="funding"] .info ul li {display:flex; justify-content:space-between}
    .detail_sec_01[data-layout="funding"] .user_info {position:static; justify-content:center; margin-top:1.625rem}
    .detail_sec_01[data-layout="funding"] .user_info .img_box {width:4rem; height:4rem}
    .detail_sec_01[data-layout="funding"] .user_info .text_box h6 {font-size:1.125rem}

    .detail_sec_02 .story_menu ul li [class^="btn"] span {font-size:1.125rem; text-align:center}
    .detail_sec_02 .story_menu ul li:not(:last-child) [class^="btn"] span::before {display:block; margin:0 auto 0.25rem}
}/* sm */
/* --------------------------------support_common end-------------------------------- */


/* --------------------------------detail_review_sec-------------------------------- */
.detail_sec_02[data-layout="review"] .editer_wrap img {max-width:100%; vertical-align:top}

.detail_sec_02[data-layout="review"] .plan_wrap {margin-bottom:5.625rem}
.detail_sec_02[data-layout="review"] .plan_wrap ul {border-top:2px solid #000000}
.detail_sec_02[data-layout="review"] .plan_wrap ul li {display:flex; justify-content:space-between; padding:1rem 0; border-bottom:1px solid #E9E9E9}
.detail_sec_02[data-layout="review"] .plan_wrap ul li h3,
.detail_sec_02[data-layout="review"] .plan_wrap ul li p {font-size:1.25rem; font-weight:700; color:#000000}
.detail_sec_02[data-layout="review"] .plan_wrap ul li h3 {width:70%; color:#666666}
.detail_sec_02[data-layout="review"] .plan_wrap .sum {height:3.875rem; line-height:3.75rem; font-size:1.25rem; font-weight:700; background:#FCFCFC; text-align:center; border-bottom:2px solid #000000}
.detail_sec_02[data-layout="review"] .plan_wrap .sum span {margin-left:1rem; font-size:1.5rem; vertical-align:middle}

/* --------------------------------detail_review_sec end-------------------------------- */


/* --------------------------------make_sec_common-------------------------------- */
section[class^="make_sec"] {padding:10rem 0 8.75rem 0}
section[class^="make_sec"] .title_wrap {margin-bottom:2.375rem; text-align:center}
section[class^="make_sec"] .title_wrap h2 {margin:0px; font-size:2.125rem; line-height:1.4em; font-weight:500; color:#000000}
section[class^="make_sec"] .line_box {border:1px solid #E9E9E9; border-radius:0.313rem; overflow:hidden}
section[class^="make_sec"] .make_step {display:flex; justify-content:center; align-items:center; width:100%; height:4.125rem; margin:0px; background:#FCFCFC}
section[class^="make_sec"] .make_step li {position:relative; font-size:1.063rem; color:#9A9A9A; font-weight:700}
section[class^="make_sec"] .make_step li:not(:last-child) {margin-right:4.25rem}
section[class^="make_sec"] .make_step li.disable::before {content:""; position:absolute; left:0; top:-1.25rem; width:100%; height:100%; padding:1.4em 0; z-index:10; box-sizing:initial}

section[class^="make_sec"] .make_step li.active {color:#000000}
section[class^="make_sec"] .make_step li.active::after {content:""; position:absolute; left:0; bottom:-1.25rem; width:100%; height:1px; background:#000000}
section[class^="make_sec"] .make_step li a {padding:1.4rem 0; color:inherit; text-decoration:none}

section[class^="make_sec"] .cont_wrap {padding:5rem 2.375rem 3.125rem}
section[class^="make_sec"] .btn_blue {background:#194CB5; color:#ffffff; border:none}
section[class^="make_sec"] .btn_disable {position:relative}
section[class^="make_sec"] .btn_disable .btn_blue {background:#EEEEEE; color:#666666}
@media screen and (max-width:767px) {
    section[class^="make_sec"] .make_step li:not(:last-child) {margin-right:3rem}
    section[class^="make_sec"] .cont_wrap {padding:5rem 1.5rem 3.125rem}
}/* sm */
@media screen and (max-width:350px) {
    section[class^="make_sec"] .make_step li:not(:last-child) {margin-right:2rem}
    /* section[class^="make_sec"] .cont_wrap {padding:5rem 2rem 3.125rem}*/
}/* xsm */
/* --------------------------------make_sec_common end-------------------------------- */


/* --------------------------------make_sec_01-------------------------------- */
.make_sec_01 .cont_wrap h3 {position:relative; margin-bottom:4rem; font-size:1.75rem; font-weight:400; color:#000000}
.make_sec_01 .cont_wrap h3 span {font-weight:700}
.make_sec_01 .cont_wrap h3::after {content:""; position:absolute; right:0; bottom:0; width:4.938rem; height:5.188rem; background:url(/images/support/img_light.png) no-repeat center /cover}
.make_sec_01 form .chk_wrap {margin-top:2.75rem}
.make_sec_01 form .chk_wrap label {font-size:1.25rem; font-weight:500}
.make_sec_01 form .chk_wrap input[type="checkbox"] {top:0.45rem}
.make_sec_01 form .chk_wrap input[type="checkbox"] + label span {top:0.25rem}
.make_sec_01 form .chk_wrap p {margin-top:0.25rem; font-size:0.875rem; color:#666666}
.make_sec_01 form .btn_wrap {margin-top:5.625rem}
/* --------------------------------make_sec_01 end-------------------------------- */


/* --------------------------------make_sec_02-------------------------------- */
.make_sec_02 .input_wrap {position:relative; width:100%; margin-bottom:3.75rem}
.make_sec_02 .input_wrap .title {margin:0px; line-height:1.4em; font-weight:600; font-size:1.25rem}
.make_sec_02 .input_wrap .desc {margin:0.5rem 0 0.875rem 0; font-size:0.875rem; color:#666666; word-break:keep-all}
.make_sec_02 .input_wrap input[type="text"],
.make_sec_02 .input_wrap input[type="number"] {width:100%; height:2.625rem; padding:0.5rem 0.625rem; border:1px solid #E9E9E9; background:#FAFAFA; font-size:1rem}
.make_sec_02 .input_wrap input[type="text"]::placeholder {color:#AAAAAA}
.make_sec_02 .input_wrap .count {margin-top:0.25rem; text-align:right; color:#666666}
.make_sec_02 .input_wrap .count span {color:#000000}
.make_sec_02 .input_wrap[data-input="file"] ul,
.make_sec_02 .input_wrap[data-input="add_file"] ul {margin:0 0 1rem 0}
.make_sec_02 .input_wrap[data-input="file"] ul li,
.make_sec_02 .input_wrap[data-input="add_file"] ul li {font-size:0.813rem; font-weight:300; color:#194CB5}

.make_sec_02 .input_wrap[data-input="amount"]::after,
.make_sec_02 .input_wrap[data-input="date"]::after {position:absolute; right:1rem; bottom:0.625rem; font-weight:700; font-size:1.063rem}
.make_sec_02 .input_wrap[data-input="amount"]::after {content:"원"}
.make_sec_02 .input_wrap[data-input="date"]::after {content:"일"}
.make_sec_02 .input_wrap[data-input="amount"] input,
.make_sec_02 .input_wrap[data-input="date"] input {padding-right:2.5rem}

.make_sec_02 .input_wrap[data-input="cate"] .btn_cate {display:block; width:12.625rem; height:2.625rem; padding-left:0.625rem; border:1px solid #E9E9E9; color:#666666; font-size:1rem; background:url(/images/support/icon_down_03.png) no-repeat right center /contain #FAFAFA; text-align:left}
.make_sec_02 .input_wrap[data-input="cate"] .cate_wrap {display:none; width:12.625rem; background:#FAFAFA; border:1px solid #E9E9E9; border-top:none}
.make_sec_02 .input_wrap[data-input="cate"] .cate_wrap ul {margin:0px; padding:1rem 0.625rem 0 0.625rem}
.make_sec_02 .input_wrap[data-input="cate"] .cate_wrap li {margin-bottom:1rem}
.make_sec_02 .input_wrap[data-input="cate"] .cate_wrap input[type=checkbox] {left:-0.1rem; top:-0.1rem; width:1.6rem; height:1.6rem; margin:0px}
.make_sec_02 .input_wrap[data-input="cate"] .cate_wrap label {margin:0px; font-size:1rem; color:#666666; font-weight:400}
.make_sec_02 .input_wrap[data-input="cate"] .cate_wrap .btn_cate_cmpl {display:block; width:100%; padding:0.625rem 0; background:#194CB5; color:#ffffff; font-size:1rem}
/* .make_sec_02 .input_wrap[data-input="cate"] select {display:none; width:12.625rem; padding:0.625rem; background:#FAFAFA; border:1px solid #E9E9E9; border-top:none; color:#666666}
.make_sec_02 .input_wrap[data-input="cate"] select option {padding:0.25rem 0}*/

.make_sec_02 .input_wrap[data-input="file"] >div {display:flex; align-items:center; width:100%; border:1px solid #E9E9E9}
.make_sec_02 .input_wrap[data-input="file"] label {display:flex; align-items:center; justify-content:center; height:2.625rem; margin:0px; padding:0 0.2rem; border-right:1px solid #E9E9E9; cursor:pointer}
.make_sec_02 .input_wrap[data-input="file"] input[type="file"]::file-selector-button {display:none}
.make_sec_02 .input_wrap[data-input="file"] input {padding:0 0.625rem}

.make_sec_02 .input_wrap[data-input="add_file"] {max-width:458px}
.make_sec_02 .input_wrap[data-input="add_file"] >div {display:flex}
.make_sec_02 .input_wrap[data-input="add_file"] >div p {position:relative; margin:0 1rem 0 0}
.make_sec_02 .input_wrap[data-input="add_file"] label {display:inline-block; width:5rem; height:5rem; margin-bottom:0; background:#ffffff; border:1px solid #E9E9E9; cursor:pointer}
.make_sec_02 .input_wrap[data-input="add_file"] label span::before {content:""; display:block; width:1.8rem; height:1.8rem; margin:0.875rem auto 0; background:url(/images/support/icon_clip.png) no-repeat center /auto 100%}
.make_sec_02 .input_wrap[data-input="add_file"] label span {display:block; text-align:center; font-weight:500; color:#666666; font-size:0.875rem}
.make_sec_02 .input_wrap[data-input="add_file"] input {position:absolute; left:-0.25rem; top:-0.25rem; width:5.5rem; height:5.5rem; z-index:-1; font-size:0rem}
.make_sec_02 .input_wrap[data-input="add_file"] input::file-selector-button {display:none}

.make_sec_02 .input_wrap[data-input="public"] {max-width:none}
.make_sec_02 .input_wrap[data-input="public"] >div {display:flex}
.make_sec_02 .input_wrap[data-input="public"] .rdi_wrap {margin-bottom:0px; margin-right:1.625rem}
.make_sec_02 .input_wrap[data-input="public"] .rdi_wrap input {margin:0px}
.make_sec_02 .input_wrap[data-input="public"] .rdi_wrap label {margin-bottom:0px}

.make_sec_02 .text_wrap {margin-bottom:3.25rem; text-align:center}
.make_sec_02 .text_wrap h4 {margin:0 0 0.5rem 0; font-size:1.6rem; font-weight:700; color:#194CB5}
.make_sec_02 .text_wrap h4::after {content:""; display:inline-block; width:1.5rem; height:1.875rem; margin-left:0.25rem; vertical-align:middle; background:url(/images/support/icon_hand.png) no-repeat center /cover}
.make_sec_02 .text_wrap p {margin-bottom:0px; color:#000000; font-weight:500; font-size:1.1rem}
@media screen and (max-width:767px) {
    .make_sec_02 .input_wrap[data-input="file"] label img {width:90%}
    .make_sec_02 .input_wrap[data-input="add_file"] >div {flex-wrap:wrap; max-width:180px}
    .make_sec_02 .input_wrap[data-input="add_file"] label:nth-child(1) {margin-bottom:1rem}
}/* sm */
/* --------------------------------make_sec_02 end-------------------------------- */


/* --------------------------------make_sec_03-------------------------------- */
.make_sec_03 .text_box {margin-bottom:2rem}
.make_sec_03 .text_box h3 {margin-bottom:0.625rem; font-size:1.25rem; font-weight:600}
.make_sec_03 .text_box p {margin-bottom:0.5rem; font-size:0.878rem; color:#666666}
.make_sec_03 .text_box ul li {color:#194CB5; font-size:0.813rem; font-weight:300; word-break:keep-all}
.make_sec_03 .text_box ul li:not(:last-child) {margin-bottom:0.25rem}
.make_sec_03 .text_box ul li::before {content:""; display:inline-block; margin:0 0.4rem; width:3px; height:3px; vertical-align:middle; border-radius:100%; background:#194CB5}

.make_sec_03 .plan_wrap {width:100%; max-width:446px; margin:0 auto}
.make_sec_03 .plan_wrap .add_btn_wrap {margin-bottom:0.875rem; padding-right:1rem; text-align:right}
.make_sec_03 .plan_wrap .btn_add {font-size:0.875rem; font-weight:700; color:#000000}
.make_sec_03 .plan_wrap .btn_add img,
.make_sec_03 .plan_wrap .btn_delete img {width:2.125rem; margin-left:0.5rem; vertical-align:middle}
.make_sec_03 .plan_wrap .input_wrap li {position:relative; width:100%; border:1px solid #E9E9E9; border-bottom:none}
.make_sec_03 .plan_wrap .input_wrap li::after {content:"원"; position:absolute; right:4rem; top:50%; transform:translateY(-50%); font-size:0.875rem; color:#000000; font-weight:700}
.make_sec_03 .plan_wrap .input_wrap input {height:3.125rem; padding:0.875rem 1.125rem; font-size:0.875rem; border:none}
.make_sec_03 .plan_wrap .input_wrap .plan {width:54%; color:#666666}
.make_sec_03 .plan_wrap .input_wrap .amount {width:45%; padding-right:5rem; text-align:right; font-weight:700; color:#000000}
.make_sec_03 .plan_wrap .input_wrap button {position:absolute; right:1rem; top:50%; transform:translateY(-50%)}
.make_sec_03 .plan_wrap .input_wrap li:last-child button {display:none}

.make_sec_03 .plan_wrap .sum_wrap {padding:1rem 0; font-size:1.063rem; font-weight:500; background:#1E2431; color:#ffffff; text-align:center}
.make_sec_03 .plan_wrap .sum_wrap span {margin-left:0.5rem; font-weight:500}

.make_sec_03 .plan_wrap[data-layout="example"] {margin:5rem auto 6.25rem}
.make_sec_03 .plan_wrap[data-layout="example"] h4 {margin-bottom:1.625rem; color:#FC527F; font-size:0.875rem; font-weight:500}
.make_sec_03 .plan_wrap[data-layout="example"] h4::before {content:""; display:inline-block; width:1.25rem; height:1.25rem; margin-right:0.375rem; background:url(/images/support/icon_exclamation.png) no-repeat center /cover; vertical-align:middle}
.make_sec_03 .plan_wrap[data-layout="example"] .sum_wrap {border:1px solid #E9E9E9; background:#FCFCFC; color:#666666}
.make_sec_03 .plan_wrap[data-layout="example"] .ex_wrap {display:flex; align-items:center; justify-content:space-between; position:relative; width:100%; padding:0.875rem 4.125rem 0.875rem 1.125rem; border:1px solid #E9E9E9; border-bottom:none; height:3.125rem; font-size:0.875rem}
.make_sec_03 .plan_wrap[data-layout="example"] .ex_wrap .plan {color:#666666}
.make_sec_03 .plan_wrap[data-layout="example"] .ex_wrap .amount {font-weight:700; color:#000000}
.make_sec_03 .plan_wrap[data-layout="example"] .ex_wrap img {position:absolute; right:1rem; top:50%; width:2.125rem; transform:translateY(-50%)}
.make_sec_03 .plan_wrap[data-layout="example"] .ex_wrap:nth-last-child(2) img {display:none}
@media screen and (max-width:767px) {
  .make_sec_03 .plan_wrap[data-layout="example"] .ex_wrap {font-size:1rem}
}
.make_sec_03[data-layout="review"] .cont_wrap .title {margin-top:0px; margin-bottom:0.625rem; font-size:1.25rem; font-weight:600}
.make_sec_03[data-layout="review"] .cont_wrap .desc {margin-bottom:1rem; font-size:0.878rem; color:#666666}

.make_sec_03[data-layout="review"] .input_wrap[data-input="title"] input {width:100%; height:2.625rem; padding:0.5rem 0.625rem; border:1px solid #E9E9E9; background:#FAFAFA; font-size:1rem}
.make_sec_03[data-layout="review"] .input_wrap[data-input="title"] input::placeholder {color:#AAAAAA}
.make_sec_03[data-layout="review"] .input_wrap[data-input="title"] .count {margin-top:0.25rem; text-align:right; color:#666666}
.make_sec_03[data-layout="review"] .input_wrap[data-input="editer"] {margin:1.625rem 0 3.75rem 0}
@media screen and (max-width:767px) {
    .make_sec_03[data-layout="review"] .cont_wrap .desc {font-size:1rem}
}

/* --------------------------------make_sec_03 end-------------------------------- */



/* --------------------------------complete_sec-------------------------------- */
.complete_sec {padding:12.5rem 0; text-align:center}
.complete_sec .title {margin-bottom:0.5rem; font-size:2.5rem; font-weight:600}
.complete_sec .title::before {content:""; display:block; width:3.313rem; height:2.563rem; margin:0 auto 0.5rem; background:url(/images/support/icon_heart_07.png) no-repeat center /contain}
.complete_sec .desc {margin-bottom:1.875rem; font-size:1.125rem; color:#666666}
.complete_sec .icon_box {margin-bottom:4.75rem}
.complete_sec .icon_box a:not(:last-child) {margin-right:0.375rem}
.complete_sec .icon_box img {width:2.625rem}
.complete_sec .btn_go_fd {padding:1.25rem 2.625rem; background:#1E2431; color:#ffffff; font-size:1.25rem; font-weight:500}
/* --------------------------------complete_sec end-------------------------------- */



/* --------------------------------mo_font_resize-------------------------------- */
@media screen and (max-width:767px) {
    .detail_sec_01[data-layout="funding"] .user_info .text_box span,
    .detail_sec_02[data-layout="review"] .ct_list .user_info h6 span,
    .detail_sec_02[data-layout="review"] .ct_list .user_info p,
    .make_sec_02 .input_wrap[data-input="file"] ul li,
    .make_sec_02 .input_wrap[data-input="add_file"] ul li,
    .make_sec_02 .input_wrap[data-input="add_file"] label span,
    .make_sec_03 .text_box ul li {font-size:0.938rem}

    .detail_sec_02[data-layout="review"] .ct_write .btn_wrap button,
    .make_sec_01 form .chk_wrap p,
    .make_sec_02 .input_wrap .desc,
    .make_sec_03 .text_box p,
    .make_sec_03 .plan_wrap .input_wrap li::after,
    .make_sec_03 .plan_wrap .input_wrap input,
    .make_sec_03 .plan_wrap[data-layout="example"] h4 {font-size:1rem}
}/* sm */
  /* --------------------------------mo_font_resize end-------------------------------- */




/* --------------------------------review list-------------------------------- */
.list_sec[data-layout="review"] {min-height:auto}
.list_sec[data-layout="review"] .empty_list {margin:5rem 0 3rem; font-size:1.3rem; text-align:center}
.list_sec[data-layout="review"] .list_sec_review ul {margin-top:-1rem}
.list_sec[data-layout="review"] .list_sec_review ul li {float:left; width:49%; border:1px solid #E9E9E9; margin-top:1rem}
.list_sec[data-layout="review"] .list_sec_review ul li:nth-child(odd) {margin-right:2%}
.list_sec[data-layout="review"] .list_sec_review ul li a {display:flex; align-items:center}
.list_sec[data-layout="review"] .list_sec_review ul li figure {width:14.375rem; height:11rem; background-size:cover; background-position:center}
.list_sec[data-layout="review"] .list_sec_review .text_box {width:calc(100% - 14.375rem); padding:0rem 1.25rem; border-left:0px}
.list_sec[data-layout="review"] .list_sec_review .text_box .title {height:3rem; margin-bottom:0.75rem; font-size:1rem; font-weight:600; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.list_sec[data-layout="review"] .list_sec_review .text_box .name {margin-bottom:1rem; font-size:0.75rem; color:#777777}
.list_sec[data-layout="review"] .list_sec_review .fd_progress {display:flex; align-items:center; justify-content:space-between}
.list_sec[data-layout="review"] .list_sec_review .fd_progress .pg_percent {position:relative; width:60%; height:5px; border-radius:0.625rem; background-color:#EFEFEF}
.list_sec[data-layout="review"] .list_sec_review .fd_progress .pg_percent p {position:absolute; left:0; top:0; max-width:100%; height:5px; border-radius:0.625rem; background-color:#194CB5}
.list_sec[data-layout="review"] .list_sec_review .fd_progress .pg_amount {font-size:0.775rem; font-weight:600}
@media screen and (max-width:1024px) {
    .list_sec[data-layout="review"] .list_sec_review ul li a {flex-wrap:wrap}
    .list_sec[data-layout="review"] .list_sec_review ul li figure,
    .list_sec[data-layout="review"] .list_sec_review ul li .text_box {width:100%}
    .list_sec[data-layout="review"] .list_sec_review ul li .text_box {padding:1rem 1.25rem}
    .list_sec[data-layout="review"] .list_sec_review .fd_progress .pg_percent {width:70%}
}/* md + sm */
@media screen and (max-width:600px) {
    .list_sec[data-layout="review"] .list_sec_review ul li {width:100%}
    /* .list_sec[data-layout="review"] .list_sec_review ul li:not(:last-child) {margin-bottom:1.5rem}*/
    .list_sec[data-layout="review"] .list_sec_review ul li:nth-child(odd) {margin-right:0%}
}/* sm */

/* --------------------------------review list end-------------------------------- */


/* vis */
#contents.bank_cont {padding:4.375rem 0 0 0}
.banks_vis_sec {width:100%}
.banks_vis_sec .img_box {width:100%; height:360px; background-size:cover; background-position:center; background-repeat:no-repeat}
.banks_vis_sec .text_box {width:92%; max-width:840px; margin:-4.375rem auto 0; padding:4.125rem 4rem 3.125rem; box-shadow:0px 8px 15px rgba(112, 112, 112, 0.22); text-align:center; border-radius:20px; background-color:#ffffff}
.banks_vis_sec .text_box h2 {font-size:2rem; font-weight:500; color:#000000; word-break:keep-all}
.banks_vis_sec .text_box p {font-size:1.25rem; color:#666666; line-height:1.5em; width:100%; max-width:500px; margin:1.5rem auto 2.375rem; word-break:keep-all; font-weight:400}
.banks_vis_sec .text_box a {display:inline-block; padding:1.25rem 2.5rem; background-color:#194CB5; color:#ffffff; font-weight:500; border-radius:2rem}
/* .banks_news_sec .no_list {font-size:1.3rem; font-weight:600; color:#333}*/
@media screen and (max-width:600px) {
    .banks_vis_sec .img_box {height:280px}
    .banks_vis_sec .text_box {margin:5rem auto 0; padding:0; box-shadow:none; border-radius:0px}
    .banks_vis_sec .text_box h2 {font-size:1.667rem}
    .banks_vis_sec .text_box p {font-size:1.167rem; line-height:1.65em}
}

/* tab */
.banks_list_sec .tab_wrap {width:100%}
.banks_list_sec .tab_wrap {position:relative; width:100%}
.banks_list_sec .tab_wrap >ul >li {width:50%}
.banks_list_sec li .tab_menu {position:absolute; top:0; display:block; width:50%; height:4.375rem; line-height:4.375rem; font-size:1.5rem; text-align:center; font-weight:700; color:#777777; background-color:#EEEEEE; cursor:pointer}
.banks_list_sec li .tab_menu_01 {left:0}
.banks_list_sec li .tab_menu_02 {right:0}
.banks_list_sec li.active .tab_menu {border:1px solid #194CB5; border-bottom:none; font-weight:700; color:#194CB5; background-color:#fff}
.banks_list_sec .tab_cont {display:none; width:200%; padding-top:5.375rem /*4.375rem*/}
.banks_list_sec li.active .tab_cont {display:block}

/* common */
.banks_list_sec .list_wrap {width:100%; padding:3.75rem; border-radius:1.875rem; background-color:#6EDAFC}
.banks_list_sec .list_wrap.no_cont {background-color:#ffffff}
.banks_list_sec .btn_banks_more {margin-top:3.75rem}

/* funding */
.banks_list_sec .support_sort_01 {margin:2rem 0}
.banks_list_sec .btn_banks_more {margin-top:3.125rem}
.banks_list_sec .list {margin-top:-2.5rem}
.banks_list_sec .list li {margin-top:2.5rem; margin-bottom:0rem}
.banks_list_sec .funding_box {height:332px}
.banks_list_sec .funding_box figure {height:50%; border:none}
.banks_list_sec .funding_box .fd_label {top:0; left:0}
.banks_list_sec .funding_box .text_box {padding:14px; align-items:flex-start; height:50%; border:none; overflow:hidden}
.banks_list_sec .fd_progress_modi {display:flex; justify-content:space-between; margin-bottom:14px; font-size:14px; font-weight:700}
.banks_list_sec .fd_progress_modi .left {display:flex}
.banks_list_sec .fd_progress_modi .pg_percent {margin-right:10px; color:#194CB5}
.banks_list_sec .fd_progress_modi .pg_price {color:#000000}
.banks_list_sec .fd_progress_modi .pg_dday {padding:0 10px; line-height:20px; font-size:12px; background-color:#194CB5; border-radius:100px; color:#ffffff}
.banks_list_sec .funding_box .btn_wrap_modi {display:flex; position:absolute; left:0; bottom:0; width:100%}
.banks_list_sec .funding_box .btn_wrap_modi button {width:50%; padding:12px 0; color:#ffffff; border-radius:0px; font-size:15px; font-weight:700}
.banks_list_sec .funding_box .btn_wrap_modi .btn_like {background-color:#E95F80}
.banks_list_sec .funding_box .btn_wrap_modi .btn_share {background-color:#1E2431}
.banks_list_sec .funding_box .btn_wrap_modi .btn_like span::before,
.banks_list_sec .funding_box .btn_wrap_modi .btn_share span::before {content:""; display:inline-block; margin-right:8px}
.banks_list_sec .funding_box .btn_wrap_modi .btn_like span::before {width:18px; height:16px; vertical-align:-3px; background:url(../images/ico_heart_w.svg) no-repeat center/100% auto}
.banks_list_sec .funding_box .btn_wrap_modi .btn_like.active span::before {background:url(/images/ico_heart_w_on.svg) no-repeat center/100% auto}
.banks_list_sec .funding_box .btn_wrap_modi .btn_share span::before {width:14px; height:16px; vertical-align:-3px; background:url(/images/icon_share.svg) no-repeat center/100% auto}
.banks_list_sec .funding_box .popup_share h2 {top:2rem}

/* review */
.banks_list_sec .tab_cont_02 .support_sort_02 {margin-top:2.5rem}
.banks_list_sec .tab_cont_02 .list_wrap {margin-top:2.625rem; padding:3.75rem 1.75rem}
.banks_list_sec .tab_cont_02 .list_sec_review ul {margin-top:-1.25rem}
.banks_list_sec .tab_cont_02 .list_sec_review ul li {position:relative; margin-top:1.25rem; background-color:#ffffff; border:none; border-radius:10px; overflow:hidden}
.banks_list_sec .tab_cont_02 .list_sec_review .fd_progress .pg_amount {font-size:0.75rem}

/* empty */
.banks_list_sec[data-layout="review"] .empty_list {margin:2rem 0}
.banks_list_sec .no_cont .empty_list {font-size:1.3rem; font-weight:400; color:#666; -webkit-text-size-adjust:none}

@media screen and (min-width:1024.1px) {
  .banks_list_sec .list li {width:32%}
  .banks_list_sec .list li:not(:nth-child(3n)) {margin-right:2%}
}/* lg ~ */
@media screen and (max-width:1024px) {
  .banks_list_sec .list_wrap {padding:2rem; border-radius:1rem}
  .banks_list_sec .list {margin:-2rem auto 0}
  .banks_list_sec .list li {margin-top:2rem}
  .banks_list_sec .fd_progress_modi {font-size:12px; font-weight:600}
  .banks_list_sec[data-layout="review"] .list_sec_review .fd_progress .pg_amount {font-size:0.875rem}
}/* md */
@media screen and (max-width:600px) {
  .banks_list_sec {width:100%; padding-top:6.667rem; overflow-x:hidden}
  .banks_list_sec .list_wrap {width:200%; margin-left:-50%; padding:3rem 0; border-radius:0rem}
  .banks_list_sec .list {width:92%; max-width:292px; margin:-3rem auto 0}
  .banks_list_sec .list li {margin-top:3rem}
  .banks_list_sec .btn_banks_more {margin-top:3rem}

  .banks_list_sec .tab_cont_02 .list_wrap {padding:3rem 1.75rem}
  .banks_list_sec .tab_cont_02 .list_sec_review ul {width:92%; max-width:292px; margin:-3rem auto 0}
  .banks_list_sec .tab_cont_02 .list_sec_review ul li {margin-top:3rem}
}/* sm */

/* news */
.banks_news_sec {padding-bottom:5rem}
.banks_news_sec  h2 {margin-bottom:1.5rem; font-size:1.5rem; font-weight:600; color:#000000}
.banks_news_sec .notice_list {width:100%; table-layout:fixed; border-top:2px solid #333333}
.banks_news_sec .notice_list tr {border-bottom:1px solid #e9e9e9}
.banks_news_sec .notice_list td {padding:1.125rem 0 0.875rem 0; font-size:1.25rem}
.banks_news_sec .notice_list td:first-child {width:90%}
.banks_news_sec .notice_list td:first-child p {display:inline-block; width:auto; padding:2px; max-width:95%; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.banks_news_sec .notice_list tr td:last-child {width:10%; text-align:right; font-size:1rem; color:#666}
.banks_news_sec .noti_fixed td:first-child:after {content:''; display:inline-block; width:0.75rem; height:1.25rem; margin-left:0.625rem; background:url(/images/about/icon_pin.png) no-repeat center center/100% auto; vertical-align:0.188rem}

@media screen and (max-width:600px) {
    .banks_news_sec .notice_list td:first-child {width:80%}
    .banks_news_sec .notice_list tr td:last-child {width:20%}
}

/* paging */
.banks_news_sec .pg_wrap {margin-top:2.375rem}
.banks_news_sec .pg_wrap ul {display:flex; justify-content:center}
.banks_news_sec .pg_wrap ul li:not(:last-child) {margin-right:0.313rem}
.banks_news_sec .pg_wrap ul li a {display:block; width:1.5rem; height:1.5rem; font-size:0.875rem; line-height:1.5rem; font-weight:500; text-align:center; background-color:#C4C4C4; color:#ffffff}
.banks_news_sec .pg_wrap ul li.now a {background-color:#1E2431}

/* make btn */
.banks_news_sec .btn_make_fd {position:fixed; left:50%; bottom:0; transform:translateX(-50%); width:100%; height:4.375rem; text-align:center; font-size:1.25rem; color:#ffffff; line-height:4.375rem; max-width:1030px; background:#194CB5; z-index:102; border-radius:0.313rem 0.313rem 0px 0px}
.banks_news_sec .btn_make_fd span::before {content:""; display:inline-block; width:2rem; height:2rem; margin-right:0.75rem; vertical-align:middle; background:url(/images/support/icon_heart_03.png) no-repeat center/100% auto}