/* 재단법인 한국환경보건재단 - 공통 스타일 */
body{margin:0;background:#ffffff;color:#16231f;font-family:Pretendard,system-ui,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all}
a{color:#0f6b5c;text-decoration:none}
a:hover{color:#0a4f44;text-decoration:underline}
*{box-sizing:border-box}
img{max-width:100%}
button{font-family:inherit}

/* 반응형 4열 카드 그리드 (inline: grid-template-columns:var(--cols4)) */
:root{--cols4:repeat(4,minmax(0,1fr))}
@media (max-width:999px){:root{--cols4:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){:root{--cols4:minmax(0,1fr)}}

/* 헤더: 데스크톱 메뉴 / 전체메뉴(메가메뉴) / 모바일 햄버거·드로어 */
.site-header .if-isMobile,
.site-header .if-drawerOpen,
.site-header .if-isOpen{display:none !important}
.site-header.mega-open .if-isOpen{display:contents !important}
@media (max-width:1119px){.site-header .if-showCta{display:none !important}}
@media (max-width:919px){
  .site-header .if-isDesktop,.site-header.mega-open .if-isOpen{display:none !important}
  .site-header .if-isMobile{display:contents !important}
  .site-header.drawer-open .if-drawerOpen{display:contents !important}
}

/* hover / focus 상태 */
.hv0:hover{background:#0a4f44 !important;color:#ffffff !important;text-decoration:none !important}
.hv1:hover{color:#0f6b5c !important;text-decoration:none !important}
.hv2:hover{background:#e6f1ee !important;color:#0f3f37 !important;text-decoration:none !important}
.hv3:hover{background:rgba(255,255,255,0.12) !important;color:#ffffff !important;text-decoration:none !important}
.hv4:hover{text-decoration:none !important;color:#16231f !important;box-shadow:0 12px 32px rgba(15,63,55,0.1) !important}
.hv5:hover{background:#f4f7f6 !important;text-decoration:none !important;color:#16231f !important}
.hv6:hover{background:#0a5a4d !important;color:#ffffff !important;text-decoration:none !important}
.hv7:hover{background:#0f3f37 !important;color:#ffffff !important;text-decoration:none !important}
.hv8:hover{border-color:#0f6b5c !important;color:#16231f !important;text-decoration:none !important}
.hv9:hover{background:#0a4f44 !important}

/* 조직도: 가로선에서 각 상자로 내려오는 세로선 (가로선은 첫 상자~끝 상자 가운데까지) */
.org-row>*{position:relative}
.org-row>*::before{content:"";position:absolute;left:50%;top:-29px;height:28px;border-left:1px solid #b9c9c4}
.org-row>*::after{content:"";position:absolute;top:-29px;left:calc(var(--gap) / -2 - 2px);right:calc(var(--gap) / -2 - 2px);border-top:1px solid #b9c9c4}
.org-row>*:first-child::after{left:50%}
.org-row>*:last-child::after{right:50%}
@media (max-width:599px){
  .org-row{width:100%;--gap:8px !important;grid-template-columns:repeat(var(--n),minmax(0,1fr)) !important}
  .org-row>*{padding-left:4px !important;padding-right:4px !important;font-size:14px !important;word-break:keep-all}
}

/* 연혁: 휴대폰에서는 연도 칸을 좁게 */
@media (max-width:599px){
  [data-screen-label="재단 소개 · 연혁"]{grid-template-columns:64px minmax(0,1fr) !important;gap:40px 16px !important}
  [data-screen-label="재단 소개 · 연혁"]>span{font-size:22px !important}
  [data-screen-label="재단 소개 · 연혁"]>div{padding-left:24px !important}
  [data-screen-label="재단 소개 · 연혁"]>div>div>span:first-child{left:-33px !important}
}