/* 본문 바로가기 버튼 */
.skip a {position: absolute; background: rgba(0,0,0,0.7); width: 100%; height: 40px; text-align: center; color: #fff; z-index: 201; line-height: 40px; top: -40px; opacity: 0}
/** span, caption 안보이게 처리 추가**/
.sr-only {position: absolute; width:1px !important; height:1px !important; padding:0 !important; margin : -1px !important; overflow:hidden !important; clip : rect(0,0,0,0) !important; white-space:nowrap !important; border :0 !important}


/* --------------------------------header end-------------------------------- */
header {position: fixed; left: 0; top: 0; width: 100%; border-bottom: 1px solid transparent; z-index: 200; transition: all 0.3s}
header.active {background: #ffffff; border-bottom: 1px solid #E9E9E9}
header.active_sch {background: #ffffff; border-bottom: 1px solid #E9E9E9}
header.active_sch .lnb {display: none !important}
header.active_mo .lnb {display: none !important}
header.active_pop {background: #ffffff; border-bottom: 1px solid #E9E9E9}
header.hidden {top: calc(-4.375rem - 2px)}
header .inner {display: flex; align-items: center; justify-content: space-between; max-width: 1440px; height: 4.375rem}
header .inner .inner_box {display: flex; align-items: center}
header .logo {float: left; width: 6.25rem; margin: 0px}
header .logo a,
header .logo img {display: block; width: 100%}
header .logo a {padding: 0.75rem 0}
header .gnb_de {height: 100%}
header .gnb_de .depth_01 {height: 100%; margin: 0px}
header .gnb_de .depth_01 >li {display: flex; align-items: center; position: relative}
header .gnb_de .depth_01 >li >a {cursor:pointer; display: block; width: 100%; height: 100%; padding: 0 0.75rem; line-height: 4.375rem; font-weight: 500; text-decoration: none; color: inherit}
header .gnb_de .depth_01 >li.active >a {color: #194CB5}
header .gnb_de .depth_01 >li.is_open::after{content:''; display:block; background-color:#194CB5; width:100%; height:4px; position: absolute; bottom: 0; left:0}
header .snb_de ul {display: flex; gap: 1rem; align-items: center; margin: 0px}
header .snb_de li a {display: block; padding: 0.75rem 0; font-weight: 500; font-size: 0.938rem; text-decoration: none; color:#666666}
header .snb_de li:nth-child(1).active a {color: #194CB5}
header .snb_de li:last-child a span {padding: 0.75rem 2rem; background: #1E2431; color: #ffffff; border-radius: 2.625rem; display:inline-block}

header .btn_search,
header .btn_mo,
header .btn_mo_close,
header .btn_search_close {width: 1.7rem; height: 1.9rem; max-width: 22px}
header .btn_search {background: url(/images/icon_search.png) no-repeat center/100% auto}
header .btn_mo {background: url(/images/icon_hamburger.svg) no-repeat center/100% auto}
header .btn_search_close,
header .btn_mo_close {display: none; background: url(/images/icon_times.svg) no-repeat center/90% auto}
.layer_search_close {background: url(/images/icon_times.svg) no-repeat center/90% auto; position:absolute; top:75px; right: 100px; width: 25px; height: 25px}

.nav_mo {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 199; background: #ffffff; display: none}
.nav_mo .gnb_mo {display: flex; align-items: center; width: 100%; height: 80%}
.nav_mo .gnb_mo .scroll_wrap >ul {width: 100%; text-align: center}
.nav_mo .gnb_mo .scroll_wrap >ul >li >a {position: relative; font-size: 3.2rem; z-index: 1; cursor:default}
.nav_mo .gnb_mo .scroll_wrap >ul >li >a::after {content: ""; position: absolute; left: 50%; bottom: 0; width: 110%; height: 40%; transform: translateX(-50%); background: #C8EEFB; border-radius: 7.143rem; z-index: -1}
.nav_mo .gnb_mo .scroll_wrap  >ul >li {margin-top: 3.5rem}
.nav_mo .snb_mo {height: 20%}
.nav_mo .snb_mo ul {height: 100%}
.nav_mo .snb_mo ul li {height: 50%}
.nav_mo .snb_mo li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #ffffff; font-size: 1.25rem; font-weight: 500}
.nav_mo .snb_mo li:first-child a {background: #194CB5}
.nav_mo .snb_mo li:last-child a {background: #1E2432}
@media screen and (min-width:1024.1px) {
    header .btn_mo,
    header .btn_mo_close,
    .nav_mo {display: none !important}
}/* lg ~ */
@media screen and (max-width:1024px) {
    header .gnb_de, 
    header .snb_de {display: none}
    header .btn_mo {padding: 0.5rem 0}
    header .btn_search,
    header .btn_search_close {margin-right: 1.5rem}
}/* md ~ sm */
/* --------------------------------header end-------------------------------- */


/* --------------------------------lnb-------------------------------- */
.lnb {border-bottom: 1px solid #E9E9E9; background: #ffffff; transition: all 0.5s}
.lnb ul {position: static; display: flex; justify-content: center; align-items: center; width: 100%; height: 4.143rem}
.lnb ul li:not(:last-child) {margin-right: 7rem}
.lnb ul li a {padding: 1rem 0; font-size: 1.071rem; font-weight: 700}
.lnb ul li.active a {color: #194CB5}
.h_lnb {display: none; background: #ffffff; border-top: 1px solid #E9E9E9; border-bottom: none}
@media screen and (min-width:1024.1px) {
    .lnb, .h_lnb {display: none !important}
}/* lg ~ */
@media screen and (max-width:767px) {
    .lnb ul li:not(:last-child) {margin-right: 1.5rem}
}/* sm */
/* --------------------------------lnb end-------------------------------- */


/* --------------------------------search_layer-------------------------------- */
.search_layer {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 8.125rem 0 5rem 0; background: #ffffff; z-index: 198; overflow-y: scroll}
.search_layer .search_form {position: relative; width: 92%; max-width: 595px; margin: 0 auto}
.search_layer .search_form button {position: absolute; right: 2.3rem; top: 50%; width: 1.7rem; height: 1.9rem; max-width: 22px; transform: translateY(-50%); background: url(/images/icon_search.png) no-repeat center/100% auto}
.search_layer .search_form input[type="text"] {width: 100%; height: 3.75rem; padding: 0 2.3rem; font-size: 1.063rem; background: #EEEEEE; border: none; border-radius: 6.25rem}
.search_layer .search_form input[type="text"]::placeholder {font-weight: 500; color: #464646}
.search_layer .menu {width: 100%; max-width: 834px; margin: 3.75rem auto 0rem}
/* .search_layer .menu li:not(:last-child) {margin-right: 2.5rem}*/
.search_layer .menu li .menu_tab {display: inline-block; font-size: 1rem; font-weight: 500}
.search_layer .menu li.active .menu_tab {color: #194CB5; font-weight: 700}
.search_layer .menu li.active .menu_tab::after {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.35rem; background: #194CB5}

.search_layer .list_wrap .inner {max-width: 600px; margin: 0 auto}
.search_layer .list_wrap .list_num {margin-bottom: 1rem; font-size: 1.125rem; font-weight: 500}
.search_layer .list_wrap .list_num span {color: #194CB5; font-weight: 700}
.search_layer .list_wrap .btn_more {display: block; margin: 2.5rem auto 0; padding: 0.8rem 2.75rem; font-size: 1.063rem; background: #194CB9; color: #ffffff; transition: background 0.4s}
.search_layer .list_wrap .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}
.search_layer .list_cont li:not(:last-child) {margin-bottom: 1.25rem}
.search_layer .list_cont a {display: flex; width: 100%}
.search_layer .list_cont figure {width: 10.813rem; height: 10.813rem; margin-right: 2.5rem; background-repeat: no-repeat; background-size: cover; background-position: center}
.search_layer .list_cont .text_box {width: calc(100% - 10.813rem - 2.5rem); border-bottom: 1px solid #E9E9E9}
.search_layer .list_cont .text_box h6 {margin-bottom: 0.625rem; font-weight: 700; color: #000000; font-size: 1.25rem}
.search_layer .list_cont .text_box p {color: #666666; font-size: 1rem; -webkit-line-clamp: 4}
@media (hover: hover) {
    .search_layer .list_wrap .btn_more:hover {background: #1E2431}
}/* hover only */
/* --------------------------------search_layer end-------------------------------- */


/* --------------------------------footer-------------------------------- */
footer {width: 100%; padding: 2.5rem 0 4rem; font-size: 13px; color: #666666}
footer .inner {max-width: 1440px}
footer .fnb {margin-bottom: 1.75rem}
footer .fnb ul {display: flex; gap: 1.5rem; width: 80%; margin: 0px}
footer .fnb ul li.bold a {color: #000000; font-weight: 700}
footer .fnb ul li a {text-decoration: none; color: inherit}
footer .fnb .sitemap{display:none;}
footer .fmsite_wrap {position: relative; color: #464646; z-index: 101}
footer .btn_fmsite {font-size: 13px; background: #eeeeee; color: #666666}
footer .btn_fmsite::after {content: ""; display: inline-block; width: 10px; height: 10px; margin-left: 6rem; background: url(/images/icon_plus.svg) no-repeat center /cover; transition: background 0.3s}
footer .btn_fmsite.active::after {background: url(/images/icon_times_02.svg) no-repeat center /cover}
footer .menu_fmsite {display: none; position: absolute; left: 0; top: -330%; width: 100%; padding: 0.8rem 1.75rem; background: #EEEEEE; border-radius: 0.625rem}
footer .menu_fmsite ul {margin: 0px}
footer .menu_fmsite ul li:not(:last-child) {margin-bottom: 0.625rem}
footer .menu_fmsite ul li a {font-weight: 500; color: #666666; text-decoration: none}
footer p {margin: 0px}


.btn_top {position: fixed; bottom: 2.5rem; width: 3.438rem; height: 3.438rem; z-index: 105; transition: bottom 0.2s}
.btn_top img {display: block; width: 100%}
.btn_top.active {bottom: 21rem; z-index:100;}
@media screen and (min-width:1568.1px) {
  .btn_top {left: calc(50% + 664px)}
}/* xlg */
@media screen and (max-width:1568px) {
    .btn_top {right: 4%}
}/* lg~sm */
@media screen and (max-width:1024px) {
    .btn_top {bottom: 1.5rem; z-index: 101}
    .btn_top.active {bottom: 24rem; z-index: 100}
}/* md + sm */
@media screen and (max-width:767px) {
    .btn_top.active {bottom: 28rem}
}/* sm */
@media screen and (max-width:767px) {
    footer {font-size: 1rem}
    footer .fnb {margin-bottom: 0rem}
    footer .fnb ul {flex-wrap: wrap}
    footer .fnb ul li a {font-size: 0.938rem}
    footer .fmsite_wrap {width: 100%}
    footer .btn_fmsite {width: 100%; text-align: left; font-size: 1rem}
    footer .btn_fmsite::after {position: absolute; right: 1.75rem; top: 50%; transform: translateY(-50%)}
    footer .menu_fmsite ul li a {font-size: 1rem}
    footer .fnb .sitemap{display:block;}
}/* sm */
@media (hover: hover) {
    footer .menu_fmsite ul li a:hover {color: #333333}
}/* hover only */
/* --------------------------------footer end-------------------------------- */


/* --------------------------------btn-------------------------------- */
.btn_type_01 {padding: 0.8rem 1.75rem; text-align: center; border-radius: 6.25rem; font-size: 1rem; font-weight: 500}
.btn_type_02 {display: block; width: 100%; height: 3.125rem; font-size: 0.938rem; border-radius: 0.313rem; font-weight: 700; text-align: center; line-height: 3.125rem}

.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;}
.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;}
.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}

@media screen and (max-width:767px) {
    .btn_type_02 {font-size: 1rem}
}/* sm */
/* --------------------------------btn end-------------------------------- */


/* --------------------------------checkbox-------------------------------- */
form .chk_wrap {position: relative}
form .chk_wrap input[type="checkbox"] {position: absolute; left: 0.2rem; top: 0.2rem; width: 1rem; height: 1rem; z-index: 0; appearance: none}
form .chk_wrap input[type="checkbox"] + label {padding-left: 2rem}
form .chk_wrap input[type="checkbox"] + label span {position: absolute; left: 0px; top: 0px; width: 1.375rem; height: 1.375rem; 
cursor:pointer; box-sizing: border-box; border-radius: 100%; background:url(/images/icon_check.svg) no-repeat center /auto 100% #ffffff}
form .chk_wrap input[type="checkbox"]:checked + label span {background:url(/images/icon_checked.svg) no-repeat center /auto 100%}
/* --------------------------------checkbox end-------------------------------- */


/* --------------------------------radio-------------------------------- */
form .rdi_wrap {position: relative}
form .rdi_wrap input[type="radio"] {position: absolute; left: -0.1rem; top: -0.1rem; width: 1.625rem; height: 1.625rem; z-index: 0; appearance: none}
form .rdi_wrap input[type="radio"] + label {padding-left: 2rem}
form .rdi_wrap input[type="radio"] + label span {position: absolute; left: 0px; top: 0px; width: 1.375rem; height: 1.375rem; 
cursor:pointer; box-sizing: border-box; border-radius: 100%; background:url(/images/support/icon_radio.png) no-repeat center /auto 50% #ffffff; border: 1px solid #666666}
form .rdi_wrap input[type="radio"]:checked + label span {background:url(/images/support/icon_radio_cked.png) no-repeat center /auto 50% #ffffff}
/* --------------------------------radio end-------------------------------- */


/* --------------------------------funding_box-------------------------------- */
/* css 따로 설정해야할 값 : funding_box 높이 /  fd_title 폰트크기 */
.funding_box {position: relative}
.funding_box .fd_tag {position: absolute; left: 0.625rem; top: 0.625rem; width: 5.938rem; height: 2.5rem; font-size: 1rem; background: #194CB5; color: #ffffff; text-align: center; line-height: 2.5rem; border-radius: 0.313rem}
.funding_box figure {height: 50%; border-radius: 0.625rem 0.625rem 0 0; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; border: 1px solid #E9E9E9}
.funding_box .text_box {display: flex; align-items: center; position: relative; height: 52%; padding: 0 1.875rem; border: 1px solid #E9E9E9; border-top: 0px; border-radius: 0 0 0.625rem 0.625rem; text-align: center; background: #ffffff}
.funding_box .text_box >div {width: 100%}
.funding_box .fd_cate {font-size: 1rem; color: #666666; font-weight: 500}
.funding_box .fd_title {margin-bottom: 0.5rem; font-weight: 600}
.funding_box .fd_progress {width: 90%; max-width: 360px; margin: 0 auto}
.funding_box .fd_progress .pg_info {margin-bottom: 0.5rem; font-size: 0.75rem; font-weight: 600; line-height: 1em; display:flex; justify-content:space-between; align-items:flex-end; flex-direction:row}
.funding_box .fd_progress .pg_info .pg_dday {float:left; border-radius:100px; width: 64px; padding: 7px 0 4px; line-height:1; background-color:#194CB5; color:#fff; border:2px solid #194CB5}
.funding_box .fd_progress .pg_info .pg_dday.done {background-color:#fff; color:#194CB5}
.funding_box .fd_progress .pg_info .pg_price {float: right}
.funding_box .fd_progress .pg_info .pg_percent {float: right; margin-left: .625rem; color: #194CB5}
.funding_box .fd_progress .pg_info .pg_dday,
.funding_box .fd_progress .pg_info .pg_price span,
.funding_box .fd_progress .pg_info .pg_percent span {font-family: 'Campton'}
.funding_box .fd_progress .pg_bar {position: relative; width: 100%; height: 5px; background: #EFEFEF; border-radius: 0.625rem; overflow:hidden}
.funding_box .fd_progress .pg_bar span {position: absolute; left: 0; top: 0; height: 100%; border-radius: 0.625rem; background: #194CB5}

.funding_box .btn_wrap {display: flex; justify-content: center; margin: 1.625rem auto 0}
.funding_box .btn_wrap .btn_like {margin-right: 0.5rem; border: 1px solid #1E2431}
.funding_box .btn_wrap .btn_like.active {background: #FFD7E1}
.funding_box .btn_wrap .btn_share {border: none; background: #1E2431; color: #ffffff}
.funding_box .btn_wrap button span {font-family: 'Campton'; font-size: 1rem; font-weight: 700; line-height: 1rem; color:#1E2431}
.funding_box .btn_wrap button span::before {content: ""; display: inline-block; margin-right: 0.5rem; vertical-align: -0.1rem}
.funding_box .btn_wrap .btn_like span::before {/*width: 1.25rem; height: 1.063rem;*/ width: 1rem; height: 0.9rem; background: url(/images/heart_modi.svg) no-repeat center/100% auto}
.funding_box .btn_wrap .btn_share span::before {/*width: 0.938rem; height: 1.125rem;*/ width: 0.8rem; height: 0.9rem;background: url(/images/icon_share.svg) no-repeat center/100% auto}
/* .funding_box .btn_wrap .btn_like.active span::before {background: url(/imcages/icon_heart_02.svg) no-repeat center/100% auto}*/
.funding_box .popup_share {display: none; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); border-radius: 0.625rem}
.funding_box .popup_share.active {display: flex}
.funding_box .popup_share .icon_box {width: 19rem; text-align: center}
.funding_box .popup_share .icon_box a {display: inline-block; margin-right: 0.75rem}
.funding_box .popup_share .icon_box img {width: 3.813rem; height: auto}
.funding_box .popup_share .icon_box a:nth-child(4) {margin-right: 0px}
.funding_box .popup_share h2 { font-size: 1.3rem; position: absolute; text-align: center; color: #fff; top: 3rem}
.funding_box .popup_share p { font-size: 0.8rem; position: absolute; bottom: 4rem; color: #fff}
.funding_box .popup_share .btn_box { position: absolute; width: 100%; bottom: 0}
.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}
/* --------------------------------funding_box end-------------------------------- */


/* --------------------------------supporter_box-------------------------------- */
.supporter_box {border-top: 2px solid #000000; border-bottom: 2px solid #000000}
.supporter_box ul li {display: flex; justify-content: space-between; align-items: center; padding: 0.938rem 0; color: #666666}
.supporter_box ul li:not(:last-child) {border-bottom: 1px solid #E9E9E9}
.supporter_box .name {margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 700}
.supporter_box .name span {display: inline-block; margin-left: 0.25rem; padding: 0.125rem; font-size: 0.75rem; font-weight: 500; vertical-align: 0.2rem; color: #ffffff; background: #FC527F; border-radius: 0.188rem}
.supporter_box .date {font-weight: 300; font-size: 0.875rem}
.supporter_box .status {margin-bottom: 0.5rem; font-size: 0.875rem; text-align: right}
.supporter_box .amount {font-weight: 700; font-size: 1.125rem; color: #000000; text-align: right}
/* --------------------------------supporter_box end-------------------------------- */


/* --------------------------------funding_detail_common-------------------------------- */
.detail_sec_01[data-layout="funding"] {padding: 9.375rem 0 3.75rem}
.detail_sec_01[data-layout="funding"] .inner {width: 100%; max-width: none}
.detail_sec_01[data-layout="funding"] .title {width: 92%; margin: 0 auto 2.75rem; text-align: center; font-size: 2.375rem; font-weight: 400; word-break: keep-all; color: #000000}
.detail_sec_01[data-layout="funding"] .info {width: 92%; max-width: 500px; margin: 0 auto}
.detail_sec_01[data-layout="funding"] .info .amount {margin-bottom: 0.5rem; color: #004789; font-size: 1.063rem; font-weight: 700}
.detail_sec_01[data-layout="funding"] .info .amount span {font-size: 2.625rem}
.detail_sec_01[data-layout="funding"] .info ul {max-width: 492px; margin: 0 auto 1.375rem}
.detail_sec_01[data-layout="funding"] .info ul li {font-size: 1.063rem; color: #444444; font-weight: 300; font-family: 'Campton', sans-serif}
.detail_sec_01[data-layout="funding"] .info ul li:first-child {margin-bottom: 0.25rem}
.detail_sec_01[data-layout="funding"] .info ul li span {font-weight: 400; font-family: 'Rubik', 'IBMPlexSans', sans-serif}

.detail_sec_01[data-layout="funding"] .progress {max-width: 367px; margin: 0 auto}
.detail_sec_01[data-layout="funding"] .progress .pg_info {display: flex; justify-content: space-between; width: 100%; margin-bottom: 0.5rem}
.detail_sec_01[data-layout="funding"] .progress .pg_info h5,
.detail_sec_01[data-layout="funding"] .progress .pg_info p {font-weight: 600; font-size: 0.938rem}
.detail_sec_01[data-layout="funding"] .progress .pg_info p {color: #004789}
.detail_sec_01[data-layout="funding"] .progress .pg_bar {position: relative; width: 100%; height: 1.25rem; background: #EFEFEF; border-radius: 0.625rem}
.detail_sec_01[data-layout="funding"] .progress .pg_bar span {position: absolute; left: 0; top: 0; height: 100%; border-radius: 0.625rem; background: #004789}

.detail_sec_01[data-layout="funding"] figure {position: relative; width: 100%; height: 19.063rem; margin-top: 5rem; background-size: cover; background-repeat: no-repeat; background-position: center}
.detail_sec_01[data-layout="funding"] figure::after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4)}
/* --------------------------------funding_detail_common end-------------------------------- */


/*-----------------popup---------------------*/
#popup_all .popup_wrap {display: none; align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 201}
#popup_all .popup_wrap .popup_inner {position: relative; width: 92%; max-height: 70vh; padding: 3.75rem 1.25rem 1.625rem; background: #ffffff; overflow-y: scroll}
#popup_all .cont_box {margin-bottom: 2.875rem}
#popup_all .cont_box .popup_title {margin-bottom: 1.75rem; font-size: 1.5rem; font-weight: 600; color: #000000; text-align: center}
#popup_all .cont_box .popup_desc {font-size: 0.938rem; text-align: center; color: #666666}
#popup_all .btn_box [class^="btn_"] {padding: 0.875rem 0; color: #ffffff; font-weight: 500; text-align: center}
#popup_all .btn_box .btn_popup_confirm {border-radius: 0 0.313rem 0.313rem 0; background: #1E2431}
#popup_all .btn_box .btn_popup_close {border-radius: 0.313rem 0 0 0.313rem; background: #194CB5}
#popup_all .popup_wrap.active {display: flex}
/*-----------------popup end---------------------*/


/* ------------------- */
/*                     */
/*  20220208_미래수정   */
/*                     */
/* ------------------- */
@media (pointer:coarse) {
    :focus {outline: 0}
    :focus-visible {outline: 2px solid orange}
}


/* ------------------- */
/*                     */
/*  20220223_아인수정   */
/*                     */
/* ------------------- */
/* footer */
footer .finfo ul {display:inline-block}
footer .finfo ul:first-child {margin-right:5.66rem}
footer .finfo ul li {font-weight:300; line-height:1.6rem}
footer .finfo ul li:first-child {font-weight:700}
footer .copyright {margin-top:2.33rem; font-weight:300; line-height:1.6rem}
@media screen and (max-width:1024px) {
    footer .finfo ul {display:block}
    footer .finfo ul:first-child {margin-right:0; margin-bottom: 1.5rem}
}


/* ------------------- */
/*                     */
/*  20220328_미래수정   */
/*                     */
/* ------------------- */
*:focus-visible {outline: 2px solid #da3b39}
.funding_box .popup_share .close_popup_share {position: absolute; right: 1rem; top: 1rem; color: #ffffff; font-size: 1.5rem}
@media screen and (max-width:1024px) {
    .funding_box .popup_share .close_popup_share img {width: 20px}
}


/* ------------------- */
/*                     */
/*  20220329_미래수정   */
/*                     */
/* ------------------- */
.search_layer .menu {position: relative; padding-top: 6.25rem}
.search_layer .menu::after {content: ""; position: absolute; left: 0; top: 3.75rem; width: 100%; height: 1px; background: #E5E5E5}
.search_layer .menu .menu_tab {position: absolute; width: 25%; height: 3.75rem; line-height: 3.75rem; top: 0; text-align: center}
.search_layer .menu .menu_n {left: 0}
.search_layer .menu .menu_s {left: 25%}
.search_layer .menu .menu_a {left: 50%}
.search_layer .menu .menu_b {right: 0}
.search_layer .list_wrap {width: 100%}


/* ------------------- */
/*                     */
/*  20220413_미래수정   */
/*                     */
/* ------------------- */
footer .wa_tag {position: absolute; right: 0; bottom: 0; width: 7.5rem}
footer .wa_tag img {display: block; width: 100%}
@media screen and (max-width:500px) {
  footer .copyright {margin-top: 5rem}
}/* sm */


/* ------------------- */
/*                     */
/* 20220419_아인수정    */
/*                     */
/* ------------------- */
#popup_all .cont_box h3.fsize_up { font-size:1.8rem}
#popup_all .cont_box #popup_all .cont_box p.fsize_up { font-size:1.13rem}
#popup_all .cont_box section { margin-bottom:0.5rem}


/* ------------------- */
/*                     */
/* 20220421_아인수정    */
/*                     */
/* ------------------- */
#popup_temp .popup_wrap {  align-items: center; justify-content: center; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 201; background: rgba(0, 0, 0, 0.5)}
#popup_temp .popup_wrap .popup_inner { position: relative; width: 22.125rem; max-height: 70vh; background: #ffffff; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%)}
#popup_temp .btn_box {position: relative}
#popup_temp .btn_box .btn_popup_close2 {position:absolute; top:1rem; right:1rem; width:1.625rem; height:1.625rem}
#popup_temp .btn_box .btn_popup_close2::before {content:''; position:absolute; width:1.625rem; height:1px; transform:rotate(45deg); background-color:#000; z-index:1; top:50%; left:0}
#popup_temp .btn_box .btn_popup_close2::after {content:''; position:absolute; width:1.625rem; height:1px; transform:rotate(-45deg); background-color:#000; z-index:1; top:50%; left:0}
#popup_temp .cont_box { padding: 2rem 1rem 0; text-align:center}
#popup_temp .cont_box .popup_title {font-weight: 500; font-size: 1.5rem; line-height:2.25rem; color: #000000; margin-top:1rem}
#popup_temp .cont_box .sub_txt {font-weight: 400; font-size:1rem; line-height: 1.375rem; color:#000000; margin-top:1.375rem}
#popup_temp .cont_box .sub_txt_02 {font-weight: 400; font-size:1rem; line-height: 1.375rem; color:#666666; margin:1.5rem 0 1.375rem}
#popup_temp .popup_inner figure { width:8.0625rem; height:5.5rem; background-size:contain; margin:0 auto; background-repeat: no-repeat}
#popup_temp .check_box {width: auto; max-width: 11.25rem; position: relative; text-align: center; margin: 1.8rem auto 1.5rem}
#popup_temp input[type="checkbox"] {position:absolute; left:.2rem; top:.2rem; width:1rem; height:1rem; z-index:0; appearance:none}
#popup_temp input[type="checkbox"] + label span {position:absolute; left:0; top:0; width:1.375rem; height:1.375rem; cursor:pointer; box-sizing:border-box; border-radius:100%; background:url(/images/icon_check.svg) no-repeat center /auto 100% #fff}
#popup_temp input[type="checkbox"]:checked + label span {background: url(/images/icon_checked.svg) no-repeat center /auto 100%}
#popup_temp input[type="checkbox"] + label {padding-left:1.5rem}
#popup_temp .btn_box .btn_ordinary {background: #1E2431; color:#fff; padding:0.9rem 0 1rem; float: left; width:50%; text-align:center}
#popup_temp .btn_box .btn_confirm {background: #194CB5; color:#fff; padding:0.9rem 0 1rem; float: left; width:50%; text-align:center}

/* 이벤트성 팝업 - 기부금 영수증 */
#popup_event .popup_wrap {  align-items: center; justify-content: center; position: fixed; left: 5rem; top: 6.875rem; width:450px;  z-index: 201; /* width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) */}
#popup_event .popup_wrap .popup_inner { position: relative; width:100%;  /* width: 460px; height:720px; */ background: #ffffff; display: inline-block; top: 0; left: 0;}
#popup_event .cont_box { text-align:center; width:100%; height:100% }
#popup_event .cont_box figure{background-size: cover; background-position:center center; width:100%; height:580px}
#popup_event .btn_box {position: relative; background-color:#000; width:100%; height:40px; display: flex;justify-content: space-between;align-items: center; padding:0 1rem}
#popup_event .btn_box .btn_popup_close {position: relative; width:1.2rem; height:1.2rem}
#popup_event .btn_box .btn_popup_close img{width:100%; height:100%}
/* #popup_event .btn_box .btn_popup_close::before {content:''; position:absolute; width:1.2rem; height:1px; transform:rotate(45deg); background-color:#fff; z-index:1; top:50%; left:0}
#popup_event .btn_box .btn_popup_close::after {content:''; position:absolute; width:1.2rem; height:1px; transform:rotate(-45deg); background-color:#fff; z-index:1; top:50%; left:0} */
#popup_event .check_box {width: auto; max-width: 11.25rem; position: relative; text-align: center}
#popup_event input[type="checkbox"] {position:absolute; left:.2rem; top:.2rem; width:1rem; height:1rem; z-index:0; appearance:none}
#popup_event input[type="checkbox"] + label span {position:absolute; left:0; top:0; width:1.375rem; height:1.375rem; cursor:pointer; box-sizing:border-box; border-radius:100%; background:url(/images/icon_check.svg) no-repeat center /auto 100% #fff}
#popup_event input[type="checkbox"]:checked + label span {background: url(/images/icon_checked.svg) no-repeat center /auto 100%}
#popup_event input[type="checkbox"] + label {padding-left:2rem; color:#fff}

@media screen and (max-height:800px) {
  #popup_event .popup_wrap{width:360px;}
  #popup_event .cont_box figure{height:464px;}
}
@media screen and (max-width:1200px) {
  #popup_event .popup_wrap{left: 4%}
}
@media screen and (max-width:768px) {
  #popup_event .popup_wrap{width:90%; max-width:450px}
  #popup_event .cont_box figure{height:auto;padding-bottom:128.889%;}
  #popup_event .popup_wrap{left: 50%; transform: translateX(-50%);}
}



/* ------------------- */
/*                     */
/*  20220704_미래수정   */
/*                     */
/* ------------------- */
/* .funding_box .fd_label {position: absolute; left: 0.313rem; top: 0.313rem; padding: 0.375rem 1.25rem; z-index: 1; font-size: 0.875rem; color: #194CB5; background-color: #ffffff; font-weight: 600; border: 1px solid #194CB5; border-radius: 3.125rem} */


/* ------------------- */
/*                     */
/*  20220706_미래수정   */
/*                     */
/* ------------------- */
header .snb_de ul li:nth-child(2) {margin-right: 0px}
header .btn_search,
header .btn_search_close {margin-left: 1.75rem}
.search_layer {padding-top: 9.5rem}
.search_layer .layer_inner {position: relative; width: 100%; max-width: 1440px; margin: 0 auto}
.search_layer .layer_search_close {top: -3rem; right: 0%; width: 1.5rem; height: 1.5rem; background: url(/images/icon_times.svg) no-repeat center/100% auto}
@media screen and (max-width:1440px) {
    .search_layer .layer_search_close {right: 4%}
}/* sm */


/* ------------------- */
/*                     */
/*  20220708_미래수정   */
/*                     */
/* ------------------- */
.funding_box .fd_label {position: absolute; z-index: 1; font-size: 0.875rem; left: 1px; top: 1px; padding: 0.375rem 1rem; background: #194CB5; color: #ffffff; font-weight: 500; border: 0px; border-radius: 0.475rem 0 0.475rem 0}


/* ------------------- */
/*                     */
/*  20230418_미래수정   */
/*                     */
/* ------------------- */
.nav_mo .gnb_mo .scroll_wrap {width: 100%; height: auto; max-height: 100%; padding: 6rem 0; overflow-y: auto; overflow-x: hidden}
/* .nav_mo .gnb_mo >ul >li >a {font-size: 3rem}
.nav_mo .gnb_mo .depth_02 {width: 280px; margin: 0 auto; margin-top: 35px; display: none}
.nav_mo .gnb_mo .depth_02 ul {display: flex; justify-content: space-between; flex-wrap: wrap}
.nav_mo .gnb_mo .depth_02 ul li {width: 48%; text-align: left}
.nav_mo .gnb_mo .depth_02 ul li:not(:last-child) {margin-bottom: 8px}
.nav_mo .gnb_mo .depth_02 ul li a {display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; background-color: #ffffff; color: #000000}
.nav_mo .gnb_mo .depth_02 ul li.on a {font-weight: 600; color: #194CB5}*/


/* ------------------- */
/*                     */
/*  20230426_미래수정   */
/*                     */
/* ------------------- */
.nav_mo .gnb_mo .depth_02 ul {/*transform: translateX(20px)*/    padding: 0 0 0 1.85rem;}


/* ------------------- */
/*                     */
/*  20231127_미래수정   */
/*                     */
/* ------------------- */
.funding_box .fd_progress {width: 100%; max-width: 100%}
.funding_box .text_box {align-items: flex-start; padding: 1rem 1.5rem 0}
.funding_box .btn_wrap {position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; border-top: 1px solid #D2D2D2}
.funding_box .btn_wrap button {width: 50%; border-radius: 0}
.funding_box .btn_wrap .btn_like,
.funding_box .btn_wrap .btn_share {background-color:transparent; padding: 0.8rem 0; font-size: 1rem; font-weight: 700}
.funding_box .btn_wrap .btn_like {margin-right: 0; border: 0; border-right: 1px solid #D2D2D2}
.funding_box .btn_wrap .btn_like span::before { background: url(/images/icon_heart_01.svg) no-repeat center/100% auto}
.funding_box .btn_wrap .btn_like.active span::before {background: url(/images/heart_modi.svg) no-repeat center/100% auto}
.funding_box .btn_wrap .btn_share {color: #1E2431}
.funding_box .btn_wrap .btn_share span::before {background-image: url(../images/icon_share_bk.svg)}

@media screen and (max-width:767px) {
  .funding_box .fd_progress .pg_info,
  .funding_box .fd_progress .pg_info .pg_dday, 
  .funding_box .fd_progress .pg_info .pg_price span, 
  .funding_box .fd_progress .pg_info .pg_percent span {font-size: 1rem}
}
@media screen and (max-width: 500px) {
    /* .funding_box .fd_progress .pg_info {font-size: 0.938rem} */
    .funding_box .text_box {padding: 1.5rem 1.5rem 0}
    .funding_box .btn_wrap button span {font-size: 1.125rem}
    .funding_box .btn_wrap .btn_like,
    .funding_box .btn_wrap .btn_share {padding: 1.25rem 0}
    .funding_box .btn_wrap button span::before{vertical-align:-0.3rem}
    .funding_box .btn_wrap .btn_like span::before{width:1.4rem; height:1.4rem;}
    .funding_box .btn_wrap .btn_share span::before {width: 1.2rem;height:1.4rem;}
}/* sm */


/* ------------------- */
/*                     */
/*  20231206_미래수정   */
/*                     */
/* ------------------- */
header.hover {background: #ffffff; border-bottom: 1px solid #E9E9E9}
header .inner {position: static}
header .logo,
header .inner_box {position: relative; z-index: 101}
header .gnb_de {width: 100%}
header .gnb_de .menu_bg {position: fixed; left: 50%; top: calc( 4.375rem + 0.5px ); width: 100%; height: 0; transform: translateX(-50%); background-color: #fff; z-index: 99; transition: all 0.3s ease-in-out}
header .gnb_de .menu_bg.on {height: 18rem}
header .gnb_de .depth_01 {display: flex; justify-content: center; width: 100%}
header .gnb_de .depth_01 >li >a {padding: 0 1.5rem}
header .gnb_de .depth_wrap {position: fixed; width: 100%; left: 50%; top: calc( 4.375rem + 0.5px ); transform: translateX(-50%); z-index: 100; visibility: hidden; opacity: 0; transition: all 0.3s ease-in-out}
header .gnb_de .is_open .depth_wrap {visibility: visible; opacity: 1}
header .gnb_de .depth_02 {display: flex; width: 92%; max-width: 912px; margin: 0 auto}
header .gnb_de .depth_02 >li {height: 15rem; padding-top: 1.5rem; border-left: 1px solid #D2D2D2}
header .gnb_de .depth_02 .wid_25 {width: 25%}
header .gnb_de .depth_02 .wid_75 {width: 75%}
header .gnb_de .depth_02 >li >a {position: relative; display: block; width: 100%; max-width: 227px; padding: 0.5rem 1rem; color: #000; font-size: 0.875rem; font-weight: 500}
header .gnb_de .depth_02 >li >a::after {content: ""; position: absolute; left: 0; top: 50%; width: 0.188rem; height: 1rem; background-color: #194CB5; transform: translateY(-50%)}
header .gnb_de .depth_03 {display: flex; flex-wrap: wrap; margin-top: 0.5rem}
header .gnb_de .depth_03 >li {width: 20%}
header .gnb_de .depth_03 >li >a {display: block; padding: 0.5rem 1rem; font-size: 0.75rem}
header .no_link {cursor: default}
@media screen and (max-width: 1200px) {
    header .gnb_de .depth_01 >li >a {padding: 0 1.25rem}
}/* lg */


/* ------------------- */
/*                     */
/*  20231206_미래수정   */
/*                     */
/* ------------------- */
.nav_mo .gnb_mo .hide_mo {display: none !important}
.nav_mo .gnb_mo .is_parent_mo >a {position: relative}
.nav_mo .gnb_mo .is_parent_mo >a::before {content: ""; position: absolute; left: calc(50% + 90px); top: 50%; width: 12px; height: 16px; transform: translateY(-50%); background: url(../images/ico_arrow_blue.svg) no-repeat center/100% auto}
.nav_mo .gnb_mo .is_parent_mo.open >a::before {transform: translateY(-50%) rotate(180deg); transition: transform 0.5s}
.nav_mo .gnb_mo .depth_02 {display: flex; flex-wrap: wrap; width: 100%; max-width: 296px; margin: 1rem auto 0}
.nav_mo .gnb_mo .depth_02 >li {text-align: left}
.nav_mo .gnb_mo .depth_02 >li >a {display: block; padding: 1rem 0 1rem 1.85rem; font-size: 1.385rem; font-weight: 500; color: #000}
.nav_mo .gnb_mo .wid_50_mo {width: 50%}
.nav_mo .gnb_mo .wid_100_mo {width: 100%}
.nav_mo .gnb_mo .wid_100_mo >a {max-width: 150px}
.nav_mo .gnb_mo .depth_03 {display: flex; flex-wrap: wrap}
.nav_mo .gnb_mo .depth_03 li {width: 50%}
.nav_mo .gnb_mo .depth_03 li a {display: block; padding: 1rem 0; font-size: 1.385rem; color: #000}
.nav_mo .gnb_mo .depth_03.actionMenuList li:last-child{width:100%;}
.nav_mo .gnb_mo .is_parent_mo .depth_wrap {display: none}

footer .flex_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.875rem}
footer .fnb ul li a {white-space: nowrap}
footer .f_sns {margin-bottom: 1.25rem}
footer .f_sns ul {display: flex; justify-content: right; gap: 0.875rem}
footer .f_sns a {display: block; width: 2.5rem; height: 2.5rem}
footer .f_sns .f_kakao a {background: url(../images/f_kakao.png) no-repeat center/100% auto}
footer .f_sns .f_insta a {background: url(../images/f_insta.png) no-repeat center/100% auto}
footer .f_sns .f_youtube a {background: url(../images/f_youtube.png) no-repeat center/100% auto}
@media screen and (max-width: 767px) {
    footer .flex_wrap {flex-wrap: wrap; margin-bottom: 2.5rem}
    footer .flex_wrap >div {width: 100%}
    footer .f_sns {margin-top: 1rem}
    footer .f_sns ul {justify-content: left}


    footer .fnb ul {width: 100%; gap: 1rem}

}/* sm */