/* 칸 테두리 — 힉스필드(higgsfield.ai) 카드에서 가져온 이중 테 + 약하게 둥근 모서리. 판 · 바탕 색은 그대로.
   안쪽: 아주 옅은 밝은 선 한 줄(+ 윗변은 조금 더 밝게), 바깥: 바탕보다 짙은 선 한 줄 → 판이 바닥에 살짝 박힌 듯.
   사진이 꽉 차는 칸은 사진이 안쪽 선을 덮으므로 ::after 로 사진 위에 한 겹 더 그림.
   적용: 메인(플래너 · 목재 · 기부 · 소식), 고객지원 상자, 시공사례 분류 단추 줄, 사회나눔공헌경영 활동 상자, 고객지원 · 바닥글 · 떠 있는 문의 단추 */
:root { --fr-r: 10px; --fr-in: inset 0 0 0 1px rgba(255, 255, 255, .075), inset 0 1px 0 rgba(255, 255, 255, .07); --fr-out: 0 0 0 1px #0b0b0c; }

.ab-plan-solo .ah-panel, .home-duo .wd-home-card, .home-duo .gv-home-card, .ah-nv .ah-nv-shot, .ah-nv .ah-nv-list, .sup, .gv-item {
  border-radius: var(--fr-r); overflow: hidden; box-shadow: var(--fr-in), var(--fr-out);
}
/* 사진이 꽉 차는 칸: 바깥 선은 칸에, 안쪽 선은 사진 위에 */
.ah-nv .ah-nv-shot::after { content: ""; display: block; position: absolute; inset: 0; z-index: 2; padding: 0; background: none; -webkit-mask: none; mask: none; border-radius: inherit; box-shadow: var(--fr-in); pointer-events: none; }

/* 사회나눔공헌경영: 유리 상자 → 메인과 같은 평평한 판 */
.gv-item { background: var(--sheet); -webkit-backdrop-filter: none; backdrop-filter: none; }
.gv-item::after { display: none; }
/* 고객지원 상자는 바탕보다 짙은 판이라 안쪽 선이 잘 보임 — 커서를 올리면 안쪽 선을 조금 밝게 */
.sup:hover { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .1), var(--fr-out); }

/* 사이트 플래너 · 디지털 카탈로그: 위에 사이트 메인메뉴(#yk-top 의 머리)를 두고, 앱은 그 아래부터 */
.has-top .pl, .has-top .cat { top: var(--hd); }
#yk-top .hd { position: fixed; }
@media (max-width: 760px) { .has-top .pl-main { height: calc(100svh - var(--hd)); } }
/* 시공사례 위의 분류 단추 줄(전체 · 공공시설 …)과 사진/지도 단추: 알약 모양 → 같은 이중 테의 약한 둥근 판, 고른 단추도 약하게 둥글게 */
.rg-chips, .rg-seg { border-radius: var(--fr-r); background: var(--sheet); box-shadow: var(--fr-in), var(--fr-out); }
.rg-chips button, .rg-seg button { border-radius: 7px; }
/* 고객지원 '견적 요청 · 문의하기', 바닥글 '카탈로그 다운로드' · '견적 문의', 오른쪽 아래에 떠 있는 문의 단추: 알약 → 약한 둥근 모서리 + 이중 테 */
:root .contact .btn, :root .ft-cta-btns .btn { border-radius: var(--fr-r); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .28), inset 0 1px 0 rgba(255, 255, 255, .45), 0 0 0 1px #0b0b0c; }
:root .fab { border-radius: var(--fr-r); border: 0; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14), inset 0 1px 0 rgba(255, 255, 255, .16), 0 0 0 1px #0b0b0c, 0 10px 40px rgba(0, 0, 0, .5); }

/* 플래너 · 카탈로그: 위에 사이트 메인메뉴가 있으므로 앱 안의 로고는 숨김 */
.has-top .pl-logo, .has-top .cat-logo { display: none; }

/* 회사소개 칸들도 같은 둥근 모서리 */
.ab-card, .ab-ph, .ab-tiles a, .ab-certs span, .ab-div ul li, .ab-ph figcaption { border-radius: var(--fr-r); }
.ab-card { overflow: hidden; } .ab-card::after { border-radius: inherit; }
.ab-ph figcaption { border-radius: 0 var(--fr-r) 0 var(--fr-r); }
.ab-tiles a { overflow: hidden; isolation: isolate; }