@charset "utf-8";
/* sub page header */
.sub_page_header{--header_h:140px; margin-top:var(--header_h); }
.sub_page_header .sub_top_bg{position: relative;  overflow: hidden;}
.sub_page_header .sub_top_bg figure{height: 400px;}
.sub_page_header .sub_top_bg figure img{height: 100%; object-fit: cover;}
.sub_page_header .sub_page_title{position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);width: 100%; max-width: 1440px;}
.sub_page_header .sub_page_title h2{font-size: 5rem; font-weight: bold; line-height: 1; text-transform: uppercase;}
.sub_page_header .sub_page_title p{margin-top:12px; font-size: 2rem; font-weight: 500;}
.sub_page_header .breadcrumb_wrap{border-bottom: 1px solid #e5e5e5;}
.sub_page_header .breadcrumb .inner_wrap {position: relative;}
.sub_page_header .breadcrumb .breadcrumb_dep_1 a.current_bread{background-color: var(--main_color); color: #ffffff;}
@media(max-width:1800px) {
  .sub_page_header .sub_page_title{padding:0 64px; max-width: 100%;}
}
@media(max-width:1600px) {
  .sub_page_header .sub_page_title{padding:0 5%;}
}
@media(max-width:1440px) {
  .sub_page_header .sub_page_title h2{font-size: 5.2rem;}
}
@media(max-width:1280px){   
  .sub_page_header {--header_h:132px; ;}
  .sub_page_header .sub_top_bg figure {height: 360px;}
  .sub_page_header .sub_page_title h2{font-size: 4.8rem;}
  .sub_page_header .sub_page_title p{font-size: 1em;}
}
@media(max-width:1024px) { 
  .sub_page_header {--header_h:126px;}
  .sub_page_header .sub_top_bg figure {height: 320px;}
  .sub_page_header .sub_page_title h2{font-size: 4rem;}
  .sub_page_header .sub_page_title p{margin-top:8px; }
}
@media(max-width:768px) { 
  .sub_page_header {--header_h:110px;}
  .sub_page_header .sub_top_bg figure {height: 280px;}
  .sub_page_header .sub_page_title h2{font-size: 3.6rem;}
  .sub_page_header .breadcrumb .inner_wrap {position: relative; display: flex; align-items: center; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}
}
@media(max-width:540px) {
  .sub_page_header {--header_h:104px;}
  .sub_page_header .sub_top_bg figure {height: 240px;}
  .sub_page_header .sub_page_title h2{font-size: 3.2rem;}
  .sub_page_header .sub_page_title p{margin-top:4px; }
}

/* --------------------------------------- */
/* sub contents, title */
.sub_page {color: #333333;  --border-r: 20px;}
.sub_page .page_contents{margin-top:80px;}
.sub_con{margin-top:80px; }
.sub_con + .sub_con{margin-top:120px;}
.sub_title{text-align: center; font-size: 4rem;  font-weight: 500; line-height: 1;}
.sub_section_title{font-size: 3.2rem; color: var(--main_color); }

@media(max-width:1280px){       
  .sub_page .page_contents{margin-top:100px;}  
  .sub_title{font-size: 3.6rem;}
  .sub_con + .sub_con {margin-top: 100px;}
}
@media(max-width:1024px) {   
  .sub_page .page_contents{margin-top:80px;}  
  .sub_con{margin-top:56px;}
  .sub_title{font-size: 3.2rem;}
  .sub_section_title{font-size: 2.8rem;}
  .sub_con + .sub_con {margin-top: 80px;}
}
@media(max-width:768px) {  
  .sub_page {--border-r: 10px;}
  .sub_page .page_contents{margin-top:72px;}  
  .sub_title{font-size: 2.8rem;}
  .sub_con + .sub_con {margin-top: 72px;}
  .sub_section_title{font-size: 2.4rem;}
}
@media(max-width:540px) {
  .sub_con {margin-top: 40px;}
  .sub_page .page_contents{margin-top:64px;} 
}

/* re tab */
.head_tab_btns{margin-top:40px;}
.head_tab_btns .tab_btns{border: none; justify-content: center; flex-wrap: wrap;}
.tab_btns li .btn {padding: 18px 24px; width:205px;  border: 1px solid #eeeeee; text-align: center; }
.tab_btns li .btn.active {border-color: var(--main_color); background-color: #ffffff; font-weight: bold; color: var(--main_color); }
@media(max-width:768px){   
  .head_tab_btns .tab_btns li .btn {padding: 16px 20px; width: 160px;}
}
@media(max-width:540px){   
  .head_tab_btns .tab_btns li .btn {padding: 16px 16px; min-width: 120px; width: auto;}
}

/* re table */
.table_wrap table thead th {color: #333333;}
.table_wrap table thead {border-top: none; border-bottom: none; background-color: #E2F5F1;}
.table_wrap table tbody tr {border-color: #dbdbdb;}


/* --------------------------------------- */
/* sub page common */

/* --------------------------------------- */
/* 인사말 */
/* --------------------------------------- */
.greeting_tab_con_inner{display: flex; align-items: flex-start; gap:0 70px; }
.greeting_tab_con_inner .img_wrap{flex-shrink: 0;}
.greeting_tab_con_inner .img_wrap figure{border-radius: var(--border-r); overflow: hidden;}
.greeting_text_header{position: relative; font-size:2.8rem; line-height: 1.4; color: #000000;  }
.greeting_text_header::before{content: url("../images/sub/about/greeting_text_header_dot.svg"); display: block;}
.greeting_text_body{margin-top:30px; line-height: 1.6; }
.greeting_text_body p + p{margin-top:1em;}
@media(max-width:1280px){   
  .greeting_tab_con_inner {gap: 0 48px;}
  .greeting_tab_con_inner .img_wrap figure{width:240px;}
  .greeting_text_header{font-size:2.4rem;}
  .greeting_text_header br{display: none;}
}
@media(max-width:1024px){   
  .greeting_tab_con_inner .img_wrap figure{width:200px;}
}
@media(max-width:768px){   
  .greeting_tab_con_inner {flex-direction: column; gap:20px;}
  .greeting_tab_con_inner .img_wrap{align-self: center;}
  .greeting_text_body {margin-top: 20px;}
}
@media(max-width:540px){   
  .greeting_tab_con_inner {gap:16px;}
  .greeting_tab_con_inner .img_wrap figure{width:160px;}
  .greeting_text_header{font-size:2rem;}
}


/* --------------------------------------- */
/* 법인 소개 */
/* --------------------------------------- */
.corp_intro .text_wrap{text-align: center; font-size: 2.4rem;}
.corp_intro .text_wrap span{font-weight: bold; color: var(--main_color);}
.corp_intro .img_wrap{margin-top:16px; border-radius: var(--border-r); overflow: hidden;}
/* 법인 소개  설립목적*/
.corp_purpose .corp_purpose_inner{display: flex; align-items: center; --cpi_gap:40px; gap: 0 var(--cpi_gap)}
.corp_purpose .corp_purpose_inner .img_wrap{width:calc(60% - (var(--cpi_gap) / 2)); border-radius: var(--border-r); overflow: hidden; }
.corp_purpose .corp_purpose_inner .text_wrap{width:calc(40% - (var(--cpi_gap) / 2)) }
.corp_purpose .corp_purpose_inner .text_wrap p{margin-top:12px;}
/* 법인 소개  연혁*/
.corp_history .corp_history_inner{margin-top:20px; display: flex; gap: 0 40px;}
.corp_history_btns{flex-shrink: 0; width:207px;}
.corp_history_btns .tab_btns{border: none; display: block;}
.corp_history_btns .tab_btns li button {width: 100%}
.corp_history_con{padding:40px 28px; width:100%; background-color: #F8F8F8;  }
.corp_history_con .corp_tab_con_inner{display: flex; gap:0 56px;}
.corp_history_con .corp_tab_con_inner .text_wrap{width:100%;}
.corp_history_con .corp_tab_con_inner .text_wrap .greeting_tab_con_title{font-size: 2.8rem; color: #333333;}
.corp_history_con .corp_tab_con_inner .text_wrap .history .history_month{display: flex; gap: 0 20px;}
.corp_history_con .corp_tab_con_inner .text_wrap .history .history_month + .history_month{margin-top:16px; padding-top:16px; border-top:1px solid #dbdbdb;}
.corp_history_con .corp_tab_con_inner .text_wrap .history .history_month h6{font-size: 2.4rem; font-weight: 500;}
.corp_history_con .corp_tab_con_inner .text_wrap .history .history_month ul li + li{margin-top:4px;}
.corp_history_con .corp_tab_con_inner .img_wrap{flex-shrink: 0;}
.corp_history_con .corp_tab_con_inner .img_wrap figure{border-radius: var(--border-r); overflow: hidden;}
/* 설립목적 */
.staff_status article + article{margin-top:56px;}
.staff_status .staff_status_workers{margin-top:20px;}
.staff_status .sub_article_title{position: relative; display: flex; align-items: center; gap: 0 12px; font-size: 2.4rem;}
.staff_status .sub_article_title::before{content: ""; display: block; width:12px; height:12px; border-radius: 50%; border:2px solid var(--main_color) }
.staff_status .sub_article_title + .table_wrap{margin-top:16px;}
.staff_status .table_wrap{margin-top:16px;}
@media(max-width:1280px){   
  /* 법인 소개  설립목적*/
  .corp_purpose .corp_purpose_inner {--cpi_gap: 32px;}
  /* 법인 소개  연혁*/
  .corp_history{overflow: hidden;}
  .corp_history .corp_history_inner { flex-direction: column; gap:8px;}
  .corp_history_btns {width:100%;}
  .corp_history_btns .tab_btns {display: flex; width:100%; flex-wrap: wrap;}
  .corp_history_btns .tab_btns li button { padding: 16px 32px; width: auto;}
  .corp_history_con .corp_tab_con_inner {gap: 0 48px;}
  .corp_history_con .corp_tab_con_inner .img_wrap figure{width:320px;}

  .mobile .corp_history{overflow: hidden;}
  .mobile .corp_history_btns .tab_btns {overflow-x:auto; margin: 0 -5vw; padding: 0 5vw;}
}
@media(max-width:1024px){   
  .corp_intro .text_wrap{font-size: 2rem;}
    /* 법인 소개  설립목적*/
  .corp_purpose .corp_purpose_inner {--cpi_gap: 28px;}
  .corp_purpose .corp_purpose_inner .img_wrap figure{height:240px;}
  .corp_purpose .corp_purpose_inner .img_wrap figure img{height:100%; object-fit: cover;}
  /* 법인 소개  연혁*/
  .corp_history_con .corp_tab_con_inner {gap: 0 40px;}
  .corp_history_con .corp_tab_con_inner .img_wrap figure{width:240px;}
  .corp_history_con .corp_tab_con_inner .text_wrap .greeting_tab_con_title {font-size: 2.4rem;}
  .corp_history_con .corp_tab_con_inner .text_wrap .history .history_month h6 {font-size: 2rem;}
  .corp_history_con .corp_tab_con_inner .text_wrap .history .history_month + .history_month {margin-top: 12px; padding-top: 12px;}

  .staff_status article + article {margin-top: 48px;}
  .staff_status .sub_article_title {gap: 0 8px; font-size: 2rem;}
  .staff_status .sub_article_title + .table_wrap {margin-top: 12px;}
  
}
@media(max-width:768px){   
  .corp_intro .text_wrap br{display:none;}
  .corp_intro .img_wrap{margin-top:16px;}
  .corp_intro .img_wrap figure{height:240px;}
  .corp_intro .img_wrap figure img{height:100%; object-fit: cover;}
  /* 법인 소개  설립목적*/
  .corp_purpose .corp_purpose_inner {--cpi_gap: 24px;}
  .corp_purpose .corp_purpose_inner > div {width: calc(100% - (var(--cpi_gap)) / 2)!important;}
  /* 법인 소개  연혁*/  
  .corp_history_con {padding: 28px 20px;}
  .corp_history_con .corp_tab_con_inner {flex-direction: column; gap: 16px;}
  .corp_history_con .corp_tab_con_inner .text_wrap {order: 1;}
  .corp_history_con .corp_tab_con_inner .img_wrap figure {width: 100%; height:240px;}
  .corp_history_con .corp_tab_con_inner .img_wrap figure img{height:100%; object-fit: cover;}
  .corp_history_con .corp_tab_con_inner .text_wrap .history{margin-top:8px;}
  .corp_history_con .corp_tab_con_inner .text_wrap .history .history_month h6 {font-size: 1.8rem;}
  
  .staff_status article + article {margin-top: 40px;}
  .staff_status .sub_article_title {gap: 0 4px; font-size: 1.8rem;}
  .staff_status .sub_article_title::before {width: 8px; height: 8px;}
  .staff_status .sub_article_title + .table_wrap {margin-top: 8px;}
  
}
@media(max-width:540px){   
  .corp_intro .img_wrap figure{height:200px;}
  /* 법인 소개  설립목적*/
  .corp_purpose .corp_purpose_inner {flex-direction: column; gap: 12px;}
  .corp_purpose .corp_purpose_inner .img_wrap{order: 1;}
  .corp_purpose .corp_purpose_inner .text_wrap p {margin-top: 4px;}
  /* 법인 소개  연혁*/
  .corp_history_btns .tab_btns li button {padding: 12px 24px;}
  .corp_history_con .corp_tab_con_inner .img_wrap figure {height:200px;}
    
  .staff_status article + article {margin-top: 32px;}
}

/* --------------------------------------- */
/* 오시는 길 */
/* --------------------------------------- */
.direct_header{padding-top:20px; border-top: 1px solid #dbdbdb;}
.direct_header .direct_info{gap: 8px 80px; flex-wrap: wrap;}
.direct_header .direct_info li{gap: 0 8px;}
.direct_header .direct_info li i{flex-shrink: 0;}
.direct_map{margin-top:20px;}
.direct_map .root_daum_roughmap{width:100%;}
.direct_map .root_daum_roughmap .wrap_map{height:400px;}
.direct_map .root_daum_roughmap .wrap_controllers{display: none;}
@media(max-width:1280px){   
  .direct_header .direct_info{gap: 8px 64px; }
}
@media(max-width:1024px){   
  .direct_header .direct_info{gap: 8px 48px; }
  .direct_header .direct_info li{gap: 0 4px;}
  .direct_map .root_daum_roughmap .wrap_map{height:360px;}
}
@media(max-width:768px){   
  .direct_header{padding-top:16px;}
  .direct_header .direct_info{gap: 4px 48px; }
  .direct_map .root_daum_roughmap .wrap_map{height:320px;}
}
@media(max-width:540px){   
  .direct_map .root_daum_roughmap .wrap_map{height:280px;}
}

/* --------------------------------------- */
/* 참여방법 */
/* --------------------------------------- */
/* 참여절차 */
.parti_process_list{margin-top:20px; display: flex; --parti_process_list_gap:80px;  gap: 0 var(--parti_process_list_gap);}
.parti_process_list li{width:calc((100% - (var(--parti_process_list_gap) * 4) ) / 5);}
.parti_process_list li .img_wrap{display: flex; justify-content: center; align-items: center; aspect-ratio: 1/0.8705; border: 1px solid var(--main_color); border-radius: var(--border-r);}
.parti_process_list li .text_wrap{margin-top:16px; text-align: center;}
.parti_process_list li .text_wrap .parti_process_num{font-size: 3.2rem; font-weight: bold; line-height: 1; color: var(--main_color); }
.parti_process_list li .text_wrap p{margin-top:8px; font-size: 2rem; line-height: 1.25;}
.parti_process_list li .text_wrap small{font-size: 1.6rem; color: #666666;}
.parti_process .attached_text{margin-top:40px; display: flex; justify-content: center;}
.parti_process .attached_text p{padding:12px 80px; border-radius: var(--border-r); background-color: #e2f5f1;}
/* 참여조건 및 필수 서류 */
.parti_doc_list{margin-top:20px; border-top: 1px solid var(--main_color);  border-bottom: 1px solid #dbdbdb;}
.parti_doc_list .parti_doc_list_item{padding:40px 0; display: flex; gap: 0 96px;}
.parti_doc_list .parti_doc_list_item + .parti_doc_list_item{border-top: 1px solid #dbdbdb;}
.parti_doc_list_item .parti_doc_label{flex-shrink: 0; width:150px; font-size: 2rem; line-height: 1.25; color: var(--main_color);}
.parti_doc_list_item .parti_doc_label span{display: block; font-size: 1em; font-weight: 500;}
.parti_doc_list_item .parti_doc_desc_box + .parti_doc_desc_box{margin-top:28px;}
.parti_doc_list_item .parti_doc_desc_box .parti_doc_desc_list_title + .parti_doc_desc_list{margin-top:8px;}
.parti_doc_list_item .parti_doc_desc_box .parti_doc_desc_list li + li{margin-top:4px;}

@media(max-width:1480px){   
  .parti_process_list{--parti_process_list_gap:56px; }
}
@media(max-width:1440px){   
  .parti_process_list{--parti_process_list_gap:48px; }
}
@media(max-width:1280px){   
  .parti_process_list{--parti_process_list_gap:32px; }
  .parti_process_list li .img_wrap .icon_100 {width: 80px;  height: 80px;}
  .parti_process_list li .text_wrap p {font-size: 1.8rem;}
  .parti_process_list li .text_wrap .parti_process_num {font-size: 2.8rem; }
}
@media(max-width:1024px){   
  .parti_process_list{--parti_process_list_gap:28px; gap: 40px var(--parti_process_list_gap); flex-wrap: wrap; }
  .parti_process_list li{width:calc((100% - (var(--parti_process_list_gap) * 2) ) / 3);}
  .parti_process_list li .img_wrap {aspect-ratio: 1 / 0.6;}
  .parti_process_list li .text_wrap {margin-top: 12px;}
  .parti_process_list li .text_wrap .parti_process_num {font-size: 2.4rem; }
  .parti_process_list li .text_wrap p {font-size: 1em;}

  .parti_doc_list .parti_doc_list_item {padding: 36px 0; gap: 0 50px;}
  .parti_doc_list_item .parti_doc_label { width: 150px;  font-size: 1.8rem;}
}
@media(max-width:768px){   
  .parti_process_list{--parti_process_list_gap:16px; gap: 40px var(--parti_process_list_gap); flex-wrap: wrap; }
  .parti_process_list li .text_wrap p {margin-top: 4px;}
  .parti_process_list li .img_wrap .icon_100 {width: 64px;  height: 64px;}
  .parti_process_list li .text_wrap .parti_process_num {font-size: 2rem; }
  
  .parti_doc_list .parti_doc_list_item {padding: 32px 0; flex-direction: column; gap:20px;}
  .parti_doc_list_item .parti_doc_label { width: 100%;;}
  .parti_doc_list_item .parti_doc_label span { display: inline;}
  .parti_doc_list_item .parti_doc_desc_box + .parti_doc_desc_box {margin-top: 12px;}
  .parti_doc_list_item .parti_doc_desc_box .parti_doc_desc_list_title + .parti_doc_desc_list {margin-top: 4px;}
}
@media(max-width:640px){   
  .parti_process_list li{width:calc((100% - (var(--parti_process_list_gap) * 1) ) / 2);}
}
@media(max-width:540px){   
  .parti_process_list{gap: 24px var(--parti_process_list_gap);}
  .parti_process_list li .img_wrap {aspect-ratio: 1 / 0.5;}
  .parti_process_list li .img_wrap .icon_100 {width: 56px;  height: 56px;}
  .parti_process_list li .text_wrap {margin-top: 8px;}
  .parti_process .attached_text p {padding: 12px 36px;}

  .parti_doc_list .parti_doc_list_item {padding: 28px 0; gap: 16px;}
}


/* --------------------------------------- */
/* 사업안내 공익형, 사회서비스형, 시장형*/
/* --------------------------------------- */
.biz_info_list{margin-top:40px;}
.biz_info_list ul{display: flex; flex-wrap: wrap; gap:24px 20px;}
.biz_info_list .biz_info_item{width:calc((100% - (20px * 3)) / 4); border: 1px solid var(--main_color); border-radius: var(--border-r); overflow: hidden; box-sizing: border-box; }
.biz_info_list .biz_info_item .img_wrap figure{height: 220px;}
.biz_info_list .biz_info_item .img_wrap figure img{height: 100%; object-fit: cover;}
.biz_info_list .biz_info_item .text_wrap{padding:20px 24px 40px;}
.biz_info_list .biz_info_item .text_wrap h4{font-size:2rem; color:var(--main_color);}
.biz_info_list .biz_info_item .text_wrap p{margin-top:12px;}

@media(max-width:1280px){  
  .biz_info_list .biz_info_item{width:calc((100% - (20px * 2)) / 3); }
}
@media(max-width:1024px){  
  .biz_info_list .biz_info_item{width:calc((100% - (20px * 1)) / 2); }
}
@media(max-width:768px){  
  .biz_info_list ul {gap: 16px 16px;}
  .biz_info_list .biz_info_item{width:calc((100% - (16px * 1)) / 2); }
  .biz_info_list .biz_info_item .text_wrap {padding: 16px 21px 32px;}
  .biz_info_list .biz_info_item .img_wrap figure{height: 160px;}
  .biz_info_list .biz_info_item .text_wrap h4 {font-size: 1.8rem;}
  .biz_info_list .biz_info_item .text_wrap p {margin-top: 4px;}
}
@media(max-width:540px){  
  .biz_info_list .biz_info_item{width:100%; }
}



/* --------------------------------------- */
/* 후원신청
/* --------------------------------------- */
.dona_info{display: flex; gap: 40px;}
.dona_info .dona_info_box{padding:40px;  width:calc((100% - (40px)) / 2); border: 1px solid var(--main_color); border-radius: var(--border-r);}
.dona_info .dona_info_box{padding:40px;  width:calc((100% - (40px)) / 2); border: 1px solid var(--main_color); border-radius: var(--border-r);}
.dona_info .dona_info_box .dona_info_list{margin-top:20px;}
.dona_info .dona_info_box .dona_info_list li + li{margin-top:8px;}
.dona_info .dona_info_box .dona_info_add{margin-top:4px; display: block; font-size: 1.6rem; color: #555555;}
.dona_appli_header .dona_app_header_desc{margin-top:20px; display: flex; align-items: center;  gap: 8px 20px;}
.dona_appli_header .dona_app_header_desc .btn{padding:12px 40px; gap:0 10px;  font-weight: 700; color: #ffffff; }
.dona_appli_header .dona_app_header_desc .btn:hover{background-color: var(--sub_black);}
.dona_app_infoma{margin-top:48px; padding:40px; border:1px solid #dbdbdb; border-radius: var(--border-r); background-color: #f9f9f9;}
.dona_app_infoma h5{font-size: 2rem; color: var(--main_color);}
.dona_app_infoma .dona_app_infoma_list{margin-top:20px;}
.dona_app_infoma .dona_app_infoma_list>li{display: flex; gap:0 24px; color: #555555;}
.dona_app_infoma .dona_app_infoma_list>li + li{margin-top:12px;}
.dona_app_infoma .dona_app_infoma_list>li span{flex-shrink: 0; width:120px; font-weight: bold; color: #333333;}
.dona_app_infoma .dona_app_infoma_list li ul li + li{margin-top:4px;}
.form_wrap .input_box{--label_gap:12px; padding:32px 0; border-bottom: 1px solid #dbdbdb;}
.form_wrap .input_box label{font-size: 2rem; font-weight: bold;}
.form_wrap .input_box label + textarea,
.form_wrap .input_box label + input{margin-top:var(--label_gap); padding:15px; border-color:#dddddd; background-color: #f9f9f9;} 
.form_wrap .input_box label + textarea{height: 160px;}
.radio_wrap{margin-top:var(--label_gap);}
.radio_wrap .radio_box_wrap{display: flex; align-items: center; flex-wrap: wrap; gap:8px 32px;}
.radio_wrap .radio_box_wrap .circle_radio label{font-size: 1em;}
.radio_wrap .radio_box_wrap .circle_radio input[type="radio"] + label:before {margin-top: 0; width: 16px; height: 16px; border-color:#aaaaaa;}
.radio_wrap .radio_box_wrap .circle_radio input[type="radio"] + label:after {width: 8px; height: 8px;}
.addr_wrap{margin-top:var(--label_gap); display: flex; gap: 0 10px;}
.addr_wrap button{padding:16px; border-radius: 6px; background-color: var(--sub_black)!important; font-size: 1.6rem; font-weight: 700; color: #ffffff;}
.addr_wrap input[type="text"]{padding:16px; border-color:#dddddd; background-color: #f9f9f9;}
.file_upload{margin-top:var(--label_gap); justify-content:flex-start;}
.file_upload .file_name {padding: 15px; max-width: 200px;}
.file_upload .file_btn{padding: 15px;}
.form_wrap .btn_wrap{margin-top:40px; justify-content: center; gap:0 8px;}
.form_wrap .btn_wrap .btn{padding:15px 64px; font-weight: bold; color:#999999; }
.form_wrap .btn_wrap .dona_submit_btn{border-color: var(--main_color); color: var(--main_color);}
.form_wrap .btn_wrap .btn:hover{background-color: var(--sub_black); color: #ffffff;}
@media(max-width:1280px){  
  .dona_info {gap: 28px;}
  .dona_info .dona_info_box {padding: 32px; width: calc((100% - (28px)) / 2);}
  .dona_info .dona_info_box .dona_info_list {margin-top: 12px;}
  .dona_app_infoma {margin-top: 32px; padding: 36px;}
}
@media(max-width:1024px){  
  .dona_info {gap: 24px;}
  .dona_info .dona_info_box {padding: 32px; width: calc((100% - (24px)) / 2);}
  .dona_appli_header .dona_app_header_desc {flex-direction: column; align-items: flex-start; gap: 8px;}
  .dona_appli_header .dona_app_header_desc .btn {padding: 10px 24px;}
  .dona_app_infoma {margin-top: 28px; padding: 32px;}
  .dona_app_infoma .dona_app_infoma_list {margin-top: 16px;}
  .form_wrap .input_box {--label_gap: 8px; padding: 24px 0;}
  .form_wrap .input_box label {font-size: 1.8rem;}
  .input_out_half {gap: 16px;}
  .input_out_half>.input_wrap {width: calc((100% - (16px * 1)) / 2);}
}
@media(max-width:768px){  
  .dona_info {gap: 12px; flex-wrap: wrap;}
  .dona_info .dona_info_box {padding: 28px 24px; width:100%;}
  .dona_info .dona_info_box .dona_info_list {margin-top: 8px;}
  .dona_app_infoma {margin-top: 24px; padding: 28px;}
  .dona_app_infoma h5 {font-size: 1.8rem;}
  .dona_app_infoma .dona_app_infoma_list {margin-top: 12px;}
  .form_wrap .input_box {--label_gap: 8px; padding: 24px 0;}
  .form_wrap .input_box label {font-size: 1em;}
  .radio_wrap .radio_box_wrap {gap: 8px 24px;}
  .input_out_half {gap: 16px; flex-wrap: wrap;}
  .input_out_half>.input_wrap {width: 100%; }
}
@media(max-width:540px){  
  .dona_app_infoma .dona_app_infoma_list>li {flex-direction: column;}
  .addr_wrap button {font-size: 1.4rem;}
  .form_wrap .btn_wrap .btn {padding: 15px 48px;}
}


/* --------------------------------------- */
/* 게시판
/* --------------------------------------- */
/* re 게시판 */
.search_wrap .form_wrap{display: flex; justify-content: center; align-self:center; gap:0 8px;}
.search_wrap .input_search_wrap{display: flex; align-items: center; gap:0 12px;}
.search_wrap select,
.search_wrap input[type="text"]{padding: 12px 16px;}
.search_wrap select.arrow_select {background-position: center right 16px;}
.list_content{margin-top:32px;}
.notice_content .notice_table .table_wrap table thead {border-top: 1px solid #111111; border-bottom: 1px solid var(--line_color); background-color:#ffffff;}
.notice_content .table_wrap table td:has(a){padding:0;}
.notice_content .table_wrap table td:has(a) a{padding: 20px 8px}
.pagenation{margin-top:48px;}
@media(max-width:768px){ 
  .notice_content .notice_table{display: block; border-top:1px solid #111111;}
  .notice_content .notice_table table,
  .notice_content .notice_table tbody,
  .notice_content .notice_table td{display: block;}
  .notice_content col:first-child,
  .notice_content thead,
  .notice_content td:first-child{display: none;}
  .notice_content .notice_table td{padding:0;}
  .notice_content .notice_table tr{padding:16px 0; display: flex; flex-wrap: wrap; gap: 0 16px;}
  .notice_content .table_wrap table td:has(a){width:100%;}
  .notice_content .table_wrap table td:has(a) a {padding: 8px 0; font-weight: 500;}
  .pagenation { margin-top: 40px;}
}
@media(max-width:540px){ 
  .search_wrap .form_wrap{gap:0 4px;}
  .search_wrap select, 
  .search_wrap input[type="text"] {padding: 12px 10px;}
  .search_wrap input[type="text"]{max-width:160px;}
  .search_wrap select.arrow_select {padding-right: 28px; background-position: center right 10px;}
  .pagenation { margin-top: 32px;}
}

/* 포토앨범 */
.gallery_list ul{display: flex; flex-wrap: wrap; --gallery_gap:40px; gap:var(--gallery_gap);}
.gallery_list ul .gallery_item{width:calc((100% - (var(--gallery_gap) * 2)) / 3);}
.gallery_list ul .gallery_item .img_wrap figure{aspect-ratio: 1/0.7048; border-radius: var(--border-r); overflow: hidden;}
.gallery_list ul .gallery_item .img_wrap figure img{height: 100%; object-fit: cover;}
.gallery_list ul .gallery_item .text_wrap{padding: 16px;}
.gallery_list ul .gallery_item .text_wrap p{font-size: 2rem; font-weight: 600;}
.gallery_list ul .gallery_item .text_wrap .gallery_item_date{margin-top:12px; display: block; font-size: 1.4rem; font-weight: 500; color: var(--black_9);}
@media(max-width:1280px){ 
  .gallery_list ul{--gallery_gap:28px; gap:40px var(--gallery_gap);}
  .gallery_list ul .gallery_item .text_wrap{padding: 16px 0;}
  .gallery_list ul .gallery_item .text_wrap p{font-size: 1.8rem;}
}
@media(max-width:1024px){ 
  .gallery_list ul{--gallery_gap:20px; gap:40px var(--gallery_gap);}
  .gallery_list ul .gallery_item .text_wrap p{font-size: 1em;}
}
@media(max-width:768px){ 
  .gallery_list ul {gap: 20px var(--gallery_gap);}
  .gallery_list ul .gallery_item{width:calc((100% - (var(--gallery_gap) * 1)) / 2);}
  .gallery_list ul .gallery_item .text_wrap {padding: 8px 0 16px;}
  .gallery_list ul .gallery_item .text_wrap .gallery_item_date {margin-top: 4px;}
}
@media(max-width:540px){ 
  .gallery_list ul{--gallery_gap:12px; gap:32px var(--gallery_gap);}
}
.notice_view .notice_view_info ul{display: flex; flex-wrap: wrap; gap:0 80px;}
.notice_view .notice_view_info ul li{display: flex; gap:0 20px; font-weight: 500;}
.notice_view .notice_view_info ul li span{ color: var(--gray_text);}
.notice_view .notice_view_info + .notice_view_con{margin-top:20px;}
.notice_view .view_content_body{padding:40px 28px;}

/* view  */
.notice_view_title h4{font-size: 2.8rem;}
.notice_view_list {margin-top:12px; padding: 16px 24px; display: flex; gap:10px 100px; flex-wrap: wrap; border-top:2px solid var(--main_black); border-bottom:1px solid var(--line_color); }
.notice_view_list li {display: flex; gap:0 20px; padding:0 ;}
.notice_view_list li + li {border-top: none;}
.notice_view_list li .view_info_title {flex-shrink: inherit; width:auto;}
.notice_view_list li .view_info_con{font-weight: 500;}
.view_add_file{padding: 16px 24px; display: flex; align-items: center; gap:0 20px; border-bottom:1px solid var(--line_color); }
.view_add_file .view_info_title{flex-shrink: 0; }
.view_add_file .view_add_file_list{display: flex; flex-direction: column; gap:4px;}
.view_add_file .view_add_file_list a{padding:8px 16px; display: flex; gap:0 4px; border: 1px solid var(--line_color); border-radius: 50px; background-color: #f5f5f5; }
.notice_view_text{margin-top: 32px; padding-bottom: 48px; border-bottom: 1px solid var(--main_black);}
.notice_view_text img{max-width: 100%;}
.notice_view_footer .btn_wrap{margin-top:32px; justify-content: center; gap:8px;}
.notice_view_footer .btn_wrap .btn{padding: 14px 48px; border: 1px solid var(--main_color); border-radius: 10px;  font-size: 1.6rem; font-weight: 600; color: #ffffff; }
.notice_view_footer.btn_wrap .btn.bg_btn{background-color: var(--main_color); color: #ffffff;}
.notice_view_footer .btn_wrap .btn:hover{background-color: var(--main_black); color: #ffffff;}
@media(max-width:768px){
  .notice_view_title h4{font-size: 2.4rem;}
  .notice_view_list {margin-top:12px; padding: 16px 0;}
  .view_add_file{padding: 16px 0;}
}
@media(max-width:540px){
  .notice_view_title h4{font-size: 2rem;}
  .notice_view_text{margin-top: 28px; padding-bottom: 32px; border-bottom: 1px solid var(--main_black);}
  .notice_view_footer .btn_wrap .btn{padding: 12px 28px; font-size: 1.5rem; font-weight: 600; color: #ffffff; }
}


/* --------------------------------------- */
/* 마켓
/* --------------------------------------- */
.market_list .market_item{padding-bottom: 60px; border-bottom: 1px solid #eaeaea; display: flex; align-items: center; gap: 0 40px; }
.market_list .market_item + .market_item{padding-top: 60px; }
.market_list .market_item .img_wrap{flex-shrink: 0; }
.market_list .market_item .img_wrap figure{width:400px; aspect-ratio: 1/0.625; border-radius: var(--border-r); overflow: hidden;}
.market_list .market_item .img_wrap figure img{height: 100%; object-fit: cover;}
.market_list .market_item .market_item_title{font-size:2.8rem; font-weight: 600;}
.market_list .market_item .market_item_options{display: block;}
.market_list .market_item .market_item_price{ margin-top:16px; display: flex; --market_price_gap: 40px; gap: 0 var(--market_price_gap);}
.market_list .market_item .market_item_price li{position: relative; font-size: 2rem; font-weight: 500; color: var(--black_0);}
.market_list .market_item .market_item_price li + li::before{content: ""; position: absolute; top: 50%; left:calc(-1 * (var(--market_price_gap) / 2)); transform: translateY(-50%); display: block; width:1px; height: 16px; background-color: var(--line_color);}
.market_list .market_item .market_item_pay{margin-top:4px; color: #595959;}
.market_list .market_item .btn_wrap{margin-top:20px; }
.market_list .market_item .btn_wrap .btn{padding: 12px 20px; width:100%; max-width: 240px; border-color: var(--line_color);}
.market_list .market_item .btn_wrap .btn:hover{background-color: var(--main_color); color: #ffffff;}
.market_form .select_box_wrap{margin-top:var(--label_gap); display: flex; align-items: center; gap:20px 48px;}
.market_form .select_box_wrap .select_item label{font-size: 1em; color: #555555;}
.market_form .select_box_wrap select{margin-top:8px; padding:12px 16px; width:247px; border-color: #dddddd; background-color: #f9f9f9;}

.market_total_price{font-size: 3.2rem; font-weight: bold; color: var(--main_color);}
.bank_num{font-size: 2.4rem; color:var(--main_color)}
.select_box_wrap:has(.bank_num){display: block;}
.bank_guide{display: block; font-size: 1.6rem; color: #555555;}
@media(max-width:1024px){
  .market_form .select_box_wrap{flex-wrap: wrap; gap:20px 20px;}
  .market_form .select_box_wrap .select_item {width:calc((100% - (20px * 2)) / 3);}
  .market_form .select_box_wrap select{width:100%; }
}

@media(max-width:768px){
  .market_form .select_box_wrap{flex-wrap: wrap; gap:20px 12px;}
  .market_form .select_box_wrap .select_item {width:calc((100% - (12px * 2)) / 3);}
  .market_form .select_box_wrap select.arrow_select {padding-right: 28px; background-position: center right 12px; }
}

@media(max-width:640px){
  .market_form .select_box_wrap .select_item {width:100%;}
  .market_form .select_box_wrap select {margin-top: 4px;}
}
@media(max-width:540px){
  .market_form .select_box_wrap .select_item label {font-size: 0.9em; }
}