/*
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.1758517888
Updated: 2025-09-22 14:11:28

*/


/* 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; } 

/* header nav */
body{position: relative;}
#header
{ background-color: transparent; position: sticky; z-index: 100; transition: all 0.3s ease; height: 100px;border-bottom: 1px solid #ffffff3d; height: 100px; } 
#header.scrolled 
{ background-color:#fff; height: 90px;padding-top: 0rem; 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: var(--font1); font-weight: 500; font-size: 2rem;color: #0d0d0d; } 
#header #nav .has-submenu { height: 100px;border-radius: 2rem;} 
#header.scrolled  #nav .has-submenu { height: 90px;border-radius: 2rem;} 
#header .sub-menu { overflow: hidden;  box-shadow: var(--box-shadow);border-radius: 2rem;} 
#header .sub-menu .elementor-sub-item
{ padding:2rem 0; text-align: center; font-size: 1.6rem!important; display: block; margin-left: -7px; background-color:  #fff;font-family: var(--font2)!important;font-weight: 600!important; } 
#header .sub-arrow { display: none; } 
#header #nav ul li a:hover { background-color:  var(--sub-color);color: #fff;} 

/* menu sitemap icon 설정*/
#SiteMap{ cursor: pointer; } 
#sitemap{backdrop-filter: blur(1px);}
.sitemap-nav{font-family: var(--font1)!important;}

/* sitemap 설정 */
#elementor-popup-modal-1261 .dialog-widget-content {background-color:transparent !important; box-shadow:none !important;}
#elementor-popup-modal-1261 .elementor-1261 {width:100%; height:100%;}
#sitemapCon {background:#fff; padding:0; height:100%;}
#sitemapCon > .e-con-inner {width:100%; max-width:100%; padding:0; margin:0; height:100%;}
#sitemapCon > .e-con-inner > .elementor-element {padding:0; height:100%;}
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item {border-right:1px solid #ddd; align-items:center; padding:15rem 0;}
#sitemapCon .sitemap-item .e-con-inner { border:1px solid #ddd; border-radius:15px 15px 0 0; } 
#sitemapCon .sitemap-item .menu-tit{margin-bottom:10px; width:100%; border-bottom:1px solid #ddd;}
#sitemapCon .sitemap-item .menu-tit h2 { font-family: var(--font1); font-size:2.3rem; color:#000; font-weight:500; padding:3rem 0; text-align:center; position:relative;} 
#sitemapCon .sitemap-item .menu-tit h2:before {opacity:0; visibility:hidden; content:''; width:1rem; height:1rem; background:var(--main-color); border-radius:50px; display:inline-block; position:absolute; top:0; left:-10px; z-index:-1; transform:translateY(-10px); z-index:9; transition:all 0.3s ease;}
#sitemapCon .sitemap-item .hide-menu{display:none !important}
#sitemapCon .sitemap-item .menu-item {width:100%; margin:1rem 0;}
#sitemapCon .sitemap-item .menu-item .sub-arrow {display:none;}
#sitemapCon .sitemap-item .menu-item nav {max-width:90%; width:100%; margin:0 auto;}
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a { font-family:var(--font2); font-size:1.7rem; font-weight:500; color:#444; padding:1.5rem 3rem; border-radius:5px;} 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item.current-menu-item a { background:none; color:#000; border:none;} 
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover {background:#ffeaea6b;}
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover .menu-tit {background:var(--main-color);}
#sitemapCon > .e-con-inner > .elementor-element > .sitemap-item:hover .menu-tit h2 {color:#fff;}
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a:hover { background:#fff; color:#000; border:none; fill:none;} 
#sitemapCon .sitemap-item nav .elementor-nav-menu .menu-item > a::after{display:none}
#elementor-popup-modal-1261 .dialog-close-button svg {fill:#000; font-size:4.2rem;}

/* mainVisualCon */
#mainVisualCon { width:100%; height: 100%;} 
.main-visual-wrapper {width: 100%; margin:0 auto; height:100%;}
.main-visual-slide, .main-visual-slide .slick-list, .main-visual-slide .slick-track, .main-visual-item { height:600px; } 
.main-visual-img 
{ position:absolute; width:100%; height:100%; background-size: contain; background-position: center; background-repeat: no-repeat;} 
#mainVisualCon .visual-area {position:relative; z-index:999; margin:0 auto;}
.main-visual-item03 .visual-area {text-align: center;} 
#mainVisualCon .visual-txt-con {margin-top: 17.5rem;} 
#mainVisualCon .visual-txt-con h2
{ font-size: 4.5rem; font-weight: 600;color: #0d0d0d;margin-bottom: 3rem;line-height: 6rem;} 
#mainVisualCon .visual-txt-con h3
{ font-size: 2.4rem; font-weight: bold;color: #0d0d0d;line-height: 3.5rem; font-family: var(--font2);}

/* dots */
#mainVisualCon .slick-dots 
{position:absolute; display:flex; justify-content:center; bottom:6.2rem; width:0; z-index:91;transform: translateX(-50%); left: 50%; }
#mainVisualCon .slick-dots li
{margin:0 .5rem;}
#mainVisualCon .slick-dots li button
{ width:1rem; height:1rem; background:#fff; border-radius:50px; padding:0; border:none;}
#mainVisualCon .slick-dots li.slick-active button
{width:2.5rem; background:#fff;}

/* slick arrow */
.main-visual-controls 
{ position: absolute; bottom: 8rem; left: 50%; z-index:90;transform: translateX(-50%);border: 2px solid #fff;border-radius: 5rem;padding: 1rem 1.5rem .5rem;background-color: #8ec96d;} 
.main-visual-controls .visual-control 
{display:flex;align-items: center;gap:9rem;}
.main-visual-controls .visual-control .slick-arrow{opacity: .7;cursor: pointer;transition: var(--transition1);}
.main-visual-controls .visual-control .slick-arrow:hover{opacity: 1;}

/* footer */
footer{padding: 5rem 0 3rem;border-top: 1px solid #eee;}
.ft-top
{display: flex;justify-content: space-between;}
.ft-top .ft-logo
{margin-bottom: 1rem;}
.ft-top .ft-top-right
{text-align: right;}
.ft-top .ft-top-right ul li
{display: inline-block;vertical-align: top;margin-right: 3rem;}
.ft-top .ft-top-right ul li:last-child{margin-right: 0;}
.ft-top .ft-top-right ul li a{transition: var(--transition1);font-family: var(--font2);font-weight: bold;color: #0d0d0d;}
.ft-top .ft-top-right ul li a:hover{color: var(--main-color);}
.ft-bottom
{display: flex;justify-content: space-between; align-items: flex-end;}
.ft-bottom span
{font-size: 1.6rem;color: #737373;font-family: var(--font2);}
.ft-bottom p
{font-weight: bold;font-size: 1.8rem;font-family: var(--font2);color: #0d0d0d;}

/* topBtn */
#topBtn
{opacity: 0;visibility: hidden;transition: opacity 0.4s ease; }
#topBtn.on
{opacity: 1; visibility: visible;position: fixed;bottom: 20%; right: 1%;z-index: 999; width: 6rem;height: 6rem;cursor: pointer;}
.top-btn ul
{display: flex;flex-direction: column;align-items: center;}
.top-btn ul li
{display: block;text-align: center;width: 6rem;height: 6rem;border-radius: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.top-btn ul li.top01{background-color:#ff7e00 ;margin-bottom: 1rem;}
.top-btn ul li.top01 a{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.top-btn ul li.top02{background-color:#262626 ;}

/* main title 공통 */
.main-con-title
{ margin-bottom: 5rem ;}
.main-con-title h2
{font-size: 3.2rem;color: #0d0d0d;}
.main-con-title h2::before
{content: '';clear: both;  display: inline-block;  width: 30px;    height: 30px;     margin-right: -11px;  margin-bottom: 12px;  background: url(/wp-content/uploads/2025/09/title-left.png) no-repeat center;background-size: contain;}
.main-gallery-con .main-con-title h2::before
{content: '';clear: both;  display: inline-block;  width: 30px;    height: 30px;     margin-right: -11px;  margin-bottom: 12px;  background: url(/wp-content/uploads/2025/09/title-left-w.png) no-repeat center;background-size: contain;}
/* more btn 공통 */
.more-btn
{border-radius: 5rem;display: flex;  justify-content: space-between;  align-items: center;transition: var(--transition1);}
.more-btn span{font-size: 1.6rem;}

/* main content */
.main-notice-con
{margin: 6rem 0 8rem;}
.main-notice-con .main-con-title
{text-align: center;}
.main-notice-con .more-btn
{border: 2px solid #549a41;width: 15rem;padding: 0.8rem 1rem 0.8rem 2rem;}
.more-btn span
{font-size: 1.6rem;color: #549a41;}
.main-notice-con .notice-con
{display: flex;flex-direction: row;gap: 4rem;justify-content: space-between;align-items: stretch;}
.main-notice-con .notice-con .notice-box
{width: 50%;border: 1px solid #e5e5e5;border-radius: 3rem;padding: 3rem 2rem 1rem 3rem;}
.main-notice-con .notice-con .notice-title
{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.main-notice-con .notice-con .notice-title h2
{font-size: 2.4rem;color: #0d0d0d;margin-bottom: 0;}
/* notice more-btn */
.main-notice-con .more-btn .arr-g{visibility: visible;width: auto;}
.main-notice-con .more-btn .arr-w{visibility: hidden;width: 0;}
.main-notice-con .more-btn:hover .arr-g{visibility: hidden;width: 0;}
.main-notice-con .more-btn:hover .arr-w{visibility: visible;width: auto;}
.main-notice-con .more-btn:hover{background-color: #549a41;}
.main-notice-con .more-btn:hover span{color: #fff;}
/* 이야기 링크박스 */
.main-notice-con .bottom-link-box
{display: flex;flex-direction: row;  justify-content: space-between;  align-items: stretch;margin-top: 6rem;}
.main-notice-con .bottom-link-box .link-box
{ border: 2px solid #e5e5e5; border-radius: 3rem; display: flex;    justify-content: space-between;flex-direction: column;    flex-wrap: nowrap; align-items: center;padding: 5rem 7rem;position: relative; transition: var(--transition1);}
.main-notice-con .bottom-link-box .link-box span
{font-size: 2rem;color: #0d0d0d; margin-top: 1.5rem;transition: var(--transition1);}
.main-notice-con .bottom-link-box .link-box:hover
{background-color: var(--main-color);box-shadow: var(--box-shadow); top: -2rem;transition: var(--transition1);}
.main-notice-con .bottom-link-box .link-box:hover span
{color: #fff;}
.main-notice-con .bottom-link-box .link-box.box02 img
{margin-left: 1.5rem;}

/* 갤러리 */
.main-gallery-con
{padding: 6rem 0;background: url(/wp-content/uploads/2025/09/main-gallery-bg.jpg) no-repeat center; background-size: cover;width: 100%;padding: 10rem 0;}
.main-gallery-con .main-con-title h2{color: #fff;}
.main-gallery-con .main-con-title
{display: flex;flex-direction: row;justify-content: space-between;align-items: center;}

/* gallery more-btn */
.main-gallery-con .main-con-title .more-btn
{border: 2px solid #fff;width: 15rem;padding: 0.8rem 1rem 0.8rem 2rem;}
.main-gallery-con .main-con-title .more-btn span
{font-size: 1.6rem;color: #fff;  }
.main-gallery-con .main-con-title .more-btn:hover
{background-color: #59a13f;border: 2px solid #59a13f;}

/* 후원 자원봉사 */
.main-spon-con
{margin: 6rem auto;}
.main-spon-con .container
{display: flex;justify-content: space-between;}
.main-spon-con .main-con-title
{text-align: center;margin: 0 auto 3rem;}
.main-spon-con .spon-box-con
{width: 48%; background-repeat: no-repeat;background-size: cover; padding:4rem 4rem 3rem 5rem;border-radius: 3rem;}
.main-spon-con .spon-box-con.sbox01
{background-image: url(/wp-content/uploads/2025/09/main-spon-bg01.jpg);background-position: center left 23% ;position: relative;overflow: hidden;  background-size: 155%;}
.main-spon-con .spon-box-con.sbox01::before,
.main-spon-con .spon-box-con.sbox02::before
{content: '';clear: both;display: block;width: 100%;height: 100%;position: absolute; left: 0;top: 0;z-index: 0;
  background: linear-gradient(280deg,rgba(255, 255, 255, 0) 0%, rgba(89, 161, 63, 0.75) 50%, rgba(89, 161, 63, 1) 100%); visibility: hidden;left: -100%;transition: var(--transition1);}
.main-spon-con .spon-box-con.sbox02
{background-image: url(/wp-content/uploads/2025/09/main-spon-bg02.jpg);background-position: center left 27% ;position: relative;overflow: hidden;  background-size: 128%;}
.main-spon-con .spon-box-con.sbox01::after,
.main-spon-con .spon-box-con.sbox02::after
{content: '';clear: both;display: block;width: 100%;height: 100%;position: absolute; left: 0;top: 0;z-index: 0;background-color: #0000005d;visibility:visible}

.main-spon-con .spon-box-con:hover.sbox01::before,
.main-spon-con .spon-box-con:hover.sbox02::before
{visibility: visible;position: absolute;z-index: 1;left:0%;}

.main-spon-con .spon-box-con .spon-box
{display: flex;flex-direction: row;align-items: flex-end;justify-content: space-between;position: inherit;    z-index: 1;}
.main-spon-con .spon-box-con .spon-box .spon-txt
{margin-bottom: 9rem;  }
.main-spon-con .spon-box-con .spon-box .spon-txt h3
{font-size: 3.2rem;color: #fff;margin-bottom: 2rem;}
.main-spon-con .spon-box-con .spon-box .spon-txt h4
{font-family: var(--font2);font-size: 1.8rem;color: #fff;}
.main-spon-con .spon-box-con .more-btn
{border: 2px solid #fff;width: 14rem;padding: 0.8rem 1rem 0.8rem 2rem;}
.main-spon-con .spon-box-con .more-btn span
{font-size: 1.6rem;color: #fff;  }
.main-spon-con .spon-box-con:hover .more-btn
{background-color: #59a13f;border: 2px solid #59a13f;}

/* bottom logo */
.main-bottom-con
{padding: 2rem 0; background-color: #e6e6e6;    margin-top: 2rem;}
.main-bottom-con .bott-box-wrap
{display: flex;gap: 2rem;justify-content: space-between;flex-direction: row;}
.main-bottom-con .bott-box-wrap .bot-box
{width: 100%;background-color: #fff;display: flex;justify-content: center;align-items: center;padding: .7rem;border: 1px solid #dcdcdc;}

/* sub */
/* sub common 공통 */
/* subVisual */
#subVisual{height: 43.5rem;}
#subMenu ul{overflow:hidden;}
#subMenu ul li{overflow:hidden;}
#subMenu ul li.current-menu-item{background:#fff;}
#subMenu ul li.current-menu-item a{background-color: var(--main-color);  font-weight: bold; }

#subMenu{position: absolute; bottom: -18%; transform: translateY(-50%);z-index:9;}
#subMenu ul {background-color: #fff;;border-radius: 3rem;box-shadow: var(--box-shadow);}
/* #subMenu ul li{border-right: 1px solid #00000021;} */
#subMenu ul li:last-child{border-right: none;}
#subMenu ul li a
{ font-size: 1.8rem;font-weight: bold;font-family: var(--font2);  transition: var(--transition1);  padding: 3rem 6rem;color:var(--black-color);}
#subMenu ul li .elementor-item-active{color: #fff;}
#subMenu ul li a:hover{color: var(--hover-color)}

/* subTopTitle */
#subTopTitle{}
#subTopTitle h2
{font-size: 4.5rem;font-family: var(--font1);color: var(--main-color);margin-bottom: 0;}
#subTopTitle p
{font-weight: 400;font-size: 2rem;color: #555;}


/* subContent */
#subContent
{min-height: 700px;font-size: 1.8rem; color: #0d0d0d;font-family: var(--font2)}
.sub-con-wrap{margin: 15rem 0 15rem;}
.sub-board-wrap{margin: 15rem 0 10rem;}

/* sub-title */
#subContent .sub-title
{text-align: center;margin: auto;display: block;}
#subContent .sub-title h3
{font-weight: 700;font-size:3.5rem;font-family:var(--font1);margin-bottom: 5rem;}

/* sub-table 공통 */
.table-common{ width: 100%; height: 100%; background-color: var(--sub-bg-color);border-radius: 1rem;text-align: center; ;}
.table-common th,.table-common td{padding: 2rem 3rem ; border: none !important;vertical-align: middle;border: 1px solid #ddd!important;font-size: 1.6rem;color: #000;  }
table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{background-color: #fff;}
table tbody tr:hover>td, table tbody tr:hover>th{background-color: #fff;}
table tbody>tr:nth-child(even){background-color: #fff;}
table tbody>tr{transition: var(--transition1);}
.table-common th{text-align: center;  font-weight: 600;border-right: 1px solid #ddd!important;padding-left: 3rem;background-color: var(--sub-bg-color)!important;}
.table-common th i{margin-right: 1rem;}
.table-center{width:75%;margin: auto;}
.table-center th{padding: 1.5rem;}
table.table-common.table-center td{border-bottom: 1px solid #e9e9e9 !important;}

/* sub small title 공통 */
.sub-small-title{margin-bottom: 1rem;display: flex;}
.sub-small-title h5{font-size: 2.1rem;font-family: var(--font1);padding: 1.2rem 4rem;background-color: var(--sub-color2);border-radius: 5rem;color: #fff;text-align: center;}
/* sub box 공통 */
.sub-con-box{margin-bottom: 7rem;}
.sub-box-wrap{border: var(--border);  border-radius: 3rem;  background: #fff;  padding: 3rem 5rem;margin-bottom: 3rem;}
.sub-box-wrap ul li{margin-bottom: 2rem;word-break: keep-all;}
.sub-box-wrap ul li:last-child{margin-bottom: 0rem;}
/* font point color */
span.point{background-color: var(--hover-color);padding: 0.1rem;}
.font{font-family: var(--font1);font-size: 2.1rem;margin-bottom: 1.5rem;    color: var(--sub-color2);}

/* intro */
.intro-content{margin-bottom: 0;}
.intro-content .intro-img{margin-bottom: -1.5rem;}
.intro-content .intro-img img
{display: block; margin: auto;}
.intro-content .intro-con
{background-color: #ffeec269;padding: 7rem 0 15rem;}
.intro-content .intro-con i
{color: var(--sub-color2);margin: 0 5rem 5rem;font-size: 5rem;}
.intro-content .intro-con ul{padding: 5rem 0 7rem;}
.intro-content .intro-con ul li
{margin-bottom: 3rem;word-break: keep-all;line-height: 3rem;text-align: center;}
.intro-content .intro-con ul li:last-child{margin-bottom: 0;}
.intro-content .intro-con ul li strong
{color: var(--sub-color2);font-size: 3rem;line-height: 6rem;font-family: var(--font1);}

/* center */
.center-con ul li
{line-height: 3.5rem;}
/* .center-img{ display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;align-items: stretch;gap: 1.5rem;} */
.center-img img{width: 100%;}
/* .center-bg{background-color: #f7eddf;} */
.center-bg-img
{width: 100%;background: url(/wp-content/uploads/2025/10/center-bg-img.png) no-repeat bottom center;background-size: contain;height: 50rem;    margin-top: 6rem;}

/* vision */
.vision-con .vision-icon-boxes
{text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 2rem; align-items: stretch;}
.vision-con .vision-icon-box
{width: 23.7%;background-color:var(--sub-bg-color);border-radius: 3rem;padding: 5rem 3rem 4rem;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center; ;}
.vision-con .vision-icon-box p
{font-family: var(--font1);font-size: 2.1rem;margin-bottom: 1rem;}
.vision-con .vision-icon-box img
{margin-bottom: 4rem;height: 10rem;}

/* history */
.sub-history-menu { display: flex; justify-content: center; margin: 5rem 0; border-radius: 3.5rem; border: 1px solid #ddd; } 
.sub-history-sec { display: none; } 
.sub-history-sec.on { display: block; } 
.sub-history-menu .sub-history-tit-wrap { width: calc(100% / 4); padding: 1rem 3rem; border-radius: 3rem; text-align: center; transition: all .3s; cursor: pointer; } 
.sub-history-tit-wrap.on { background-color: var(--main-color); } 
.sub-history-menu .sub-history-tit-wrap.on p { color: #fff; } 
.sub-history-tit-wrap:hover { background-color: var(--main-color); } 
.sub-history-tit-wrap p { font-size: 2rem; line-height: 2.7rem; transition: all .3s;margin-bottom: 0;  padding: .5rem;font-weight: bold; } 
.sub-history-tit-wrap:hover p { color: #fff; } 

.sub-tit-wrap.sub-history-tit { margin-bottom: 0; } 
.sub-history-wrap .pin-spacer + .pin-spacer { margin-top: 5rem !important; } 

.sub-history-tit-wrap em { display: block; margin-bottom: 1rem; font-size: 3rem; } 
.his-con-wrap { overflow-y: auto; max-height: 100%; transform: translateY(2rem); padding: 5rem 0; } 
.his-con { display: flex; gap: 11rem; padding-bottom: 3rem; border-bottom: 1px solid #ddd; } 
.his-con + .his-con { margin-top: 3rem; } 
.days-box { display: flex; gap: 1rem; } 
.days-box + .days-box { margin-top: 3rem; } 
.years { min-width: 15rem; font-size: 4rem; font-weight: 700; color: var(--main-color);font-family: var(--font1); } 
.month, .days { transform: translate(0, 4px); font-size: 1.8rem; font-weight: 700; color: #000; } 
.days-box p {  font-weight: 500; letter-spacing: -0.5px; margin-bottom: 0;    padding-top: 0.4rem;} 
.day-num { display: flex; justify-content: start; min-width: 5rem; width: 10rem; text-align: left;    padding-bottom: .7rem;letter-spacing: 1px; } 

/* chart */
.chart-img{padding: 0rem 20rem 0;}

/* load */
.load-con .root_daum_roughmap .cont .section.lst{display: none;}
.load-con .load-map .map
{width: 100%;height: 40rem}
.load-con .table-common{border-bottom: none;}
.load-con .table-common i{margin-right: 1rem;}
.load-con .add-box 
{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;margin-bottom: 1rem;}
.load-con .add-box .sub-small-title
{display: flex;flex-direction: row;margin-right: 3rem; margin-bottom: 0;}
.load-con .add-box .sub-small-title i
{display: inline-block; vertical-align: middle;margin-right: .5rem;}

/* business - self, house, support */
.business-img ul
{display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;gap: 1rem;margin-bottom: 3rem;justify-content: space-between;}
.business-wrap ul li
{padding: 1rem 0;}
.business-wrap ul p
{margin-bottom: 2rem;font-weight: bold;}
.business-wrap ul span
{display: block;padding-left: 1rem;margin-bottom: 1rem;}
.business-wrap ul span:last-child{margin-bottom: 0;}

.business-icon-boxes
{text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 3rem; align-items: stretch;}
.business-icon-box
{width: 17%;background-color:#fff; border: var(--border); border-radius: 3rem;padding: 2rem;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center; ;}
.business-icon-box p{word-break: keep-all;font-weight: bold;text-transform: uppercase;background-color: var(--sub-color2); color: #fff; border-radius: 5rem;padding:0.5rem 1.5rem;font-size: 1.6rem;margin-bottom: 2rem;}
.business-icon-box span{font-size: 1.7rem; word-break: keep-all;}
.business-icon-box::after 
{display: block;  clear: both;  content: '';  width: 26px;  height: 26px; background: url(/wp-content/uploads/2025/09/arr-green.png);  position: absolute;  margin-left: 27rem;}
.business-icon-box:last-child::after{display: none;}

.self-img ul img{width: 19%;}
.spport-img ul img{width: 19%;}
.house-con ul img{width: 24%;}

.house-con ul{justify-content: space-between;}
.house-con .business-wrap ul
{display: flex;flex-direction: row;flex-wrap: wrap;align-items: stretch;justify-content: flex-start;gap: 2rem;}
.house-con .business-wrap ul li{width: 48%;}

.support-content{margin: 15rem 0 0;}
.spport-table td{text-align: left;word-break: keep-all;width: 70%;line-height: 3rem;}
.sub-con-box-wrap{background-color: var(--sub-bg-color);padding: 10rem 0;}
.sub-con-box-wrap .sub-con-box{text-align: center;}
.sub-con-box-wrap .sub-small-title{justify-content: center;align-items: center;margin-bottom: 3rem;;}
.sub-con-box-wrap .sub-small-title h5{background-color: var(--main-color);}

/* volunteer */
.volunteer-con{}
.volunteer-con .vol-top-title
{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.volunteer-con .vol-top-title i
{margin: 0 5rem 5rem; font-size: 5rem;color: var(--main-color);}
.volunteer-con .vol-top-title h2
{font-size: 3.5rem; text-align: center;font-family: var(--font1);color: var(--main-color);}

.volunteer-con .vol-top-img
{margin: 7rem 0 -12rem;display: block;text-align: center;}

.volunteer-con .vol-bg
{background-color:#dcf1de;padding: 16rem 0 4rem;margin-bottom: 7rem;}
.volunteer-con .sub-small-title
{justify-content: center;margin-bottom: 3rem;}
.volunteer-con .sub-small-title h5
{background-color: var(--main-color);}
.volunteer-con .vol-txt{text-align: center;}

.volunteer-con .vol-icon-boxes
{text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 2rem; align-items: stretch;}
.volunteer-con .vol-icon-box
{width: 23.7%;background-color: #fff;border-radius: 3rem;padding: 5rem 3rem 5rem;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center; }
.volunteer-con .vol-icon-box img{margin-bottom: 4rem;}

.vol02-icon-boxes
{text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 3rem; align-items: stretch;}
.vol02-icon-box
{width: 14%;background-color:#fff; border: var(--border); border-radius: 3rem;padding: 3rem 2rem;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center; ;}
.vol02-icon-box p{word-break: keep-all;font-weight: bold;text-transform: uppercase;background-color: var(--hover-color);border-radius: 5rem;padding:0.5rem 1.5rem;font-size: 1.6rem;margin-bottom: 2rem;}
.vol02-icon-box span{font-size: 1.7rem; word-break: keep-all;}
.vol02-icon-box::after 
{display: block;  clear: both;  content: '';  width: 26px;  height: 26px; background: url(/wp-content/uploads/2025/09/arr-green.png);  position: absolute;  margin-left: 22.5rem;}
.vol02-icon-box:last-child::after{display: none;}

/* boost */
.boost-con{}
.boost-con .boost-top-title
{display: flex;flex-direction: row;align-items: center;justify-content: center;}
.boost-con .boost-top-title i
{margin: 0 5rem 5rem; font-size: 5rem;color: var(--sub-color2);}
.boost-con .boost-top-title h2
{font-size: 3.5rem; text-align: center;font-family: var(--font1);color: var(--sub-color2);}

.boost-con .boost-top-img
{margin: 7rem 0 -20rem;display: block;text-align: center;}

.boost-con .boost-bg
{background-color:#ffeedd;padding: 20rem 0 4rem;margin-bottom: 7rem;}
.boost-con .sub-small-title
{justify-content: center;margin-bottom: 3rem;}
.boost-con .boost-txt{text-align: center;}
.boost-con .boost-txt ul li{margin-bottom: 3rem;line-height: 3.5rem;}

.boost-con .boost-boxes
{text-align: center;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;gap: 2rem; align-items: stretch;}
.boost-con .boost-box
{width: 32.3%;background-color: #fff;border-radius: 3rem;padding: 5rem 3rem 5rem;display: flex;flex-direction: column;justify-content: space-evenly;align-items: center; }
.boost-con .boost-box p
{border: 2px solid var(--sub-color2);background-color: #fff;padding: 1rem 3rem;border-radius: 5rem;margin-bottom: 3rem;}
.boost-con .sub-small-title span{}

