/* --------------------------------main_common-------------------------------- */
.mn_sec {padding:6.66rem 0; border-bottom:1px solid #EBEBEB}
.mn_sec .inner {width:92%; max-width:1280px; margin:0 auto; position:relative}
.mn_sec .mn_tit {font-weight:700; font-size:2.11rem; line-height:100%; letter-spacing:-.02em; color:#2B2B2B; text-align:left; text-wrap:nowrap}
.mn_sec .mn_cnt {margin-top:2.78rem}
.mainFundMoHide { display:none }

/* 탭메뉴 */
.tab_menu {max-width:11.11rem; flex-shrink:0; position:relative}
.tab_menu ul {width:100%; display:flex; justify-content:space-between; align-items:flex-start; gap:1.44rem; flex-direction:column}
.tab_menu ul li {width:100%; position:relative}
.tab_menu ul li a {font-weight:600; position:relative; font-size:2.11rem; line-height:123%; color:#B9B9B9; transition:all .01s ease-in-out; cursor:pointer; position:relative; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block; width:100%}
.tab_menu ul li.on a {color:#2B2B2B; font-weight:700}
.tab_menu ul li:not(:last-child)::after {content:''; display:block; position:absolute; bottom:-.72rem; right:50%; transform:translateX(50%); background-color:#D9D9D9; width:100%; height:2px}
.tab_cnt {max-width:calc(100% - 11.11rem - 4.44rem); position:relative; margin-top:0; flex:1 0 0; overflow:hidden}
.tab_cnt > * {display:block; position:absolute; top:0; left:0; opacity:0; width:100%}
.tab_cnt > *.on {display:block; position:relative; opacity:1; z-index:2}


/* 더보기버튼 */
.mn_sec .btn_more {padding:0 1.27rem 0 1.55rem; position:absolute; bottom:0; left:0; background:#FFF; border:1px solid #6C6C6C; border-radius:30px; font-weight:400; font-size:.88rem; line-height:2.44rem; height:2.44rem; text-align:center; letter-spacing:-.03em; color:#6C6C6C; display:inline-block}
.mn_sec .btn_more::after {content:''; display:inline-block; background:url(/front/images/common/ico_more.svg) center center no-repeat transparent; width:13px; height:13px; margin-left:1.16rem}


@media screen and (max-width:1024px) {
    .mn_sec {padding:5rem 0}
    .mn_sec .inner {width:88%}

    .tab_menu, .tab_cnt {width:100%; max-width:unset; margin-top:2.28rem; overflow:visible}
    .tab_menu ul {flex-direction:row; justify-content:flex-start; gap:2.42rem; align-items:center}
    .tab_menu ul li {display:inline-block; position:relative; width:auto}
    .tab_menu ul li a, .tab_menu ul li.on a {border-bottom:none}
    .tab_menu ul li a {font-size:1.42rem}
    .tab_menu ul li.on a {font-size:1.86rem}
    .tab_menu ul li:not(:last-child)::after {content:''; width:2px; height:1.85rem; top:50%; right:-1.21rem; transform:translateY(-50%)}

    .mn_sec .btn_more {position:unset; margin:2.28rem auto 0; bottom:unset; left:unset; font-size:1rem; padding:0 1.28rem 0 1.64rem; height:3rem; line-height:3rem}
    .mn_sec .btn_more::after {width:10px; height:10px}

}/* md */

@media screen and (max-width:767px) {
    .mn_sec {padding:3.42rem 0}
    .mn_sec .mn_cnt {margin-top:1.7rem}
    .mn_sec .mn_tit {font-size:1.86rem}

    .tab_menu, .tab_cnt {width:100%}

}/* sm */

/* ios 깜빡임 이슈 */
.swiper-wrapper .swiper-slide {-webkit-backface-visibility:hidden; -webkit-transform:translate3d(0, 0, 0)}
/* --------------------------------main_common end-------------------------------- */


/* --------------------------------mn_vis-------------------------------- */
.mn_vis {width:100%; margin:0 auto 1.66rem}
.mn_vis .mn_vis_swiper {width:100%; max-width:unset; height:100vh; overflow:hidden}
.mn_vis .swiper-slide > div {width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat}

/* 일시정지 버튼 */
.mn_vis .mn_vis_swiper .swiper-pagination {bottom:4rem; z-index:1}
.mn_vis .mn_vis_swiper .swiper-pagination-bullet {width:.83rem; height:.83rem; background:rgba(245, 245, 245, 0.5); opacity:1; border-radius:.83rem}
.mn_vis .mn_vis_swiper .swiper-pagination-bullet-active {width:3.33rem; background:#F5F5F5}

.mn_vis .wrap-autoplay-control {position:absolute; left:50%; bottom:4.1rem; z-index:10; transform:translateX(300%); display:none}
.mn_vis .wrap-autoplay-control button {display:block; width:1.11rem; height:1.11rem; border:0; background:transparent; cursor:pointer}
.mn_vis .wrap-autoplay-control button:before {display:block; content:''; position:absolute}
.mn_vis .wrap-autoplay-control button[aria-pressed="false"]:before {top:4px; left:4px; width:12px; height:12px; border-left:3px solid #000; border-right:3px solid #000; box-sizing:border-box}
.mn_vis .wrap-autoplay-control button[aria-pressed="true"]:before {top:2px; left:2px; border-top:0.44rem solid transparent; border-left:16px solid #000; border-bottom:0.44rem solid transparent}
@media screen and (max-width:1024px) {
 .mn_vis .mn_vis_swiper .swiper-pagination {bottom:2.4rem}
}/* md */


/* 메인 비주얼 타입 01 */
#mn_vis_01 .text_box {width:90%; max-width:880px; height:100%; margin:0 auto; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:flex-start; flex-direction:column; text-align:left}
#mn_vis_01 .text_box h2 {font-weight:700; font-size:3.111rem; line-height:125%; color:#FFF; margin-bottom:1.667rem}
#mn_vis_01 .text_box p {font-size:1.333rem; color:#EDEDED; font-weight:400; line-height:110%}
#mn_vis_01 .swiper-navigation {position:absolute; top:50%; left:50%; transform:translateX(-50%); width:90%; z-index:10; max-width:1350px}
#mn_vis_01 .swiper-navigation button {background:url(/front/images/common/ico_arrow_circle.svg) center center no-repeat transparent; background-size:contain; width:4rem; height:4rem; position:absolute; top:0; right:0}
#mn_vis_01 .swiper-navigation button.btn_prev {transform:rotate(180deg); left:0; right:unset}
@media screen and (max-width:767px) {
 #mn_vis_01 .text_box {transform:translate(-50%,-53%)}
 #mn_vis_01 .text_box h2 {font-size:2.72rem}
 #mn_vis_01 .text_box p {font-size:1.143rem; font-weight:300}
 #mn_vis_01 .swiper-navigation {display:none; opacity:0; visibility:hidden}
}/* sm */

/* 메인 비주얼 타입 02 */
#mn_vis_02 {margin-bottom:0px}
#mn_vis_02 .mn_vis_swiper {position:relative; width:100%; height:calc(var(--var, 1vh) * 100)}
#mn_vis_02 .text_box {position:relative; width:92%; max-width:1280px; height:46%; margin:0 auto; box-sizing:border-box; background-color:#ffffff}
#mn_vis_02 .pos_warp {position:absolute; left:0; bottom:3.88rem}
#mn_vis_02 .text_box h2 {margin-bottom:1.667rem; font-size:3.111rem; font-weight:700; line-height:125%}
#mn_vis_02 .text_box p {font-size:1.333rem; color:#555555}
#mn_vis_02 .img_box {width:100%; height:54%; background-position:center; background-repeat:no-repeat; background-size:cover}
#mn_vis_02 .control {/*display:flex; justify-content:right; align-items:center; */position:absolute; left:50%; top:0%; width:92%; height:46%; max-width:1280px; transform:translateX(-50%); z-index:99}
#mn_vis_02 .control > div {display:flex; justify-content:right; align-items:center; position:absolute; bottom:4.2rem; right:0}
#mn_vis_02 .btn_wrap button {width:1.111rem; height:1.111rem}
#mn_vis_02 .btn_wrap .swiper_prev {background:url(/front/images/common/ico_prev.svg) no-repeat center/0.333rem auto}
#mn_vis_02 .btn_wrap .swiper_next {background:url(/front/images/common/ico_next.svg) no-repeat center/0.333rem auto}
#mn_vis_02 .pg_wrap {display:flex; align-items:center; margin-right:1.222rem; font-weight:500; font-size:.889rem; color:#2B2B2B; line-height:1.111rem}
#mn_vis_02 .pg_wrap .current,#mn_vis_02 .pg_wrap .total {font-family:'outfit', 'suit', sans-serif}
#mn_vis_02 .pg_wrap .swiper-pagination-fra {position:relative; width:6.667rem; height:2px; margin:0 0.611rem; background-color:#BCBCBC}
#mn_vis_02 .pg_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background-color:#2B2B2B}
@media screen and (max-width:1024px) {
  #mn_vis_02 .text_box {height:53%}
  #mn_vis_02 .pos_warp {bottom:30%}
  #mn_vis_02 .text_box h2 {font-size:2.72rem}
  #mn_vis_02 .text_box p {font-size:1.143rem; font-weight:300}
  #mn_vis_02 .img_box {height:47%}
  #mn_vis_02 .control {top:47%}
  #mn_vis_02 .control > div {justify-content:left; position:unset}
}/* md ~ sm */

/* 메인 비주얼 타입 03 */
#mn_vis_03 {position:relative; width:100%; overflow:hidden}
#mn_vis_03 {width:100%; margin-bottom:0px; padding:11rem 0}
#mn_vis_03 .mn_vis_swiper {position:relative; width:92%; max-width:1200px; height:33.333rem; margin:0 auto; overflow:visible !important}
#mn_vis_03 .mn_vis_swiper .inner {display:block; width:100%; height:100%}
#mn_vis_03 .swiper-slide {background-repeat:no-repeat; background-size:cover; background-position:center}
/* #mn_vis_03 .swiper-slide-active {box-shadow:0px 30px 50px rgba(66, 66, 66, 0.4)}*/
#mn_vis_03 .pos_warp {position:absolute; left:6.667rem; top:7.222rem; color:#ffffff}
#mn_vis_03 .pos_warp h2 {margin-bottom:1.5rem; font-size:3.111rem; font-weight:700; line-height:127%}
#mn_vis_03 .pos_warp p {font-size:1.333rem}
#mn_vis_03 .btn_wrap button {position:absolute; top:50%; width:4.444rem; height:4.444rem; transform:translateY(-50%); z-index:99}
#mn_vis_03 .btn_wrap .swiper_prev {left:-2.222rem; background:url(/front/images/common/ico_prev_circle.png) no-repeat center/100% auto}
#mn_vis_03 .btn_wrap .swiper_next {right:-2.222rem; background:url(/front/images/common/ico_next_circle.png) no-repeat center/100% auto}
#mn_vis_03 .swiper_pg {position:absolute; left:0; bottom:-4.722rem; z-index:99; text-align:center}
#mn_vis_03 .swiper_pg .swiper-pagination-bullet {width:.833rem; height:.833rem; background:#E3E3E3; opacity:1; border-radius:.833rem}
#mn_vis_03 .swiper_pg .swiper-pagination-bullet-active {width:3.333rem; background:#6A6A6A}
@media screen and (min-width:1024.1px) and (max-width:1400px) {
  #mn_vis_03 {padding:11rem 0 8rem 0}
  #mn_vis_03 .mn_vis_swiper {width:80%; height:28rem}
  #mn_vis_03 .btn_wrap button {width:3.6rem; height:3.6rem}
  #mn_vis_03 .btn_wrap .swiper_prev {left:-1.8rem}
  #mn_vis_03 .btn_wrap .swiper_next {right:-1.8rem}
}/* lg */
@media screen and (max-width:1024px) {
  #mn_vis_03 .btn_wrap {display:none !important}
  #mn_vis_03 {padding:3.889rem 0 5.556rem 0}
  #mn_vis_03 .mn_vis_swiper {width:100%; height:80vh}
  #mn_vis_03 .swiper-slide-active {box-shadow:none}
  #mn_vis_03 .pos_warp {position:absolute; left:50%; top:50%; width:92%; transform:translate(-50%,-50%); color:#ffffff}
  #mn_vis_03 .pos_warp h2 {font-size:2.72rem}
  #mn_vis_03 .pos_warp p {font-size:1.143rem; font-weight:300}
  #mn_vis_03 .swiper_pg {bottom:-2.571rem}
}/* md ~ sm */
/* --------------------------------mn_vis end-------------------------------- */


/* --------------------------------mn_donation-------------------------------- */
#mn_donation .mn_cnt {width:100%; background:#FFF; display:flex; justify-content:space-between; align-items:center; gap:2.22rem; flex-direction:row}
#mn_donation .mn_cnt .cnt_box {flex:1; border-radius:1.33rem; border:1px solid #DADADA; box-shadow:1rem 1rem 3rem rgba(0,0,0,0.06); padding:2.22rem; display:flex; justify-content:space-between; flex-direction:column; gap:1.77rem; position:relative; height:22rem}
#mn_donation .mn_cnt .cnt_box.hidden{display:none}
#mn_donation .mn_cnt .empty_box{display:flex; justify-content:center; align-items:center; gap:1.88rem; background-color:#F8F8F8}
#mn_donation .mn_cnt .empty_box figure{width:12.22rem; padding-bottom:27.5%; background-repeat:no-repeat; background-position:center; background-size:contain}
#mn_donation .mn_cnt .empty_box h4{font-size:1.44rem; line-height:1; font-weight:500; color:#2B2B2B}
#mn_donation .mn_cnt .empty_box a{font-size:2rem; font-weight:800; color:#2B2B2B; border-bottom:1px solid #000000; display:flex; justify-content:center; align-items:center; gap:20px; padding-bottom:3px}
#mn_donation .mn_cnt .empty_box a::after{content:''; display:block; width:12px; height:20px; background:url(/front/images/main/ico_go_link.svg) center / contain no-repeat}
#mn_donation .mn_cnt h3 {font-weight:700; font-size:1.44rem; line-height:100%; letter-spacing:-.0375em; color:#2B2B2B; text-align:left; position:relative; display:flex; justify-content:flex-start; align-items:center; gap:.44rem}
#mn_donation .mn_cnt h3 i {width:1.66rem; height:1.66rem; display:inline-block; background-size:auto 100%; background-repeat:no-repeat; background-position:center}
#mn_donation .mn_cnt h3.amount i {background-image:url(/front/images/main/ico_amount.svg)}
#mn_donation .mn_cnt h3.count i {background-image:url(/front/images/main/ico_count.svg)}
#mn_donation .amount_list {display:flex; justify-content:space-between; align-items:flex-start; flex-direction:column; gap:.44rem; height:15rem}
#mn_donation .amount_list li {padding:1.11rem; width:100%; border-radius:1.66rem; display:flex; align-items:center; gap:1.33rem; position:relative}
#mn_donation .amount_list li.first {background-color:#F8F8F8}
#mn_donation .amount_list .amount_tit {border:1px solid #DADADA; display:inline-block; text-align:center; border-radius:1.11rem; width:6.66rem; height:2.5rem; line-height:2.5rem; font-size:.88rem; font-weight:400; background-color:#fff; color:#000}
#mn_donation .amount_list li .amount_num {font-weight:600; font-size:1.44rem; display:flex; align-items:inherit; gap:.22rem; color:#2D2D2D}
#mn_donation .amount_list li .amount_num b {font-weight:700; font-size:2rem}
#mn_donation .amount_list .btn_op_desc {width:1.33rem; height:1.33rem; display:inline-block; background:url(/front/images/main/ico_info.svg) center /100% auto no-repeat; margin-left:.22rem; align-self:center}
#mn_donation .count_list {flex-wrap:wrap; display:flex; justify-content:center; align-items:center; height:15rem; position:relative; gap:0}
#mn_donation .count_list li {width:50%; height:50%; display:flex; justify-content:flex-start; align-items:center; gap:.55rem}
#mn_donation .count_list li:nth-child(2),#mn_donation .count_list li:nth-child(4) {padding-left:2.11rem}
#mn_donation .count_list li i {background-repeat:no-repeat; background-position:center; background-size:100% auto; width:5rem; height:5rem}
#mn_donation .count_list li:nth-child(1) i {background-image:url(/front/images/main/ico_ttlCount.svg)}
#mn_donation .count_list li:nth-child(2) i {background-image:url(/front/images/main/ico_sponCount.svg)}
#mn_donation .count_list li:nth-child(3) i {background-image:url(/front/images/main/ico_volCount.svg)}
#mn_donation .count_list li:nth-child(4) i {background-image:url(/front/images/main/ico_contCount.svg)}
#mn_donation .count_list .count_tit {color:#555; font-size:1.11rem; line-height:1.88rem; font-weight:400}
#mn_donation .count_list li p span {color:#555; display:block; font-size:1rem; font-weight:500; text-wrap:nowrap}
#mn_donation .count_list li p span b {font-weight:800; font-size:1.44rem}
#mn_donation .count_list::before,#mn_donation .count_list::after {content:''; background-color:#F0F0F0; width:1px; height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
#mn_donation .count_list::after {width:100%; height:1px}
#mn_donation .btn_cl_desc {width:10px; height:10px; position:absolute; top:16px; right:30px}
#mn_donation .btn_cl_desc::before {content:''; display:block; width:12px; height:1px; transform:rotate(45deg); background-color:#DADADA; position:absolute; top:6px}
#mn_donation .btn_cl_desc::after {content:''; display:block; width:12px; height:1px; transform:rotate(-45deg); background-color:#DADADA; position:absolute; top:6px}
#mn_donation .box_desc {display:none; background:rgba(0,0,0,0.8); border-radius:2px; position:absolute; top:-60px; left:270px; padding:15px 28px; text-align:left; z-index:10}
#mn_donation .box_desc p {font-weight:400; font-size:.88rem; line-height:160%; color:#DADADA}

@media screen and (max-width:1400px) {
    #mn_donation .count_list li:nth-child(2),
    #mn_donation .count_list li:nth-child(4) {padding:1.6rem}
    #mn_donation .count_list li i {width:4rem; height:4rem}
    #mn_donation .mn_cnt {gap:1.8rem}
    #mn_donation .mn_cnt .cnt_box {padding:1.8rem}
    #mn_donation .count_list li p span {font-size:0.88rem}
    #mn_donation .mn_cnt h3,
    #mn_donation .amount_list li .amount_num,
    #mn_donation .count_list li p span b {font-size:1.2rem}
    #mn_donation .amount_list li .amount_num b {font-size:1.8rem}
}/* md */

@media screen and (max-width:1200px) {
    #mn_donation .mn_cnt {gap:1.4rem}
    #mn_donation .mn_cnt .cnt_box {padding:1.8rem 1.4rem}
    #mn_donation .btn_op_desc {width:16px; height:16px}
    #mn_donation .btn_op_desc img {height:8px; vertical-align:1px}
}/* md */

@media screen and (max-width:1024px) {
    #mn_donation .mn_cnt {flex-direction:column}
    #mn_donation .mn_cnt .cnt_box {width:100%; padding:2.28rem 1.14rem}
    #mn_donation .amount_list {height:unset}
    #mn_donation .amount_list li {justify-content:space-between}
    #mn_donation .count_list {height:unset}
    #mn_donation .count_list li {width:100%; height:unset; gap:.7rem}
    #mn_donation .count_list li:nth-child(1) {padding:0 0 12px}
    #mn_donation .count_list li:nth-child(4) {padding:12px 0 0}
    #mn_donation .count_list li:nth-child(2),#mn_donation .count_list li:nth-child(3) {padding:12px 0}
    #mn_donation .count_list li:not(:last-child) {border-bottom:1px solid #F0F0F0}
    #mn_donation .count_list .count_tit {width:5.28rem}
    #mn_donation .count_list li p {display:flex; flex-direction:row; gap:30px; flex:1; justify-content:space-between}
    #mn_donation .count_list::before,#mn_donation .count_list::after {display:none}
}/* sm ~ md */

@media screen and (max-width:767px) {
    #mn_donation .mn_cnt .cnt_box {border-radius:2.14rem}
    #mn_donation .mn_cnt h3 {font-size:1.28rem}
    #mn_donation .amount_list li {padding:.57rem; gap:.57rem; justify-content:flex-start}
    #mn_donation .amount_list li .amount_num {font-size:1rem}
    #mn_donation .count_list li i {width:4.5rem; height:4.5rem}
    #mn_donation .count_list li p {justify-content:flex-start}
    #mn_donation .count_list li p span {font-size:1rem}
    #mn_donation .count_list li p span b,#mn_donation .amount_list li .amount_num b {font-size:1.42rem}
    #mn_donation .box_desc {top:0; left:0; padding:.7rem .9rem}
    #mn_donation .btn_cl_desc {top:.5rem; right:.6rem}
}/* sm */

/* --------------------------------mn_donation end-------------------------------- */


/* --------------------------------mn_funding -------------------------------- */
#mn_funding {overflow-x:hidden}
#mn_funding .fd_box {position:relative; background:#FFF; border:1px solid #DADADA; box-shadow:1rem 1rem 3rem rgba(0,0,0,0.1); overflow:hidden; border-radius:1.66rem; display:block}
#mn_funding .fd_box figure {padding-bottom:calc(220/400*100%); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; border-bottom:1px solid #E9E9E9}
#mn_funding .fd_box .fd_txt {padding:2.22rem 1.33rem 1.78rem; position:relative}
#mn_funding .fd_box .fd_txt h3 {height:4rem; font-weight:600; font-size:1.44rem; line-height:138%; letter-spacing:-.02em; color:#3A3A3A; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#mn_funding .fd_box .fd_label {position:absolute; top:1.25rem; left:1.25rem; background:#2D2D2D; border-radius:2rem; font-weight:400; font-size:.88rem; color:#F0F0F0; width:3.77rem; height:2.11rem; display:flex; justify-content:center; align-items:center}
#mn_funding .fd_process {position:absolute; top:-3.33rem; right:1.33rem}
#mn_funding .fd_process .pg_info {position:absolute; top:50%; left:50%; z-index:2; transform:translate(-50%,-50%); text-align:center}
#mn_funding .fd_process .pg_info .pg_percent {font-size:.88rem; font-weight:700}
#mn_funding .fd_process .pg_info .pg_percent span {font-size:1.33rem; font-weight:800}
#mn_funding .fd_process .pg_info .pg_comment {font-size:.77rem; color:#3A3A3A; font-weight:500}
#mn_funding .fd_process .chart {position:relative; width:4.44rem; height:4.44rem; border-radius:50%; transition:.3s; background:lightgray; display:inline-block}
#mn_funding .fd_process .chart:after {content:''; background:#fff; position:absolute; top:50%; left:50%; width:3.77rem; height:3.77rem; border-radius:50%; transform:translate(-50%,-50%)}
#mn_funding .fd_process .chart-bar {width:inherit; height:inherit; border-radius:50%}
#mn_funding .fd_box .btn_wrap {display:flex; justify-content:space-between; align-items:center; flex-direction:row; height:3.33rem; line-height:3.33rem; background-color:#F5F5F5}
#mn_funding .fd_box .btn_wrap [class^="btn_"] {flex:1; color:#3A3A3A; font-size:.88rem; font-weight:500; display:flex; justify-content:center; align-items:center; gap:.55rem; height:100%}
#mn_funding .fd_box .btn_wrap [class^="btn_"]:not(:last-child) {border-right:1px solid #E5E5E5}
#mn_funding .fd_box.fd_fund .btn_wrap [class^="btn_"] i,
#mn_funding .fd_box.fd_volunteer .btn_wrap [class^="btn_"] i {display:inline-block; width:1.11rem; height:1.11rem; background-size:auto 100%; background-repeat:no-repeat; background-position:center}
#mn_funding .fd_box .btn_wrap .btn_like i {background-image:url(/front/images/common/ico_like.svg)}
#mn_funding .fd_box .btn_wrap .btn_like.active i {background-image:url(/front/images/common/ico_like_on.svg)}
#mn_funding .fd_box .btn_wrap .btn_share i {background-image:url(/front/images/common/ico_share.svg)}
#mn_funding .fd_box .btn_wrap .btn_sponsor i {background-image:url(/front/images/common/ico_sponsor.svg)}
#mn_funding .fd_box.fd_contest .btn_wrap .btn_contest {display:block; padding:0 1.33rem; position:relative; color:#fff; font-weight:500}
#mn_funding .fd_box.fd_contest .btn_wrap .btn_contest::after {content:''; display:block; position:absolute; background:url(/front/images/common/ico_arrow_circleBg.svg) center /100% auto no-repeat; width:1.33rem; height:1.33rem; top:50%; right:1.33rem; transform:translateY(-50%)}
#mn_funding .fd_box.fd_contest .btn_wrap .btn_contest strong {font-weight:800}
#mn_funding .arrow_wrap {position:absolute; top:-.166rem; right:0; font-size:0}
#mn_funding .btn_arrow {width:2.44rem; height:2.44rem; background:url(/front/images/common/ico_arrow_line.svg) center center/100% auto no-repeat #FFF; border-radius:100%; position:relative}
#mn_funding .btn_prev {transform:rotate(180deg)}
#mn_funding .btn_next {margin-left:1.11rem}
#mn_funding .btn_arrow.swiper-button-disabled {opacity:.15}

@media screen and (max-width:1200px) {
    #mn_funding .fd_box .fd_txt h3 {font-size:1.3rem; height:3.75rem; line-height:1.875rem}
    #mn_funding .fd_box .fd_txt {padding:1.4rem 2rem}
}/* md */
@media screen and (max-width:767px) {
    #mn_funding .btn_next {margin-left:.8rem}
    #mn_funding .arrow_wrap {top:-0.285rem}
    #mn_funding .btn_arrow {width:34px; height:34px; background:url(/front/images/common/ico_arrow_line.svg) center /100% auto no-repeat #FFF}
    #mn_funding .fd_box {border-radius:2.14rem}
    #mn_funding .fd_box .fd_label {top:1.72rem; left:1.72rem; font-size:1.14rem; height:2.72rem; width:4.86rem}
    #mn_funding .fd_box .fd_txt {padding:2.14rem 1.72rem}
    #mn_funding .fd_box .fd_txt h3 {font-size:1.58rem; height:4.28rem; line-height:2.14rem}
    #mn_funding .fd_box .btn_wrap {height:3.42rem; line-height:3.42rem}
    #mn_funding .fd_box .btn_wrap [class^="btn_"] {gap:6px; font-size:1rem}
    #mn_funding .fd_box.fd_contest .btn_wrap .btn_contest {font-size:1.14rem; padding:0 1.72rem}
    #mn_funding .fd_box.fd_contest .btn_wrap .btn_contest::after {width:1.72rem; height:1.72rem}
    #mn_funding .fd_box.fd_fund .btn_wrap [class^="btn_"] i,
    #mn_funding .fd_box.fd_volunteer .btn_wrap [class^="btn_"] i {width:1.07rem; height:1.07rem}
    #mn_funding .fd_process {top:-4.54rem; right:1.72rem}
    #mn_funding .fd_process .chart {width:5.72rem; height:5.72rem}
    #mn_funding .fd_process .chart:after {width:4.86rem; height:4.86rem}
    #mn_funding .fd_process .pg_info .pg_percent {font-size:1.14rem}
    #mn_funding .fd_process .pg_info .pg_percent span {font-size:1.72rem}
    #mn_funding .fd_process .pg_info .pg_comment {font-size:1rem}
    #mn_funding .mn_funding_list ul li:not(:last-child) {margin-bottom:1.72rem}
    #mn_funding .btn_more {display:block}
}/* sm */
/* --------------------------------mn_funding end-------------------------------- */


/* --------------------------------mn_review -------------------------------- */
#mn_review {overflow-x:hidden}
#mn_review .fd_box {background:#FFF; border:1px solid #DADADA; box-shadow:1rem 1rem 3rem rgba(0,0,0,0.1); overflow:hidden; border-radius:1.66rem; display:block}
#mn_review .fd_box figure {padding-bottom:calc(254/400*100%); overflow:hidden; background-repeat:no-repeat; background-position:center; background-size:cover; border-bottom:1px solid #E9E9E9}
#mn_review .fd_box .fd_txt {padding:2.22rem; position:relative}
#mn_review .fd_box .fd_txt h3 {height:4rem; font-weight:600; font-size:1.44rem; line-height:2rem; letter-spacing:-.02em; color:#3A3A3A; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#mn_review .arrow_wrap {position:absolute; top:-.166rem; right:0; font-size:0}
#mn_review .btn_arrow {width:2.44rem; height:2.44rem; background:url(/front/images/common/ico_arrow_line.svg) center center/100% auto no-repeat #FFF; border-radius:100%; position:relative}
#mn_review .btn_prev {transform:rotate(180deg)}
#mn_review .btn_next {margin-left:1.11rem}
#mn_review .btn_arrow.swiper-button-disabled {opacity:.15}

@media screen and (max-width:1200px) {
    #mn_review .fd_box {border-radius:2.14rem}
    #mn_review .fd_box .fd_txt h3 {font-size:1.3rem; height:3.75rem; line-height:1.875rem}
    #mn_review .fd_box .fd_txt {padding:1.4rem 2rem}
}/* md */

@media screen and (max-width:767px) {
    #mn_review .fd_box .fd_txt {padding:1.72rem}
    #mn_review .fd_box .fd_txt h3 {font-size:1.58rem; height:4.28rem; line-height:2.14rem}
    #mn_review .mn_cnt {display:block}
    #mn_review .btn_next {margin-left:.8rem}
    #mn_review .arrow_wrap {top:-0.285rem}
    #mn_review .btn_arrow {width:34px; height:34px}
}/* sm */
/* --------------------------------mn_review end-------------------------------- */



/* --------------------------------mn_company -------------------------------- */
#mn_company .ban_company {position:relative; width:100%; padding-bottom:52.75%; height:0}
#mn_company .ban_company figure {width:80%; padding-bottom:46.8%; background-position:center; background-size:cover; background-repeat:no-repeat; border-radius:1.66rem; border:1px solid #DADADA}
#mn_company .ban_txt {padding:3.6rem; background:#FFF; border-radius:1.66rem; border:1px solid #DADADA; box-shadow:18px 18px 45px rgba(0,0,0,0.06); position:absolute; z-index:3; bottom:0; /* min-height:70%; */min-width:37.5%}
#mn_company .ban_txt p {max-width:330px; word-break:keep-all; line-height:160%; font-size:1rem; font-weight:400}
#mn_company .ban_type_rg .ban_txt {right:0; text-align:left}
#mn_company .ban_txt h3 {font-weight:700; font-size:1.75rem; line-height:160%; color:#555; margin-bottom:1.4rem; letter-spacing:-.02em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
#mn_company .ban_txt h3 span {font-weight:700; font-size:1.55rem; line-height:160%; letter-spacing:-.02em; display:block}
#mn_company .ban_type_lf figure {margin-left:auto; margin-right:0}
#mn_company .ban_type_lf .ban_txt {left:0}
#mn_company .ban_company:not(:last-child) {margin-bottom:4.72rem}

@media screen and (max-width:767px) {
    #mn_company .ban_txt {position:unset; width:100%; padding:1.8rem}
    #mn_company .ban_txt p {max-width:unset; line-height:160%; font-size:1.1rem}
    #mn_company .ban_txt h3 {margin-bottom:1.1rem}
    #mn_company .ban_company {height:unset; padding-bottom:unset}
    #mn_company .ban_company figure {width:100%; padding-bottom:58.59%; margin:0; border-radius:2.14rem 2.14rem 0 0}
    #mn_company .ban_txt {border-radius:0 0 2.14rem 2.14rem}
    #mn_company .ban_txt h3 {font-size:1.57rem}
    #mn_company .ban_company:not(:last-child) {margin-bottom:2.28rem}
}/* sm */
/* --------------------------------mn_company end-------------------------------- */


/* --------------------------------mn_board_gal -------------------------------- */
#mn_board_gal {background:linear-gradient(90deg,#FAFAFA 0% 40%,#FFF 40% 100%); position:relative; overflow:hidden}
#mn_board_gal::before {content:''; display:block; width:40%; height:100%; background:url(/front/images/main/mn_story_logo.svg) bottom left /92% auto no-repeat; z-index:0; position:absolute; bottom:-5%; left:-1%}
#mn_board_gal .inner {z-index:1}
#mn_board_gal .mn_cnt {z-index:5; display:flex; justify-content:space-between; align-items:flex-start; gap:4.44rem; margin-top:0}
#mn_board_gal .mn_gallery_swiper .swiper-slide {display:inline-block; border:1px solid #DADADA; position:relative; border-radius:1.66rem; overflow:hidden}
#mn_board_gal .mn_gallery_swiper .swiper-slide a {width:100%; height:17.33rem; display:flex; justify-content:flex-start; align-items:center; flex-direction:column}
#mn_board_gal .mn_gallery_swiper .swiper-slide figure {width:100%; height:72%; background-position:center; background-repeat:no-repeat; background-size:cover}
#mn_board_gal .mn_gallery_swiper .swiper-slide .tit_box {padding:.66rem 1.33rem 1.11rem; background-color:#fff; width:100%; border-top:1px solid #DADADA; display:flex; flex-direction:column; gap:8px}
#mn_board_gal .mn_gallery_swiper .swiper-slide .tit_box h3 {font-weight:500; font-size:1rem; line-height:155%; letter-spacing:-.03em; color:#3A3A3A; text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:3.33rem; text-align:left}
#mn_board_gal .mn_gallery_swiper .swiper-slide .tit_box p {font-weight:300; font-size:.88rem; line-height:100%; color:#555; display:flex; justify-content:flex-start; align-items:center; gap:.44rem; text-align:left}
#mn_board_gal .mn_gallery_swiper .swiper-slide .tit_box p span:first-child {padding-right:.44rem; border-right:1px solid #DADADA}


@media screen and (max-width:1280px) {
    #mn_board_gal .mn_gallery_swiper .swiper-slide a {height:22.5vw}
}
@media screen and (max-width:1024px) {
    #mn_board_gal .inner {text-align:center}
    #mn_board_gal .mn_cnt {display:block; flex:unset; width:100%}
    #mn_board_gal .mn_gallery_swiper .swiper-slide a {height:100%}
    #mn_board_gal .mn_gallery_swiper .swiper-slide figure {height:unset; padding-bottom:calc(204/320*100%)}
    #mn_board_gal .mn_gallery_swiper .swiper-slide .tit_box h3 {height:3.1rem}
}/* md */

@media screen and (max-width:767px) {
    #mn_board_gal {background:linear-gradient(90deg,#FAFAFA 0% 50%,#FFF 50% 100%)}
    #mn_board_gal::before {bottom:2rem}
    #mn_board_gal .mn_tit {margin-bottom:32px; display:flex; justify-content:flex-start; align-items:center; gap:34px}
    #mn_board_gal .mn_tit .shadow_txt {position:relative; transform:none; font-size:1.42rem}
    #mn_board_gal .mn_tit .shadow_txt::before {width:2px; height:calc(100% - 2px); top:50%; left:-17px; transform:translateY(-50%)}
    #mn_board_gal .mn_cnt {overflow:visible}
    #mn_board_gal .mn_gallery_swiper .swiper-slide {border-radius:1.42rem}
    #mn_board_gal .mn_gallery_swiper .swiper-slide .tit_box {padding:1.14rem}
}/* sm */
/* --------------------------------mn_board_gal end-------------------------------- */



/* --------------------------------mn_board_list -------------------------------- */
#mn_board_list .mn_cnt {z-index:5; display:flex; justify-content:space-between; align-items:flex-start; gap:4.44rem; margin-top:0; min-height:17.44rem}
#mn_board_list .tab_cnt {overflow:visible; width:calc(100% - 11.11rem - 4.44rem); max-width:996px}
#mn_board_list .board_list {width:100%; flex-direction:column; display:flex; justify-content:flex-start; align-content:center; gap:.6rem}
#mn_board_list .board_list li {width:100%; display:block}
#mn_board_list .board_list li a {text-align:left; box-shadow:6px 6px 20px rgba(0,0,0,0.04); background-color:#fff; width:100%; display:flex; justify-content:space-between; align-items:center; word-break:keep-all; position:relative; border:1px solid #DADADA; padding:1.16rem 1.94rem 1.16rem 1.77rem; gap:2rem; border-radius:300px; flex-wrap:wrap}
#mn_board_list .board_list li .board_tit {text-align:left; width:calc(80% - 5rem); font-weight:600; font-size:1rem; line-height:175%; letter-spacing:-.03em; color:#3A3A3A; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:middle}
#mn_board_list .board_list li a p {text-align:left; display:inline-flex; justify-content:flex-end; gap:0.88rem}
#mn_board_list .board_list li a p span {text-align:left; position:relative; font-weight:400; font-size:.77rem; line-height:100%; color:#555; display:inline-flex; justify-content:center; align-items:center}
#mn_board_list .board_list li a p span:first-child::after {content:''; display:block; width:1px; height:12px; position:absolute; right:-0.44rem; background-color:#D9D9D9; top:50%; transform:translateY(-50%)}
#mn_board_list .board_type {background:#2D2D2D; height:100%; padding:1rem; font-weight:700; font-size:1rem; line-height:100%; letter-spacing:-.03em; color:#F0F0F0; display:inline-flex; justify-content:center; align-items:center}

@media screen and (max-width:1024px) {
    #mn_board_list .inner {text-align:center}
    #mn_board_list .mn_cnt {display:block; flex:unset; width:100%}
    #mn_board_list .tab_cnt {width:100%; max-width:unset}
    #mn_board_list .board_list {gap:0.85rem}
    #mn_board_list .board_list li a {padding:1.28rem 1.14rem}
    #mn_board_list .board_list li .board_tit {flex:1 0 0}
    #mn_board_list .board_list li a p {flex:1 0 0; gap:8px}
    #mn_board_list .board_list li a p span:first-child::after {height:8px; right:-4px}
}/* sm */
@media screen and (max-width:767px) {
    #mn_board_gal .mn_cnt {overflow:visible}
}/* sm */
/* --------------------------------mn_board end-------------------------------- */