/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.4.1755160887
Updated: 2025-08-14 08:41:27

*/
 /* header nav */
 #header
 { background-color: #fff; position: sticky; z-index: 100; transition: all 0.3s ease; } 
 #header.scrolled 
 { background-color:#fff; height: 80px; box-shadow: 0 0 1rem 0rem #00000024; position:fixed; z-index: 100; } 
 #header #nav
 { font-size: 1.8rem; } 
 #header #nav ul li { text-align: center; width: 17rem; } 
 #header #nav ul li a
 { letter-spacing:-0.03em; display: flex; justify-content: center; font-family: 'GmarketSansMedium'!important; font-weight: 400; color: #1e1e1e;font-size: 2rem; } 
 #header #nav .has-submenu { padding: 3rem; text-align: center; } 
 #header .sub-menu { overflow: hidden; } 
 #header .sub-menu .elementor-sub-item
 { padding:2rem 0; text-align: center; font-size: 1.8rem!important; display: block; margin-left: -7px; background-color: #fff;}
 #header .sub-arrow { display: none; } 
 #header #nav ul li a:hover { background-color: #eee; } 

/* sitemap */
#SiteMap
{cursor: pointer;}

 /* slick */
 body { margin: 0; padding: 0; } 
 /* .slick-dots li button:before { color: #fff; } 
 .slick-prev:before, .slick-next:before { color: #fff; } 
 .custom-prev { transform: rotate(-90deg); } 
 .custom-next { transform: rotate(90deg); } */
 /* main slide start */
 .main-slide { position:relative; margin: 0 auto; overflow: hidden; width: 100%; } 
 /* main */
 .main-slide .main-img
 { width: 100%; height:650px; background-position: center center; background-repeat: no-repeat; background-size: contain; position:relative; } 
 .main-img01 { background-image: url(/wp-content/uploads/2025/08/mainimg01.png); } 
 .main-img02 { background-image: url(/wp-content/uploads/2025/08/mainimg02.png); } 
 .main-img03 { background-image: url(/wp-content/uploads/2025/08/mainimg03.png); } 

.main-top-text
{text-align: center; position:absolute; left: 50%; top: 45%; transform: translate(-50%,-50%);width: 100%;z-index: 9999999;}
.main-top-text h2
{ font-size: 7.5rem;font-weight: 900;margin-bottom: 3.75rem;}
.main-top-text h3
{font-size: 3.5rem;font-weight: 600;color: #121212;margin-bottom: 3.625rem;}
.main-top-text span
{color: #111111; font-size: 2.4rem;font-weight: 400;}
.main-top-text .main-top-box
{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center;
  padding: 1rem; border-radius: 5rem;  width:110rem;margin: 3.125rem auto;}
.main-top-text .main-top-box .main-top-box-con
{border-right: 1px solid #fff;padding-right: 4rem;display: flex; flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: center; gap: 1rem;}
.main-top-text .main-top-box .main-top-box-con:last-child
{border-right: none;padding-right: 2rem;}
.main-top-text .main-top-box .main-top-box-con p
{font-weight: 600; font-size: 1.8rem;color: #fff; padding-top: 1.3rem;}
.main-top-text .main-top-box .main-top-box-con .font-weight
{font-weight: 100;}
.main-slide .scroll
{position:absolute; left: 48.5%;transform: translate(-50%,-50%); bottom: 5%; animation: scrollMove 1.5s infinite; /*cursor: pointer;*/}
@keyframes scrollMove {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(10px); }
  100% { transform: translateY(0); }
}
.main-img03.scroll{top: 150%;}
.main-img01 .main-top-text h2{color: #00498e;}
.main-img01 .main-top-text .main-top-box{background-color: #00498e;}
.main-img02 .main-top-text h2{color: #678f07 ;}
.main-img02 .main-top-text .main-top-box{background-color: #678f07 ;}
.main-img03 .main-top-text h2{color: #613812; margin-bottom: 1rem;}
.main-img03 .main-top-text{top: 40%; }
.main-img03 .main-top-text h2{font-size: 5.5rem;}
.main-img03 .main-top-text span{font-size: 2rem; }
.main-slide-arrow{position:absolute; top: 50%; transform: translateY(-50%);z-index: 99;}
.arr-btn{border: none;opacity: .3;}
.arr-btn:hover{opacity: 1;background-color: transparent;}
.arr-btn:focus {background-color: transparent;}
.arr-prev{transform: rotate(-180deg);}
.custom-prev {left: 9%;} 
.custom-next {right: 9%;}

 /* main slide end */

 /* main 공통 title */
.main-con-text 
{padding: 7.8rem 0 5rem; font-family: var(--font1);}
.main-con-text h4
{font-size: 4.8rem;font-weight: bold;margin-bottom: 1rem;color: #1e1e1e;} 
.main-con-text p
{font-size: 1.8rem;font-weight: 400;color: #343434;font-family: var(--font2);} 
.notice-tab-con .main-con-text,
.main-business-con .main-con-text
{text-align: center;} 

/* 알림마당 */
.notice-tab-con
{margin: 5rem 0 10rem; font-family: var(--font2);}
.main-info-con .info-right-con .main-title-con
{display: flex;justify-content: space-between;align-items: center;}
.main-info-con .main-board-tab-con a 
{ border: 2px solid var(--main-color);    padding: 0.7rem;  font-size: 2rem;  font-weight: 500;  margin: 0 .5rem;  cursor: pointer;  transition: all 0.3s ease;  border-radius: 5rem;  width: 16rem;  text-align: center; } 
.main-info-con .main-board-tab-con a.active,
.main-info-con .main-board-tab-con a:hover
 { font-weight: 500; color: #fff;background-color: var(--main-color);   border-radius: 5rem;} 
.main-info-con .info-board-con
{ width: 100%; height: calc(100% - 8rem); border-radius: 1rem; background: #fff; position: relative;} 
.main-info-con .info-board-con .info-board 
{ display: none;  } 
.main-info-con .info-board-con .info-board.active 
{ display: block; } 
.tabBox { display:none; }
.tabBox.active { display:block; }

/* 포토갤러리 */
.photo-gallery-con
{background-color: #FFFDF6;position: relative;left: 0;top: 0; /*--gap: 5rem;*/ --peek:100%;overflow: hidden; }/* 원하는 간격(gap)과 오른쪽에 보일 폭(peek)을 변수로 */
.photo-gallery-con .slick-slide 
{ margin-right: var(--gap);}
.photo-gallery-con .slick-list
{ overflow: hidden;   padding-right: var(--peek);   margin-right: calc(-1 * var(--peek));}
.photo-gallery-con .main-con-text{display: flex;flex-direction: row; justify-content: space-between;  align-items: flex-start;}
.info-board { display: none; }
.info-board.active { display: block; }
.info-board-03 .kboard-notice-slide-arrow.arr-prev{top:-37%!important}
.info-board-03 .kboard-notice-slide-arrow{top:-36%!important ;}
.main-photo-gallery #gallery-style02-list 
{ position: relative;margin-bottom: 5rem;}

/* 사업소개 */
.main-business-con
{background-image: url(/wp-content/uploads/2025/08/bg07.png),url(/wp-content/uploads/2025/08/bg07.png); 
background-position: left top , right bottom ; background-repeat: no-repeat;background-color: #f6fced;
position: relative;padding: 2rem 0 7rem;--slide-w: 20rem; /* 기본 슬라이드 폭 */--center-gap: 5rem; /* 가운데 슬라이드 좌/우 여백(화살표 자리) */--scale: 1.6; /* 가운데 썸네일 확대 비율 */}
.business-slide .swiper-slide
{ padding: 7rem 0;}
.item
{ position:relative; text-align:center; width:var(--slide-w)!important; transition:.3s ease; }
.thumb
{  margin:0 auto 14px;  border-radius:50%;  border:6px solid #fff; width: var(--slide-w); height: var(--slide-w);
  box-shadow:0 0 5px 4px rgba(0, 0, 0, 0.027); overflow:hidden; background:#f6f6f6; transition:transform .3s ease;}
.thumb img
{width:100%; height:100%; object-fit:cover; } 
.title
{ margin:0; font-size:2.2rem; color:#1e1e1e; transition:.2s;   font-family: 'Pretendard-Regular';}
.badge
{ position:absolute; left:50%; bottom:-26px; transform:translate(-50%,10px);  opacity:0; transition:.25s ease;  background:#a8cf7a; color:#fff; font-weight:700;
  padding:1rem; width: 110%; border-radius:3rem; white-space:nowrap;  box-shadow:0 6px 16px rgba(168,207,122,.35);font-size: 2.6rem;}
.business-slide .swiper-slide-active
{margin-left: var(--center-gap); margin-right: var(--center-gap)!important; }
.business-slide .swiper-slide-active .thumb
{transform: scale(var(--scale));}
.business-slide .swiper-slide-active .title
{ visibility:hidden; }/* 가운데는 제목 숨김 */
.business-slide .swiper-slide-active .badge
{opacity:1; transform:translate(-50%,0);}
.business-slide button
{background-image: url(/wp-content/uploads/2025/08/arrow.png); background-repeat: no-repeat;background-size: cover; width: 5.7rem;height: 5.7rem;
border: none;opacity: .3; color: transparent;  }
.business-slide button:hover{background-color: transparent;opacity:1;}
.business-slide button:focus{background-color: transparent;}
.business-slide .swiper-button-prev
{ left: 52.5%; transform: translate(-270px, -50%) rotate(-180deg); }
.business-slide .swiper-button-next
{ left: 43.5%; transform: translate(270px, -50%); }

/* 참여자 모집 */
.guide-con
{padding: 7rem 0 3.5rem 0;font-family: var(--font2);}
.guide-con .container
{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.guide-con .guide-participant
{color: #fff;background-color: var(--main-color);width: 31%;border-radius: 5rem 2rem 2rem 2rem;padding: 7rem 5rem;}
.guide-con .guide-participant h4
{font-size: 3rem;font-weight: bold;margin-bottom: 2rem;font-family: 'GmarketSansMedium';}
.guide-con .guide-participant p
{font-size: 1.8rem;font-weight: 400;}
.guide-con .guide-participant .guide-link
{display: flex;flex-direction: row;  flex-wrap: nowrap; justify-content: space-between;  align-items: flex-end;margin-top: 4rem;}
.guide-con .guide-participant .guide-link .guide-link-text
{font-size: 2rem;border: 1px solid #fff;padding: 1rem 4rem; border-radius: 3rem;transition: var(--transition1); }
.guide-con .guide-participant
{font-size: 2rem;border: 1px solid #fff; border-radius: 3rem;transition: var(--transition1); }
.guide-con .guide-participant:hover .guide-link-text
{background-color: #fff;color: #000;}
.guide-con .guide-participant .guide-link img
{text-align: right;}
.guide-con .guide-con-link
{background-color: #fef6f7;border-radius: 5rem 2rem 2rem 2rem;width: 66%;padding: 3rem 0;}
.guide-con .guide-con-link .con-link-box .guide-linkimg-bg
{padding: 2rem; background-color: #fff;border-radius: 100%;width: 9rem;height: 9rem;  display: flex ; align-items: center; justify-content: center;}
.guide-con .guide-con-link .guide-link-box-wrap
{display: flex ;flex-direction: row;justify-content: space-evenly; padding: 2rem 0;}
.guide-con .guide-con-link .guide-link-box-wrap .con-link-box
{  display: flex ;flex-direction: column;align-items: center;}
.guide-con .guide-con-link .con-link-box p
{font-size: 2rem;margin-top: 1rem;}


 /* sponsor-slider */
 .sponsor-slider { 
  width: 100%; margin: 1rem auto; position: relative; display:flex; justify-content:space-between;  padding:1rem 0; } 
 .sponsor-slider .sponsor-img { 
  overflow: hidden; margin:0 0.63rem; flex:0 0 auto; height:4.5rem;display: flex; align-content: center; } 
 .sponsor-slider img { margin: 0 auto; display: block; } 
  /* .bott-arrow { border: none; } 
 .bott-arrow:hover, .bott-arrow:focus { 
  background: transparent; } 
.sponsor-prev { left: -1%; } 
 .sponsor-prev img { transform: rotate(-90deg); text-shadow: 0 0; } 
 .sponsor-next { right: -6%; } 
 .sponsor-next img { transform: rotate(90deg); }  
 .bott-arrow { 
  position: absolute; z-index: 10; top:50%; transform: translate(-50%,-50%); padding: 15px 10px; }*/ 
 .sponsor-con 
 {border-top: 1px solid #C0C0C0;width: 100%;} 
 
/* footer */
footer a:hover{color: #fff;opacity: .8;}
footer
{background-color: #2C2C2C;color: #fff;font-size: 1.8rem;font-family: 'Pretendard-Regular';font-weight: 400;position: relative;}
footer .ft-top
{display: flex; flex-direction: row;  justify-content: space-between; padding: 2rem 0;}
footer .ft-top .ft-top-left a
{margin-right: 6rem;}
footer .ft-top .ft-top-left a:last-child{margin-right: 0rem;}
footer .ft-top .ft-top-right img{display: inline-block;vertical-align: middle;}
footer .ft-bottom::before
{content: '';clear: both;width: 100%;height: 1px;background-color: #fff;position:absolute; top: 7rem;left: 0;}
footer .ft-top .ft-top-right
{display: flex ;flex-direction: row;justify-content: space-between;align-items: center;width: 6%;}
footer .ft-bottom
{display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 4rem 0;}
footer .ft-bottom .ft-bottom-left ul li
{display: inline-block;vertical-align: middle;margin-right: 2rem;}
footer .ft-bottom .ft-bottom-left ul li:last-child{margin-right: 0;}
footer .ft-bottom .ft-copyright
{font-size: 1.6rem;color: #747474;}

/* admin */
.admin-con{margin: auto;display: block;width: 50%;}
.login_status{text-align: center;}
.login_status a{padding: 1rem 3rem; background-color: var(--main-color);border-radius: 3rem;margin: 4rem;color: #fff;}

/* sub */
/* sub 공통 */
#subMenu ul
{overflow:hidden;}
#subMenu ul li
{overflow:hidden;}
#subMenu ul li.current-menu-item
{background:#fff;}
#subMenu ul li.current-menu-item a
{color: var(--main-color);  font-weight: bold; }

#subMenu{position: absolute; bottom: -23%; transform: translateY(-50%);z-index:9;}
#subMenu ul {background-color: var(--main-color);;border-radius: 3rem;}
#subMenu ul li{border-right: 1px dashed #fff;}
#subMenu ul li:last-child{border-right: none;}
#subMenu ul li a
{ font-size: 2rem;font-weight: bold;font-family: var(--font1);  transition: var(--transition1);  padding: 4rem 5rem;color: #fff;}
#subMenu ul li a:active{background-color: var(--sub-color);color: #fff;}
#subMenu ul li a:hover{color: #FECD18}

#subContent
{min-height: 700px; 
  font-size: 1.8rem; font-family: var(--font2);
  background: #FFFFFF;  background: #FFFFFF; background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 238, 229, 1) 50%, rgba(247, 230, 220, 1) 100%);;}
.sub-content {margin: 10rem auto 10rem; }
.sub-content-02{margin: 15rem auto 10rem; }
#subContent .sub-box{padding: 9rem;background-color: #fff;border-radius: 5rem;}
.sub-content ul{margin-bottom: 5rem;}
.sub-content ul:last-child{margin-bottom: 0rem;}
.sub-content li{margin-bottom: 1rem;word-break: keep-all;}
.sub-content li:last-child {  margin-bottom: 0;}
.sub-title {margin-bottom: 5rem;}
#subContent .sub-title h4{color: var(--main-color);font-weight: bold;font-size: 2rem;}
#subContent .sub-title h3{font-weight: bold;font-size:4rem;}
/* sub-text-title */
.sub-text-title{margin-bottom: 1rem;display: flex;}
.sub-text-title h4{font-size: 2rem;background-color: var(--sub-color);color: #fff;border-radius: 5rem;padding: 1rem 3rem;}
.sub-text-con{padding-left: 3rem;margin-bottom: 5rem;}
/* sub-table 공통 */
.table-common{background-color: #fff; width: 98%;  margin-left: 2%;}
.table-common th,.table-common td{padding: 2rem;border: var(--border);vertical-align: middle;}
/* sub link 공통 */
.link-common
{ font-size: 2rem; padding: 1rem; background-color: #222;color: #fff; transition: var(--transition1);border-radius: 5rem;margin: 5rem auto 0; display: block;  width: 20%;text-align: center;}
.link-common:hover{color:#999;}
/* .sub-text-con:last-child{margin-bottom: 0rem;} */
/* sub_01 센터소개 */
.intro-con {}
.intro-content .intro-text ul.right{text-align: right;font-weight: bold;}
/* sub_01 설립목적 */
.business-text-box .bus-box-con{display: flex; flex-direction: row;  flex-wrap: wrap;  align-items: stretch;  gap: 1rem;}
.business-text-box .bus-box{border: var(--border);padding: 3rem;background-color:#fff;border-radius: 2rem;width: 24%;transition: var(--transition1);text-align: center;}
/* .business-text-box .bus-box:hover{background-color: #ffffff74;} */
/* sub_01 조직도 */
.chart-con{}
.chart-content .chart-box img{margin: auto;text-align: center;display: block;}
/* sub_01 연혁 */
.history-table
{background-color: #fff;border-radius: 3rem;overflow: hidden;}
.history-table th
{border: none;vertical-align: middle;font-size: 2rem;width: 25%;}
.history-table .history-line{position: relative;}
.history-table .history-line::after
{clear: both;content: '';display: block;position: absolute;right: 0;top: 0; width: 4px;height: 100%;background-color:#A80B12;}
.history-table .history-line::before
{clear: both;content: '';display: block;position: absolute;right: -2.35%;top: 5%;width: 20px;height: 20px;background-color:#A80B12; border-radius: 100%;}
.history-table td
{border: none;vertical-align: middle;padding: 2rem 0;}
/* table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background-color: transparent;} */
/* table tbody tr:hover>td, table tbody tr:hover>th{background-color: transparent;} */
.history-table .history-line:nth-child(odd){background-color: hsla(0, 0%, 50%, .102);}
.history-table .history-line:nth-child(2n){background-color: hsla(0, 0%, 50%, .102);}
.history-table .history-line:hover{background-color: #fff;}
/* sub_01 미션/비젼 */
.vision-box {  margin-bottom: 5rem;}
.vision-box .vision-con-img{
 position: relative;  margin-left: 21.5%; width: 70rem; height: 37rem;
background-image: url("/wp-content/uploads/2025/08/vision-img.png"); background-position: center; background-size: cover; }
.vision-box .vision-con-text{position: absolute;top: 42%;  left: 50.5%;transform: translate(-50%,-50%);    text-align: center;}
.vision-text-left,.vision-text-right
{display: flex;  flex-direction: column;  align-items: center;}
.vision-text-left
{ border-bottom: var(--border);margin-bottom: 2rem;}
 .vision-text-left ul{margin-bottom: 2rem!important;}
.vision-text-left h3 ,.vision-text-right h3 
{background: #A80B12;padding: .7rem 2.5rem; font-size: 2rem;border-radius: 3rem;color: #fff;}
.vision-box-02
{display: flex; flex-direction: row;  gap: 3rem;  justify-content: space-around;}
.vision-box-02 .vision-box-02-con
{background-color: #fff;border-radius: 3rem;border: var(--border);  padding: 6rem;  text-align: center;}
.vision-box-02 .vision-box-02-con h3{font-size: 2.4rem;border-bottom: var(--border);padding-bottom: 2rem;  color: #000;  font-weight: bold;}
.vision-box-02 .vision-box-02-con ul{padding-top: 2rem;margin: 0;    word-break: keep-all;}
/* sub_01 ci */
.color-box-wrap 
{display: flex;align-items: center;}
/* .color-box-con 
{display: flex;  flex-direction: row;  justify-content: space-evenly;  align-items: center;} */
.color-box-con
 {  display: flex;  flex-direction: column;  gap: 2rem;}
.ci-color-box{display: flex; flex-direction: row;align-items: stretch;gap: 3rem;}
.color-box-con .color-box
{width: 12rem;height: 12rem;border-radius: 50%;margin-right: 2rem;display: flex;color: #fff;align-items: center;  justify-content: center;}
.color-box-wrap ul {  margin: 0;}
.color-box-con .color-box-red{background-color: #A80B12;}
.color-box-con .color-box-yellow{background-color:#FECD18 ;}
.color-box-con .color-box-green{background-color: #299548;}
.ci-text-box{margin-bottom: 6rem;}
.ci-text-con 
{  width: 44%;  background: #fff;  border-radius: 3rem;  padding: 6rem;width: 100%;border: var(--border);}
.ci-text-box .text-con-color
{display: flex; flex-direction: column;align-items: flex-start;}
.ci-text-box .text-con-color li
{font-weight: bold;background-color: #FECD18;padding:.5rem 1.5rem;    font-family: var(--font1);}
.ci-text-box:last-child{margin-bottom: 0rem;}
.ci-text-box .logo-img{border-radius: 3rem;background-color: #fff;text-align: center;border: var(--border);}
.ci-text-box .logo-img img{padding: 6rem;}
/* 지부안내 */
.chapter-table th,.chapter-table td
{text-align: center;}
.chapter-text-con
{margin-bottom: 5rem;text-align: center;}
.chapter-text-con .sub-text-title{justify-content: center;}
.chapter-text-con h3{font-size: 2rem;font-weight: bold;padding: 1rem 0;}
/* 찾아오시는 길 */
.loadmap-wrap .loadmap{width: 100%;margin-bottom: 1rem;}
.root_daum_roughmap .cont .section.lst{display: none;}
.load-text-box{margin-top: 6rem;}
/* 채용안내 */
.employment-text-box {display: flex; flex-direction: row;  justify-content: space-between;  align-items: center;gap: 2rem;margin-bottom: 2rem;padding-bottom: 6rem;}
.employment-text-box  .employment-text-con
{border: var(--border);padding: 2rem 5rem;border-radius: 2rem;background-color: #fff;width: 100%;transition: var(--transition1);
display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.employment-text-box .sub-text-con ul li
{padding: 2rem; border:var(--border);border-radius: 2rem;text-align: center;background-color: #fff;transition: var(--transition1);  width: 100%;}
.employment-text-box{border-bottom: var(--border);}
.employment-box{margin-top: 6rem;}
/* sub02 */
/* 이용안내 */
.guide-box{display: flex; flex-direction: row;  justify-content: space-between;  align-items: center;gap: 2rem;margin-bottom: 2rem;}
.guide-box .guide-box-con
{border: var(--border);padding: 2rem 5rem;border-radius: 2rem;background-color: #fff;width: 100%;transition: var(--transition1);
display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.guide-box-con ul li{margin: 0;}
.guide-table th { width: 24.5%;}
/* 후원신청  */
.help-con-text
{background-color: #fff;padding: 3rem;border: var(--border);border-radius: 2rem;margin-top: 3rem;text-align: center;transition: var(--transition1);}
.help-con-text h3
{line-height: 3rem;font-size: 2rem;}
/* 자원봉사 */
.volunteer-con-wrap{margin-bottom: 4rem;}
.volunteer-content .volunteer-table{text-align: center;}
.volunteer-box-wrap .volunteer-box-01
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;margin-bottom: 1rem;gap: 2rem;}
.volunteer-box-wrap .volunteer-box ul
{border: var(--border);padding: 2rem 5rem;border-radius: 2rem;background-color: #fff;width: 100%;transition: var(--transition1);
display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.volunteer-box {width: 100%;}
.volunteer-box-wrap .volunteer-box ul li{margin: 0;}
.volunteer-box-wrap .volunteer-box ul:hover{}
.volunteer-box-wrap{ margin-bottom: 3rem;}
/* 협회 회원가입 */
.join-table td{text-align: center;}
.join-con-wrap {  margin-bottom: 6rem;}
.join-con {margin-bottom: 2rem;}
/* 전문상담 + 재활자립지원사업 + 연구개발 */
.consult-box-wrap,.self-box-wrap,.research-box-wrap
{display: flex;  flex-direction: row;  justify-content: space-between;  align-items: stretch;margin-bottom: 1rem;gap: 2rem;}
.consult-box-wrap .consult-box,.self-box-wrap .self-box,.research-box-wrap .research-box
{border: var(--border);padding:4rem 3rem;border-radius: 2rem;background-color: #fff;width: 100%;transition: var(--transition1);
  display: flex; flex-direction: column;  align-items: center; text-align: center;}
.consult-box-wrap .consult-box  h2, .self-box-wrap .self-box  h2, .research-box-wrap .research-box h2
{margin: 0;font-weight: bold;font-size: 2.4rem;}
.consult-box-wrap .consult-box h3,.self-box-wrap .self-box h3,.research-box-wrap .research-box h3
{font-size: 2rem;font-weight: bold; border-bottom:var(--border);padding-bottom: 2rem; width: 100%;}
.consult-con-wrap,.self-con-wrap ,.research-con-wrap 
{margin-bottom: 6rem;}
.consult-box ul,.self-box ul,.research-box ul
{margin-top: 1rem;}
  /* 연구개발 */
.research-box-wrap
{  margin-bottom: 5rem;  padding-left: 2%;}
.research-box-wrap .research-box
{padding:2rem 4rem 3rem 4rem;}




