/* 메뉴는 움직이는 상자 대신 가는 밑줄과 글자색으로만 강조합니다. */
.simple-header nav>a,.simple-header .participant-menu>summary{position:relative;padding:9px 2px;border-radius:0;background:transparent;box-shadow:none;transform:none;transition:color .18s}
.simple-header nav>a:hover,.simple-header .participant-menu>summary:hover,.simple-header .participant-menu[open]>summary{background:transparent;box-shadow:none;transform:none;color:#163d31;text-decoration:none}
.simple-header nav>a:after,.simple-header .participant-menu>summary:after{content:"";position:absolute;left:2px;right:2px;bottom:1px;height:2px;background:#315b43;transform:scaleX(0);transform-origin:left;transition:transform .18s;pointer-events:none}
.simple-header nav>a:hover:after,.simple-header .participant-menu>summary:hover:after,.simple-header .participant-menu[open]>summary:after,.simple-header nav>a[aria-current="page"]:after,.simple-header .participant-menu>summary[data-current="true"]:after{transform:scaleX(1)}
.simple-site .simple-header nav>a[aria-current="page"],.simple-header nav>a[aria-current="page"]{text-decoration:none}
.simple-header nav>a:focus-visible,.simple-header .participant-menu>summary:focus-visible{background:transparent;outline:2px solid #9b8151;outline-offset:5px}
.simple-header .participant-links a{border-radius:0;transition:color .16s}
.simple-header .participant-links a:hover{background:transparent;color:#315b43;text-decoration:underline;text-underline-offset:5px}
/* 상세 화면도 홈의 헤더 높이와 배치를 그대로 따릅니다. */
body>.simple-header,#app>.simple-header{font-family:inherit}
#app>.simple-header .brand{flex-shrink:0}
#app>.simple-header .brand-wordmark{display:block}
#app>.simple-header nav{margin:0}
#content>.tabs{position:relative;top:auto}
/* 기업 목록 첫 화면에는 식품·뷰티 연출 배경을 넣습니다. */
.simple-site .subpage-intro{position:relative;isolation:isolate;width:90%;max-width:1340px;min-height:330px;margin:26px auto 22px;padding:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;border-radius:24px;background:#204c3a url('assets/modern-food-beauty-hero.webp') right center/cover no-repeat;color:#fff}
.simple-site .subpage-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#133e32e6 0%,#133e32bf 33%,#133e3233 62%,#133e3200 85%)}
.simple-site .subpage-intro h1{color:#fff;font-size:clamp(30px,3vw,42px);line-height:1.35;max-width:570px;letter-spacing:-.035em;margin:0 0 20px}
.simple-site .subpage-intro p{max-width:470px;color:#e6eee2;font-size:17px;line-height:1.85;margin:0 0 24px;word-break:keep-all}
.simple-site .subpage-intro .button.primary{background:#f5f7ee;color:#214c3b;border:0;font-size:15px;min-height:46px;padding:12px 20px}
.simple-site .subpage-intro .button.primary:hover{background:#e6eddb;box-shadow:0 4px 14px #102e251a}
.subpage-image-note{position:absolute;right:16px;bottom:12px;padding:3px 7px;border-radius:4px;background:#133e3266;color:#fff;font-size:9px;line-height:1.5}
@media(max-width:700px){
 .simple-header.has-public-context nav>a,.simple-header.has-public-context .participant-menu>summary{padding:8px 4px}
 .simple-site .subpage-intro{width:88%;min-height:390px;padding:28px 24px;margin-top:18px;border-radius:20px;background-position:60% center;justify-content:flex-start}
 .simple-site .subpage-intro:before{background:linear-gradient(180deg,#133e32ed 0%,#133e32b3 48%,#133e3226 90%)}
 .simple-site .subpage-intro h1{font-size:29px;margin-bottom:16px}
 .simple-site .subpage-intro p{font-size:15px;line-height:1.8;margin-bottom:20px}
 .simple-site .subpage-intro .button.primary{font-size:13px;padding:10px 15px}
 .subpage-image-note{right:12px;bottom:10px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.simple-header nav>a:after,.simple-header .participant-menu>summary:after{transition:none}}