/* ===== 3차 수정 (2026-10-15 고객 요청): 전체 톤을 밝은 파스텔 계열로 =====
   고객 참고(예성아름터 첫 화면): 흰 바탕 + 민트 파스텔 + 연한 노랑.
   짙은 갈색 띠·카드·바닥을 모두 밝은 바탕 + 짙은 글자로 바꾼다. 색은 아래 변수 한 곳에서만 정한다. */
:root{
  --acc:#2e8a76;      /* 포인트: 민트 그린(글자·버튼) */
  --acc-d:#22695a;    /* 포인트 진한 쪽(제목 강조·누름) */
  --acc-l:#8fcdbd;    /* 연한 선 */
  --mint-50:#f3f9f6;--mint-100:#e5f3ed;--mint-200:#cfe9df;
  --butter:#fbe7a6;--butter-d:#e9bf4f;  /* 연한 노랑 강조 */
  /* 기존 변수 → 새 톤 */
  --ink:#1d2624;--txt:#4a5552;--mute:#8d9693;--line:#e1e9e5;
  --brown:var(--acc);--brown-d:var(--acc-d);--brown-dd:#22302c;
  --sand:#f1f4f3;--sand-l:var(--mint-50);
  --gold:var(--butter);--gold-d:var(--butter-d);
  --foot:#eef4f1;--tag:var(--acc-d);--tag-line:var(--mint-200);
}

/* ── 공통 ── */
/* 확정 로고(벡터)는 여백 없이 꽉 찬 그림 → 예전 그림(위아래 여백 포함 58px)과 보이는 크기를 맞춤 */
.gh-logo img{height:48px}
.mnav-top img{height:30px}
@media (max-width:1024px){.gh-logo img{height:34px}}
.tagline{border-color:var(--mint-200);color:var(--acc-d);background:#fff}
.gh-l a:hover,.gh-l a.on,.gh-r>a:first-child:hover,.gh-r>a:first-child.on{color:var(--acc)}
.pill.dark{background:var(--brown-dd);color:var(--butter)}
.pill.dark:hover,.pill.dark.on{background:var(--acc);color:#fff}
.grid-bg{background-image:linear-gradient(#edf3f0 1px,transparent 1px),linear-gradient(90deg,#edf3f0 1px,transparent 1px)}
/* 페이지 위쪽 띠: 사진을 어둡게 누르지 않는다 */
.sh picture img{filter:none}
.sh small{color:#5b6b66}
.sh h1{color:var(--acc-d)}

/* 상담 띠: 갈색 덮개 → 왼쪽에서 흐려지는 흰 안개 + 짙은 글자 */
.cta-band{color:var(--ink)}
.cta-band::after{background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.78) 42%,rgba(255,255,255,.18) 78%,rgba(255,255,255,0))}
.cta-band .tagline.light,.sv .cta-band .tagline.light{background:#fff;border-color:var(--mint-200);color:var(--acc-d)}
.cta-in p,.cta-in .tagline{text-shadow:none}
.cta-in p{color:var(--txt)}
.cta-go{background:var(--acc)}
.cta-go:hover{background:var(--acc-d)}
@media (max-width:768px){.cta-band::after{background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.82) 60%,rgba(255,255,255,.55))}}

/* 바닥: 짙은 갈색 → 연한 민트 회색 */
.gf{background:var(--foot);color:#5b6763;border-top:1px solid var(--line)}
.gf-top{border-bottom-color:rgba(29,38,36,.12)}
.gf-top nav{color:var(--ink)}
.gf-top nav a:hover{color:var(--acc)}
.gf-info p>*:not(:last-child)::after{background:rgba(29,38,36,.22)}
.gf-top img{height:56px}

/* ── 메인 ── */
.pill.black:hover{background:var(--acc)}
/* 첫 화면: 아래 글자 그늘만 얕게 */
.hero-slide::after{background:linear-gradient(transparent,rgba(0,0,0,.2))}
/* 채점 1회차: 밝은 사진 위 문장·링크 대비 → 사진 전체가 아니라 아래 30%에만 그늘 */
.hero-slide .swiper-slide::after{height:32%;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.28) 45%,rgba(0,0,0,.5))}
.hero-cap h1{text-shadow:0 1px 6px rgba(0,0,0,.35)}
.hero-cap a{opacity:1;background:rgba(20,48,41,.62);border:0;border-radius:99px;padding:9px 16px 9px 18px;text-shadow:none;backdrop-filter:blur(2px)}
.hero-cap a:hover{background:rgba(34,105,90,.85)}
@media (max-width:768px){.hero-slide .swiper-slide::after{height:46%}.hero-cap a{padding:7px 14px 7px 15px}}
/* 첫 장: 밝은 사진 + 흰 안개 + 검정 확정 로고 */
.hero-brand::before{background:radial-gradient(ellipse 60% 70% at 50% 45%,rgba(255,255,255,.62),rgba(255,255,255,.28) 70%,rgba(255,255,255,.12))}
.hero-slide .hero-logo img{filter:none}

/* 경력·인증: 갈색 사진 덮개 → 민트 안개, 흰 카드 */
.proof{color:var(--ink)}
.proof::before{background:linear-gradient(rgba(243,249,246,.9),rgba(229,243,237,.9))}
.proof .tagline.light{background:#fff;border-color:var(--mint-200);color:var(--acc-d)}
.proof .st.light h2,.proof .st.light p{color:var(--ink)}
.proof-list li{background:rgba(255,255,255,.86);border-color:var(--mint-200);backdrop-filter:none;box-shadow:0 10px 30px rgba(46,138,118,.08)}
.proof-list .pf-ico{border-color:var(--acc-l);color:var(--acc);background:var(--mint-50)}
.proof-list small{color:var(--acc)}
.proof-list h3{color:var(--ink)}
.proof-list p:last-child{color:var(--txt)}

/* 비교: 사진을 회색·세피아로 누르지 않는다 */
.cmp-card.gen{background:#f1f4f3}
.cmp-card.gen small{color:#6c7774}
.cmp-card p{color:#66716e}
.cmp-card.gen img{filter:grayscale(.45) brightness(1.04)}
.cmp-card.at{background:var(--mint-100);color:var(--ink);box-shadow:0 20px 40px rgba(46,138,118,.14)}
.cmp-card.at small{color:var(--acc)}
.cmp-card.at p{color:var(--txt)}
.cmp-card.at img{filter:none}
.cmp-card mark{background:linear-gradient(transparent 55%,rgba(251,231,166,.95) 55%)}
.cmp-arrow{background:var(--butter);color:var(--ink);box-shadow:0 10px 24px rgba(46,138,118,.18)}

/* 사업 영역: 고객 요청으로 첫 화면 바로 아래로 올림 → 위 여백을 줄이고, 아래 경력 구간과 바로 잇는다 */
.hero+.svc{padding-top:96px}
.svc+.proof{margin-top:0}
@media (max-width:1024px){.hero+.svc{padding-top:80px}}
@media (max-width:768px){.hero+.svc{padding-top:56px}}
/* 사업 영역: 마우스를 올렸을 때 민트 덮개 */
.svc-cols a::before{background:linear-gradient(rgba(0,0,0,.26),rgba(0,0,0,0) 26%,rgba(0,0,0,0) 50%,rgba(0,0,0,.46))}
.svc-cols a::after{background:rgba(34,105,90,.72)}
.svc-cols a:hover i{color:var(--acc-d)}

/* 인증 띠 */
.ticker{background:var(--mint-50)}
.ticker::before{background:linear-gradient(var(--mint-50),rgba(243,249,246,0))}
.ticker::after{background:linear-gradient(rgba(243,249,246,0),var(--mint-50))}
.tk-row li{background:var(--mint-100);color:#3d5a52}

/* ── 분야 페이지 ── */
.sv{--sv-brown:var(--acc-d);--sv-line:var(--acc-l)}
.sv .tagline{border-color:var(--mint-200);color:var(--acc-d)}
.sv .tagline.light{background:#fff;color:var(--acc-d);border-color:var(--mint-200)}
.sv-tags{background:var(--mint-200)}
.sv-tags li{color:var(--ink);border-bottom-color:rgba(29,38,36,.35)}
.sv-desc{background-color:var(--mint-100);background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px)}
@media (min-width:769px){.sv-desc::before{background:linear-gradient(rgba(229,243,237,0) 40%,var(--mint-100) 80%)}}
@media (max-width:768px){.sv-desc::before{background:linear-gradient(var(--mint-100) 15%,rgba(229,243,237,0) 45%)}}
.sv-desc p,.sv-desc i{color:var(--ink)}
.sv-fade>li>img{background:var(--mint-100)}
.sv-steps ol::before{border-left-color:var(--acc-l)}
.sv-steps h3::after{background:linear-gradient(90deg,var(--mint-200),rgba(207,233,223,0))}
.sv-steps li.on>span{box-shadow:0 0 8px rgba(46,138,118,.3)}
@media (max-width:768px){.sv-steps li>span{box-shadow:0 0 8px rgba(46,138,118,.25)}.sv-steps img{border-color:var(--acc-l);box-shadow:0 6px 24px rgba(46,138,118,.15)}}
.sv-shots{box-shadow:2px 6px 37px rgba(46,98,86,.16)}
/* 해결 카드 */
.sv-sol{background-color:var(--mint-50)}
.sv-q{background:var(--mint-200)}
.sv-q b{color:var(--ink)}
.sv-cards>li:hover .sv-q{background:var(--acc)}
.sv-cards>li:hover .sv-q b{color:#fff}
.sv-a{background:linear-gradient(rgba(255,255,255,.95),rgba(255,255,255,.82) 30%,rgba(255,255,255,.95));box-shadow:0 10px 30px rgba(46,138,118,.08)}
.sv-a::before{border-left-color:var(--acc-l)}
.sv-a::after{background:linear-gradient(rgba(251,231,166,.75),rgba(251,236,186,.55) 30%,rgba(251,231,166,.75))}
.sv-a>span{box-shadow:0 4px 8px rgba(46,138,118,.2)}
.sv-a h3,.sv-a h3 strong{color:var(--acc-d)}
.sv-cards>li:hover .sv-a h3,.sv-cards>li:hover .sv-a h3 strong{color:var(--acc-d)}
.sv-cards>li:hover .sv-a ul li{border-color:var(--acc)}
.sv-ico{background:radial-gradient(circle at 50% 40%,#fff,var(--mint-50));box-shadow:0 0 0 1px var(--mint-200)}
/* 공공: 방패 도식 */
.sh-top svg{filter:drop-shadow(0 16px 30px rgba(46,138,118,.22))}
.sh-name small{color:var(--butter)}
.sh-line::before{background:var(--acc-l)}
.sh-line::after{border-color:var(--acc-l)}
.sh-cards li.on{background:var(--acc);border-color:var(--acc);border-top-color:var(--acc);box-shadow:0 22px 40px rgba(46,138,118,.22)}
.sh-cards .no small{color:#7f9a92}
.sh-cards li.on .no{color:var(--butter)}.sh-cards li.on .no small{color:#d3eee5}
.sh-cards li.on p{color:#eaf6f1}
/* 상업: 큐브·고리 도식 */
.rg-core{background:radial-gradient(circle at 35% 30%,#4fae97,var(--acc-d));box-shadow:0 0 0 10px #fff,0 0 0 11px var(--mint-200),0 20px 40px rgba(46,138,118,.22)}
.rg-core small{color:var(--butter)}
.cb-name{background:var(--acc)}
.cb-name small{color:var(--butter)}
/* 전시: 흐름 카드 */
.fl-hub{color:var(--acc-d)}
.fl-hub i{background:var(--acc-l)}
.fl-hub i::after{border-color:var(--acc-l)}
.fl-hub b{background:var(--acc);color:#fff}
.fl-cards::before{border-color:var(--acc-l)}
.fl-cards .no small,.cb-no+small{color:#7f9a92}
/* 사진 칸 이름: 그늘을 얕게 */
.sv-tiles li::before{background:linear-gradient(to top,rgba(0,0,0,.55) 0%,rgba(0,0,0,.26) 18%,rgba(0,0,0,.05) 34%,rgba(0,0,0,0) 46%)}
.sv-strip img{filter:none}

/* ── 회사소개 ── */
.ab-value{color:var(--ink)}
.ab-value::before{background:linear-gradient(rgba(243,249,246,.84),rgba(229,243,237,.84))}
@media (max-width:768px){.ab-value::before{background:rgba(243,249,246,.86)}}
.ab-value .tagline.light{background:#fff;border-color:var(--mint-200);color:var(--acc-d)}
.ab-value .st.light h2,.ab-value .st.light p,.ab-value .st h2,.ab-value .st p{color:var(--ink)}
.ab-venn::before,.ab-venn::after{background:var(--acc-l)}
.ab-circle{border-color:var(--acc-l);background:rgba(255,255,255,.55)}
.ab-circle h3{color:var(--acc-d)}
.ab-circle p{color:var(--txt)}
.ab-dot.light{background:#6fbca8}
.ab-org-list li+li::before,.ab-org-list li+li::after{background:var(--acc-l)}
.ab-org-list p{color:var(--ink)}
.hs-txt h4{color:var(--acc)}
.hs-img{background:var(--mint-50)}
.ab-hist-bar .swiper-pagination-progressbar-fill{background:var(--acc)}
.cc-ph{background:#f7faf9;border-color:var(--mint-200)}
.cc-card{background:#f7faf9}
.cc-card::before{border-color:var(--mint-200)}
.cc-card small{color:var(--acc)}
.ab-cert-row p{color:var(--acc-d)}
.ab-info li{border-color:var(--mint-200)}
.ab-info i{background:var(--mint-100);color:var(--acc)}
.ab-info small{color:var(--acc)}
.ab-ov-band{background:linear-gradient(100deg,var(--mint-100) 45%,var(--mint-200));color:var(--ink)}
.ab-ov-s{color:var(--txt)}
.ab-ov-k{color:var(--acc)}
.ab-ceo-txt p:first-child{color:var(--acc)}

/* ── 시공 사례·상담신청 ── */
.bd-search input{border-color:var(--acc)}
.bd-search button{background:var(--acc)}
.bd-search button:hover{background:var(--acc-d)}
.bd-cate button{border-color:var(--acc);color:var(--acc)}
.ct-privacy{background:var(--mint-50)}
.ct-call:hover{background:var(--acc)}

/* ===== 디자인 채점 메모 반영 (2026-10-15) ===== */
/* 사업 영역 카드: 밝은 사진 위 영문 제목·설명 대비 */
.svc-cols a::before{background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.08) 26%,rgba(0,0,0,0) 46%,rgba(0,0,0,.2) 62%,rgba(0,0,0,.62))}
.svc-cols .en,.svc-cols h3,.svc-cols p{text-shadow:0 1px 4px rgba(0,0,0,.3)}
/* 옅은 회색 글자 진하게 */
:root{--mute:#6a7471}
.case-slide small,.bd-grid .meta{color:#66706d}
.tk-row li{color:#24443c}
.ct-info>p{color:#5b6562}
.ct-info small{color:#6f7976}
.bd-note{color:#5f6966}
@media (max-width:768px){.gf{color:#4a5552}.cmp-card p{color:#59635f}}
/* 상담 띠: 사진이 보이게 안개를 왼쪽 글 자리로만 */
.cta-band::after{background:linear-gradient(90deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,.74) 36%,rgba(255,255,255,.12) 66%,rgba(255,255,255,0))}
@media (max-width:768px){.cta-band::after{background:linear-gradient(rgba(255,255,255,.88),rgba(255,255,255,.74) 55%,rgba(255,255,255,.3))}}
/* 큐브 이름표의 작은 영문 */
.cb-name small{color:#fff;opacity:.88;font-size:12.5px}
/* 회사소개 두 원: 사진 결이 보이게, 원 테두리는 또렷하게 */
.ab-value::before{background:linear-gradient(rgba(243,249,246,.74),rgba(229,243,237,.74))}
.ab-circle{border:1.5px solid var(--acc);background:rgba(255,255,255,.62)}
.ab-venn::before,.ab-venn::after{background:var(--acc)}
@media (max-width:768px){.ab-value::before{background:rgba(243,249,246,.8)}}
/* 조직 연결선 */
.ab-org-list li+li::before,.ab-org-list li+li::after{background:var(--acc)}
/* 휴대폰: 상업 첫 화면 영문 꼬리말 */
@media (max-width:768px){.sv-tags li{font-size:12.5px}}
/* 디자인 채점 1회차(95) 남은 감점 */
.ab-dot.light{background:#3a9480}
.case-slide small,.bd-grid .meta{color:#666}
@media (max-width:1024px){.cb-mtxt{font-size:44px}}

/* 대표님 지적(10-15): 연혁 서류 사진이 칸 바닥에 붙어 아래가 잘려 보임 → 사방 여백 + 칸 안에 통째로 */
.hs-img.doc{padding:14px;align-items:center;justify-content:center}
.hs-img.doc img{height:100%;width:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center}
/* 디테일 QA(10-15): 상담 버튼이 띠 모서리에 붙어 잘린 듯 보임 → 띠 안쪽 둥근 알약 버튼으로 */
.cta-go{right:40px;bottom:40px;height:64px;padding:0 34px 0 28px;border-radius:99px;box-shadow:0 10px 24px rgba(34,105,90,.25)}
@media (max-width:768px){.cta-go{right:20px;bottom:20px;height:54px;padding:0 24px 0 20px;border-radius:99px}}
/* 비교 카드: 좌우 사진 위·아래 기준선을 맞춤(같은 높이로 채움) */
@media (min-width:769px){.cmp-card img{aspect-ratio:auto;height:300px;object-fit:cover}}/* 디테일 QA(10-15): 휴대폰 사례 목록 두 칸 사이가 9px로 좁음 */
@media (max-width:768px){.bd-grid{--g:16px}}
/* ===== 4차 수정 (2026-10-15 16:23 고객 PPT 5장) ===== */
/* 1장: 상단 로고는 영문 없이 마크만(확정 ai 벡터) / 첫 장 큰 로고는 ARCHI TAEHA + 마크 */
.gh-logo img{height:32px}
.mnav-top img{height:24px}
@media (max-width:1024px){.gh-logo img{height:24px}}
.hero-slide .hero-logo img{width:min(520px,42vw)}
@media (max-width:768px){.hero-slide .hero-logo img{width:62vw}}/* 4장: "녹색·옐로우가 기존 업체와 비슷 → 포인트를 반대로" — 주 포인트 = 노랑(호박색), 보조 = 녹색, 연한 바탕 = 버터 파스텔 */
:root{
  --acc:#a87b06;--acc-d:#7a5900;--acc-l:#e8c35a;--yel:#f5c518;--yel-d:#e0ad00;
  --mint-50:#fffaee;--mint-100:#fdf2d2;--mint-200:#f6e2a2;
  --butter:#d3ece2;--butter-d:#2e8a76;--grn:#2e8a76;
  --gold:#f5c518;--gold-d:#2e8a76;
  --foot:#fbf7ec;--line:#ece6d8;
}
.grid-bg{background-image:linear-gradient(#f2eee4 1px,transparent 1px),linear-gradient(90deg,#f2eee4 1px,transparent 1px)}
.hero-cap h1 b{color:#ffd23f}
.pill.dark{color:var(--yel)}
.pill.dark:hover,.pill.dark.on{background:var(--yel);color:var(--ink)}
.cta-go{background:var(--yel);color:var(--ink);box-shadow:0 10px 24px rgba(168,123,6,.25)}
.cta-go:hover{background:var(--yel-d)}
.cta-go svg{opacity:.85}
.proof::before{background:linear-gradient(rgba(255,250,238,.9),rgba(253,242,210,.9))}
.proof-list li{box-shadow:0 10px 30px rgba(168,123,6,.08)}
.proof-list .pf-ico{color:var(--acc)}
.cmp-card.at{box-shadow:0 20px 40px rgba(168,123,6,.14)}
.cmp-card mark{background:linear-gradient(transparent 55%,rgba(211,236,226,.95) 55%)}
.cmp-arrow{background:var(--grn);color:#fff;box-shadow:0 10px 24px rgba(46,138,118,.25)}
.svc-cols a::after{background:rgba(122,89,0,.68)}
.ticker::before{background:linear-gradient(var(--mint-50),rgba(255,250,238,0))}
.ticker::after{background:linear-gradient(rgba(255,250,238,0),var(--mint-50))}
.tk-row li{color:#5a4300}
.sv-desc{background-image:linear-gradient(rgba(255,255,255,.75) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.75) 1px,transparent 1px)}
@media (min-width:769px){.sv-desc::before{background:linear-gradient(rgba(253,242,210,0) 40%,var(--mint-100) 80%)}}
@media (max-width:768px){.sv-desc::before{background:linear-gradient(var(--mint-100) 15%,rgba(253,242,210,0) 45%)}}
.sv-steps h3::after{background:linear-gradient(90deg,var(--mint-200),rgba(246,226,162,0))}
.sv-steps li.on>span{box-shadow:0 0 8px rgba(168,123,6,.3)}
.sv-a::after{background:linear-gradient(rgba(211,236,226,.75),rgba(222,240,233,.55) 30%,rgba(211,236,226,.75))}
.sv-a>span{box-shadow:0 4px 8px rgba(168,123,6,.2)}
.sh-top svg{filter:drop-shadow(0 16px 30px rgba(168,123,6,.25))}
.sh-name{color:var(--ink)}.sh-name small{color:#5a4300}
.sh-cards li.on{background:var(--yel);border-color:var(--yel);border-top-color:var(--yel);color:var(--ink);box-shadow:0 22px 40px rgba(168,123,6,.22)}
.sh-cards li.on h3{color:var(--ink)}.sh-cards li.on p{color:#3b3420}
.sh-cards li.on .no{color:var(--ink)}.sh-cards li.on .no small{color:#6b5a1e}
.fl-hub b{background:var(--yel);color:var(--ink)}
.ab-value::before{background:linear-gradient(rgba(255,250,238,.76),rgba(253,242,210,.76))}
@media (max-width:768px){.ab-value::before{background:rgba(255,250,238,.82)}}
.ab-dot.light{background:var(--grn)}
.cb-name{background:var(--yel);color:var(--ink)}.cb-name small{color:#5a4300}/* 5장: 상업공간 큐브 → 사진 카드 3장(역제안). 카드 윗변 색선 금지, 사진은 카드 안쪽 여백 + 둥근 모서리 */
.sv-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1200px;margin:30px auto 0;padding:0 20px;text-align:left}
.sv-cards3>li{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 14px 30px;box-shadow:0 14px 34px rgba(168,123,6,.07)}
.sv-cards3 .cc-pic{position:relative;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--mint-100)}
.sv-cards3 .cc-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.sv-cards3>li:hover .cc-pic img{transform:scale(1.04)}
.sv-cards3 .cc-txt{padding:24px 12px 0}
.sv-cards3 .cc-no{display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:800;color:var(--acc)}
.sv-cards3 .cc-no small{font-size:12.5px;font-weight:600;letter-spacing:.06em;color:var(--grn)}
.sv-cards3 h3{margin-top:10px;font-size:23px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.sv-cards3 p{margin-top:12px;font-size:16px;line-height:1.75;color:var(--txt)}
@media (max-width:1024px){.sv-cards3{gap:16px}.sv-cards3 h3{font-size:20px}.sv-cards3 p{font-size:15px}}
@media (max-width:768px){.sv-cards3{grid-template-columns:1fr;gap:16px;margin-top:10px}.sv-cards3>li{padding:12px 12px 24px}.sv-cards3 .cc-txt{padding:18px 8px 0}.sv-cards3 h3{font-size:19px}.sv-cards3 p{font-size:14.5px}}/* 4차 채점 반영: 사업영역 사진 상단 영문 대비, 휴대폰 바닥 정보 글자 */
.svc-cols a::before{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.14) 22%,rgba(0,0,0,0) 42%,rgba(0,0,0,.2) 62%,rgba(0,0,0,.62))}
@media (max-width:768px){.gf-info{font-size:14px;line-height:1.75}}
/* ===== 5차 수정 (2026-10-16 12:32~12:42 고객 카톡) ===== */
/* 1) 첫 장 가운데 로고가 과하게 큼 → 약 3/4로 */
.hero-slide .hero-logo img{width:min(380px,30vw)}
@media (max-width:768px){.hero-slide .hero-logo img{width:46vw}}
/* 3) 노랑 기준 = 첫 화면 "기준을 세우는" 밝은 노랑(#ffd23f). 어두운 호박색(#a87b06)을 걷어낸다.
   흰 바탕에서 밝은 노랑 글자는 묻히므로: 면(버튼·원·강조 카드·선)은 밝은 노랑, 큰 제목은 짙은 글자 + 밝은 노랑 밑칠, 작은 글자 강조는 한 단계 진한 금빛 */
:root{--yel:#ffd23f;--yel-d:#f5c400;--acc:#c99700;--acc-d:#a87e00;--acc-l:#ffe27a;--gold:#ffd23f}
.hero-cap h1 b{color:#ffd23f}
.sv-ttl b{display:inline-block;color:var(--ink);background:linear-gradient(transparent 58%,#ffd23f 58%,#ffd23f 90%,transparent 90%);padding:0 .08em}
.ab-circle{border-color:#f5c400}.ab-venn::before,.ab-venn::after{background:#f5c400}
.bd-search input{border-color:var(--yel-d)}.bd-search button{background:var(--yel);color:var(--ink)}.bd-search button:hover{background:var(--yel-d)}
.bd-cate button{border-color:var(--yel-d);color:var(--ink)}.bd-cate button.on{background:var(--yel);border-color:var(--yel);color:var(--ink)}
.ab-hist-bar .swiper-pagination-progressbar-fill{background:var(--yel)}
/* 4) 공공기관 제목 밑 짧은 줄: 초록 → 회색 */
.sv-ttl h1>span::after{background:#c4c4c4}
/* 5) 대표·운영총괄·협력 원 3개를 모두 다른 색으로: 밝은 노랑 / 짙은 먹색 / 초록 */
.ab-org-list li:nth-child(1) .ab-dot{background:#ffd23f;color:var(--ink)}
.ab-org-list li:nth-child(1) .ab-dot small{color:rgba(29,38,36,.72)}
.ab-org-list li:nth-child(2) .ab-dot{background:#2f3634;color:#fff}
.ab-org-list li:nth-child(2) .ab-dot small{color:#ffd23f}
.ab-org-list li:nth-child(3) .ab-dot{background:var(--grn);color:#fff}
.ab-org-list li+li::before,.ab-org-list li+li::after{background:#b9b9b9}
.ab-circle h3{color:var(--ink)}