:root{--ink:#126631;--ink2:#126631;--green:#126631;--mint:#fff8de;--ice:#fff8de;--line:#e0e6d8;--muted:#126631;--white:#fff;--accent:#f6b139}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}a:focus-visible{outline:3px solid var(--green);outline-offset:4px}.shell{width:min(100% - 56px,1200px);margin:auto}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:white;z-index:10}.skip:focus{top:10px}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-row{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;font-size:19px;letter-spacing:-.065em;white-space:nowrap}.brand-mark{height:47px;width:47px;object-fit:contain;background:#fff;border-radius:11px;padding:3px}.nav{display:flex;align-items:center;gap:32px;font-size:15px;font-weight:650}.nav a{padding:28px 0 24px;border-bottom:3px solid transparent;white-space:nowrap;color:#374e4f}.nav a:hover,.nav a[aria-current=page]{color:var(--green);border-bottom-color:var(--green)}.header-meta{font-size:12px;color:#718181;white-space:nowrap}
.hero{background:var(--ink);color:white}.hero-layout{min-height:680px;display:grid;grid-template-columns:1fr .85fr;align-items:stretch;gap:7%}.hero-text{padding:106px 0 100px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:13px;letter-spacing:.1em;font-weight:800;color:#bbd6cc;margin:0 0 25px}.hero h1{font-size:clamp(48px,5.3vw,76px);font-weight:750;line-height:1.34;letter-spacing:-.025em;margin:0 0 28px}.hero h1 strong{color:var(--accent);font-weight:inherit}.hero-copy{font-size:18px;color:#d4e0df;line-height:1.9;max-width:510px;margin:0 0 43px}.cta{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:13px 24px;background:var(--accent);color:var(--ink);font-weight:800;font-size:15px;align-self:flex-start;border-radius:3px}.cta:hover{background:#fff;transform:translateY(-2px)}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;padding:50px 0}.hero-visual img{width:100%;height:575px;object-fit:cover;object-position:center;filter:saturate(.8)}.hero-caption{position:absolute;bottom:49px;right:0;background:white;color:var(--ink);font-size:13px;font-weight:700;padding:12px 20px}
.stats{border-bottom:1px solid var(--line);background:var(--ice)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);padding:37px 0}.stat{padding:0 30px;border-left:1px solid #cad8d4}.stat:first-child{padding-left:0;border:0}.stat strong{font-size:35px;letter-spacing:-.06em;color:var(--green);line-height:1.2;display:block}.stat span{font-size:13px;color:var(--muted);display:block;margin-top:8px}
.section{padding:110px 0}.section.soft{background:var(--ice)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:42px}.label{font-size:13px;color:var(--green);font-weight:800;letter-spacing:.035em;margin:0 0 15px}.section h2,.page-intro h1{font-size:clamp(32px,3.7vw,52px);line-height:1.35;letter-spacing:-.07em;margin:0;font-weight:760}.section-top>p{max-width:420px;color:var(--muted);font-size:16px;margin:0}.text-link{font-size:15px;font-weight:800;color:var(--green);border-bottom:1px solid var(--green);padding-bottom:3px;display:inline-block}.text-link:hover{color:var(--ink)}
.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pillar{border:1px solid var(--line);padding:34px;background:#fff;min-height:250px;display:flex;flex-direction:column;align-items:flex-start}.pillar small{font-size:13px;font-weight:800;color:var(--green)}.pillar h3{font-size:23px;line-height:1.45;letter-spacing:-.045em;margin:24px 0 10px}.pillar p{color:var(--muted);font-size:15px;margin:0 0 20px}.pillar .text-link{margin-top:auto}.featured{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{display:block;border:1px solid var(--line);background:white}.feature:hover .feature-title{color:var(--green)}.feature img{width:100%;height:330px;object-fit:cover}.feature-body{padding:25px 28px 30px}.feature-meta{font-size:13px;color:var(--green);font-weight:750}.feature-title{font-size:24px;font-weight:750;letter-spacing:-.055em;display:block;margin-top:6px}.feature-desc{font-size:15px;color:var(--muted);margin-top:8px;display:block}.band{background:var(--ink);color:white;padding:68px 0}.band .shell{display:flex;align-items:center;justify-content:space-between;gap:30px}.band h2{font-size:clamp(27px,3vw,38px);line-height:1.45;letter-spacing:-.05em;margin:0}.band a{background:#fff;color:var(--green);padding:14px 23px;font-size:15px;font-weight:800;white-space:nowrap}
.page-intro{background:var(--ice);border-bottom:1px solid var(--line);padding:83px 0 86px}.page-intro .label{margin-bottom:17px}.page-intro p:last-child{font-size:18px;max-width:700px;color:var(--muted);margin:19px 0 0}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:28px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.prose{font-size:18px;line-height:1.95;color:#334e50}.prose p{margin:0 0 23px}.prose strong{color:var(--green)}.quote{border-left:4px solid var(--green);padding-left:32px}.quote p{font-size:19px;line-height:1.95;margin:0 0 22px}.draft{display:inline-block;border:1px solid #adc2bc;border-radius:2px;color:#3d6860;font-size:13px;font-weight:700;padding:4px 10px;margin-bottom:20px}.note{font-size:14px;color:var(--muted);margin:24px 0 0}.data-card{border:1px solid var(--line);padding:30px;background:#fff}.data-card h3{font-size:22px;margin:0 0 14px;letter-spacing:-.045em}.data-card p{color:var(--muted);margin:0}.data-card .note{margin-top:15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service{padding:29px 24px;background:#fff;min-height:230px}.service small{font-weight:800;color:var(--green);font-size:13px}.service h3{font-size:21px;margin:23px 0 10px;letter-spacing:-.045em}.service p{color:var(--muted);margin:0;font-size:15px}
.story{display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center;padding:47px 0;border-top:1px solid var(--line)}.story:first-of-type{border-top:0;padding-top:0}.story-images{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-images figure{margin:0;position:relative}.story-images img{height:380px;width:100%;object-fit:cover}.story-images figcaption{position:absolute;bottom:10px;left:10px;background:var(--ink);color:white;padding:4px 9px;font-size:12px}.story-copy small{font-weight:800;color:var(--green);font-size:13px}.story-copy h3{font-size:32px;letter-spacing:-.06em;line-height:1.35;margin:14px 0 20px}.story-copy p{color:var(--muted);font-size:16px;line-height:1.85;margin:0}.story-copy ul{padding-left:20px;color:var(--ink2);margin:20px 0 0}.story-copy li{margin:4px 0}.source-note{color:var(--muted);font-size:13px;margin-top:25px}
.year{display:grid;grid-template-columns:240px 1fr;gap:5%;padding:48px 0;border-top:1px solid var(--line)}.year:first-of-type{padding-top:0;border:0}.year h2{font-size:45px;letter-spacing:-.06em;color:var(--green);margin:0}.event{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.event:first-child{padding-top:0}.event:last-child{border-bottom:0}.event time{color:var(--green);font-weight:800;font-size:14px}.event strong{display:block;font-size:18px;letter-spacing:-.03em}.event span{font-size:15px;color:var(--muted);display:block;margin-top:4px}
.notice-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.notice{background:#fff;border:1px solid var(--line);padding:35px;min-height:280px}.notice h2{font-size:25px;margin:0 0 17px}.notice p{color:var(--muted);margin:0 0 15px}.notice strong{color:var(--green)}.notice-link{display:inline-block;border-bottom:2px solid var(--green);font-weight:800;color:var(--green);padding-bottom:4px;margin-top:12px}.report-box{background:var(--ink);color:#fff;padding:45px;display:flex;justify-content:space-between;gap:32px;align-items:center}.report-box h2{font-size:30px;letter-spacing:-.05em;margin:0 0 10px}.report-box p{color:#c7d7d5;margin:0}.report-box a{display:inline-flex;background:var(--accent);color:var(--ink);font-weight:800;padding:14px 20px;white-space:nowrap}
.footer{background:var(--ink);color:#bed0ce;padding:46px 0 35px;font-size:14px}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer strong{display:block;color:white;font-size:18px;margin-bottom:10px}.footer p{margin:0}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer a:hover{text-decoration:underline}.footer-end{border-top:1px solid #3a5555;margin-top:35px;padding-top:23px;font-size:12px;color:#9db4b1}
@media(max-width:900px){.header-row{flex-wrap:wrap;gap:5px;align-items:flex-start;padding:12px 0}.nav{order:3;width:100%;justify-content:space-between;gap:10px}.nav a{padding:11px 0}.header-meta{padding-top:12px}.hero-layout{grid-template-columns:1fr .8fr;gap:3%;min-height:610px}.hero h1{font-size:50px}.hero-visual img{height:490px}.pillar-grid{grid-template-columns:1fr 1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.split{gap:5%}.story-images img{height:300px}.year{grid-template-columns:150px 1fr}}
@media(max-width:680px){.shell{width:min(100% - 36px,1200px)}.header-row{padding:9px 0}.brand{font-size:17px}.brand-mark{height:42px;width:42px}.header-meta{display:none}.nav{font-size:13px;overflow:auto;justify-content:flex-start;gap:22px}.nav a{padding:9px 0;flex:none}.hero-layout{display:block}.hero-text{padding:72px 0 33px}.hero h1{font-size:clamp(39px,9vw,57px)}.hero-copy{font-size:16px}.hero-visual{padding:0 0 45px}.hero-visual img{height:340px}.hero-caption{bottom:45px}.stats-row{grid-template-columns:1fr 1fr;gap:25px 0;padding:30px 0}.stat{padding:0 15px}.stat:nth-child(3){border:0;padding-left:0}.stat strong{font-size:28px}.section{padding:72px 0}.section-top{display:block}.section-top>p{margin-top:15px}.pillar-grid,.featured,.split,.notice-grid,.story{grid-template-columns:1fr}.pillar{min-height:0}.feature img{height:250px}.band .shell,.report-box{display:block}.band a,.report-box a{display:inline-block;margin-top:22px}.page-intro{padding:55px 0 58px}.page-intro p:last-child{font-size:16px}.quote{padding-left:20px}.story{gap:24px;padding:38px 0}.story-images img{height:260px}.year{grid-template-columns:1fr;gap:15px;padding:36px 0}.year h2{font-size:35px}.event{grid-template-columns:90px 1fr;gap:14px}.footer-grid{display:block}.footer-links{margin-top:25px}.report-box{padding:30px}}
@media(max-width:390px){.story-images img{height:210px}.service-grid{grid-template-columns:1fr 1fr}.service{padding:20px 16px;min-height:210px}.service h3{font-size:18px}.service p{font-size:14px}.stat span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* 현장 사진 전후 비교 */
.hero-visual .compare{height:575px;width:100%;position:relative;overflow:hidden;touch-action:pan-y;background:var(--ink)}.hero-visual .compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.8);user-select:none;pointer-events:none}.compare-after{clip-path:inset(0 0 0 var(--split))}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 9px #0b6b4f55;pointer-events:none}.compare-tag{position:absolute;top:15px;background:#0b6b4f;color:white;font-size:13px;font-weight:800;padding:6px 11px;pointer-events:none}.before-tag{left:15px}.after-tag{right:15px}.compare-range{position:absolute;z-index:2;left:0;top:50%;width:100%;height:48px;transform:translateY(-50%);margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:ew-resize}.compare-range::-webkit-slider-runnable-track{height:48px;background:transparent}.compare-range::-moz-range-track{height:48px;background:transparent}.compare-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:46px;height:46px;border-radius:50%;background:#fff;border:8px solid var(--green);box-shadow:0 2px 16px #0b6b4f55}.compare-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#fff;border:8px solid var(--green);box-shadow:0 2px 16px #0b6b4f55}.compare-range:focus-visible{outline:0}.compare-range:focus-visible::-webkit-slider-thumb{outline:3px solid var(--accent);outline-offset:3px}.compare-range:focus-visible::-moz-range-thumb{outline:3px solid var(--accent);outline-offset:3px}
/* 스크롤에 맞춘 글과 카드 등장 */
.has-motion .reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .72s ease,transform .72s cubic-bezier(.2,.7,.2,1);transition-delay:var(--motion-delay,0ms)}.has-motion .reveal.is-visible{opacity:1;transform:translate3d(0,0,0)}
@media(max-width:900px){.hero-visual .compare{height:490px}}
@media(max-width:680px){.hero-visual .compare{height:340px}}
@media(prefers-reduced-motion:reduce){.has-motion .reveal{opacity:1;transform:none;transition:none}.compare-after{transition:none}}
/* 메인 활동 카드 사진은 왼쪽에서 오른쪽으로 드러납니다. */
.has-motion .featured .feature img{clip-path:inset(0 100% 0 0);transform:translateX(-24px);opacity:.4;transition:clip-path .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1),opacity .95s ease;transition-delay:.1s}
.has-motion .featured .feature.is-visible img{clip-path:inset(0 0 0 0);transform:translateX(0);opacity:1}
.has-motion .featured .feature:nth-child(2) img{transition-delay:.2s}
@media(prefers-reduced-motion:reduce){.has-motion .featured .feature img{clip-path:none;transform:none;opacity:1;transition:none}}

/* 밝은 배경과 브랜드 컬러 */
.section.soft{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* 첫 문장은 천천히, 차례로 등장합니다. */
.hero-title .hero-line{display:block;animation:hero-rise 1.45s cubic-bezier(.18,.7,.24,1) both}
.hero-title .hero-line:nth-child(2){animation-delay:.28s}
.hero-title .hero-line:nth-child(3){animation-delay:.56s}
@keyframes hero-rise{from{opacity:0;transform:translateY(26px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.stat:nth-child(2){--motion-delay:90ms}.stat:nth-child(3){--motion-delay:180ms}.stat:nth-child(4){--motion-delay:270ms}
@media(prefers-reduced-motion:reduce){.hero-title .hero-line{animation:none;opacity:1;transform:none;filter:none}}
/* 다섯 메뉴와 하위 페이지 */
.nav{gap:24px}.nav-group{position:relative;display:flex;align-items:center;gap:4px}.nav-group>a[aria-current=true]{color:var(--green);border-bottom-color:var(--green)}.submenu-toggle{border:0;background:white;color:var(--green);cursor:pointer;padding:10px 6px;font-size:17px;line-height:1}.submenu{display:none;position:absolute;top:100%;left:-20px;min-width:210px;background:white;border:1px solid var(--line);box-shadow:0 12px 25px #0b6b4f12;padding:10px 0;z-index:20}.submenu a{display:block;padding:10px 20px;border:0;font-size:14px}.submenu a:hover{background:white;color:var(--green);text-decoration:underline;text-underline-offset:5px}.nav-group.open .submenu{display:block}.subnav{border-bottom:1px solid var(--line);background:white}.subnav .shell{display:flex;gap:30px;overflow:auto;padding-top:15px;padding-bottom:15px}.subnav a{font-size:14px;white-space:nowrap;color:var(--muted)}.subnav a[aria-current=page]{font-weight:800;color:var(--green);text-decoration:underline;text-underline-offset:7px}.subnav a:hover{color:var(--green)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gallery-grid .feature img{height:255px;object-fit:cover}.gallery-grid .feature-title{font-size:21px;line-height:1.5}.gallery-grid .feature-body{padding:23px}.gallery-link{display:inline-block;margin-top:20px;color:var(--green);font-size:14px;font-weight:700}.result-count{font-size:22px;color:var(--green);vertical-align:middle;letter-spacing:0}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.photo-button{margin:0;padding:0;border:1px solid var(--line);background:white;text-align:left;color:var(--ink);cursor:zoom-in;width:100%;overflow:hidden}.photo-button img{width:100%;height:420px;object-fit:contain;background:white}.photo-button>span{display:flex;justify-content:space-between;padding:16px 22px;font-size:14px;color:var(--green);border-top:1px solid var(--line)}.photo-button:hover img{filter:brightness(.96)}.gallery-help{color:var(--muted);margin-bottom:28px}.work-list{margin:0;padding-left:22px}.work-list li{padding:8px 0}.story-pagination{display:flex;justify-content:space-between;gap:20px;padding-bottom:70px;font-size:15px;font-weight:700;color:var(--green)}.empty-state{padding:50px}.empty-state .text-link{margin-top:28px}.lightbox{padding:24px;border:0;background:var(--ink);color:white;width:96vw;max-width:1400px;max-height:96vh;overflow:auto}.lightbox::backdrop{background:#0b4939ee}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.lightbox-toolbar p{margin:0}.lightbox button{background:var(--ink);color:white;border:1px solid #617879;padding:10px 17px;cursor:pointer;font:inherit}.lightbox-stage{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:16px}.lightbox-stage img{height:min(75vh,850px);width:100%;object-fit:contain}.lightbox-stage button{font-size:24px}.lightbox button:hover{border-color:white}.lightbox-open{overflow:hidden}button:focus-visible{outline:3px solid var(--green);outline-offset:4px}.lightbox button:focus-visible{outline-color:white}
@media(hover:hover){.nav-group:hover .submenu{display:block}}
@media(max-width:1000px){.header-meta{display:none}.nav{gap:18px}.header-row{gap:20px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.header-row{gap:5px}.nav{justify-content:space-between}.submenu{top:100%;left:0}.nav-group:last-child .submenu{left:auto;right:0}}
@media(max-width:680px){.nav{overflow:visible;width:100%;gap:0;justify-content:space-between;font-size:14px}.nav-group{gap:0}.submenu-toggle{padding:10px 4px;font-size:14px}.submenu{min-width:185px}.nav-group:nth-child(n+3) .submenu{left:auto;right:0}.subnav .shell{gap:23px}.gallery-grid{grid-template-columns:1fr}.gallery-grid .feature img{height:280px}.photo-grid{grid-template-columns:1fr}.photo-button img{height:360px}.empty-state{padding:30px}.story-pagination{font-size:13px;gap:10px}.lightbox{padding:14px;width:100vw;max-height:100vh}.lightbox-toolbar{font-size:13px}.lightbox-stage{gap:6px}.lightbox-stage button{font-size:18px;padding:8px}.lightbox-stage img{height:70vh}}

/* 화살표 없이 메뉴에 마우스나 키보드 초점을 두면 하위 메뉴 표시 */
.nav-group:focus-within .submenu{display:block}

/* 노랑과 초록: 밝고 친근한 협회의 색 */
.brand{color:var(--green)}
.site-header{border-bottom-color:var(--line)}
.nav a{color:var(--ink);border-bottom-width:4px}
.nav a:hover,.nav a[aria-current=page],.nav-group>a[aria-current=true]{border-bottom-color:var(--accent);color:var(--green)}
.header-meta{background:var(--accent);color:var(--ink);font-size:14px;font-weight:800;padding:10px 17px;border-radius:30px}
.submenu{border-radius:0 0 16px 16px;box-shadow:0 12px 25px #0b6b4f12}
.submenu a:hover{background:var(--ice);text-decoration:none}
.subnav a[aria-current=page]{text-decoration-color:var(--accent);text-decoration-thickness:3px}
.hero{background:var(--ice);color:var(--green);border-bottom:1px solid var(--line)}
.eyebrow{color:var(--green);font-size:14px;letter-spacing:.04em}
.hero-copy{color:var(--muted)}
.hero h1 strong{color:var(--green);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:.13em;text-underline-offset:.12em;text-decoration-skip-ink:none}
.cta{border-radius:30px;padding:14px 29px;box-shadow:none}
.cta:hover{background:#eda62b;transform:translateY(-2px)}
.hero-visual .compare{border:7px solid white;border-radius:26px;box-shadow:12px 12px 0 var(--accent)}
.hero-visual img,.hero-visual .compare img{filter:none}
.hero-caption{border-radius:14px 0 0 0;bottom:57px;right:7px;color:var(--green)}
.compare-tag{border-radius:20px;background:var(--green)}
.after-tag{background:var(--accent);color:var(--ink)}
.compare-divider{width:3px;background:var(--accent)}
.compare-range::-webkit-slider-thumb{background:var(--accent);border-color:var(--green)}
.compare-range::-moz-range-thumb{background:var(--accent);border-color:var(--green)}
.stats{background:white}
.stat{border-left-color:var(--line)}
.stat strong{letter-spacing:-.035em}
.stat strong::after{content:'';display:block;width:34px;height:5px;background:var(--accent);border-radius:3px;margin-top:13px}
.stat span{font-size:14px}
.label{font-size:14px}
.section h2,.page-intro h1{color:var(--green);letter-spacing:-.045em}
.section.soft{background:var(--ice);border-color:var(--line)}
.pillar,.feature,.data-card,.notice{border-radius:18px;overflow:hidden}
.pillar{border-top:5px solid var(--accent)}
.pillar small,.service small{background:var(--accent);color:var(--ink);border-radius:30px;padding:4px 12px;width:fit-content;font-size:14px}
.pillar:hover{border-color:var(--accent)}
.feature{box-shadow:0 4px 0 #0b6b4f06}
.feature-title{color:var(--green);letter-spacing:-.035em}
.feature:hover{border-color:var(--accent)}
.feature-desc,.pillar p,.service p{font-size:16px}
.text-link{border-bottom:3px solid var(--accent)}
.service-grid{border-radius:18px;overflow:hidden}
.service h3{color:var(--green)}
.page-intro{background:var(--ice)}
.breadcrumb{font-size:14px}
.quote{border-left-color:var(--accent)}
.draft{border:0;background:var(--ice);color:var(--green);font-size:14px;border-radius:20px;padding:5px 13px}
.prose{color:var(--ink2)}
.band,.report-box{background:var(--green);color:white}
.band h2,.report-box h2{color:white}
.band a,.report-box a{background:var(--accent);color:var(--ink);border-radius:30px;padding:14px 26px}
.band a:hover,.report-box a:hover{background:white}
.report-box{border-radius:22px}
.report-box p{color:white}
.footer{background:var(--green);color:white}
.footer-end{color:#e1ece3;border-top-color:#ffffff40}
.footer strong{color:var(--accent)}
.photo-button{border-radius:18px}
.photo-button>span{background:var(--ice)}
.lightbox,.lightbox button{background:var(--green)}
.lightbox button{border-color:#ffffff80;border-radius:12px}
.lightbox{border-radius:20px}
.story-pagination a{text-underline-offset:6px}
.story-pagination a:hover{text-decoration:underline;text-decoration-color:var(--accent)}
@media(max-width:900px){.header-meta{padding:10px 17px}}
@media(max-width:680px){.hero-visual .compare{border-width:5px;border-radius:20px;box-shadow:8px 8px 0 var(--accent)}.hero-caption{bottom:50px;right:5px;font-size:12px}.hero-text{padding-top:60px}.pillar{padding:28px}.report-box{border-radius:18px}}

/* 대시봉 로고에서 추출한 초록과 노랑 */
.nav a,.subnav a,.hero-copy,.prose,.quote,.pillar p,.service p,.feature-desc,.data-card p,.notice p,.event span,.story-copy p,.breadcrumb,.note,.source-note,.gallery-help{color:var(--green)}
.hero{position:relative;isolation:isolate;background:#fffaf0;overflow:hidden}
.hero-layout{position:relative;z-index:1}
.hero-text{padding-bottom:165px}
.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block}
.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf0f2 0%,#fffaf0b8 39%,#fffaf020 70%)}
.hero-copy{max-width:470px}
.footer-end{color:white}
@media(max-width:900px){.hero-text{padding-bottom:150px}}
@media(max-width:680px){.hero-text{padding-bottom:35px}.hero-layout{padding-bottom:145px}.hero-art img{object-fit:cover;object-position:62% bottom}.hero-art::after{background:linear-gradient(180deg,#fffaf0f2 0%,#fffaf0e8 38%,#fffaf068 70%,#fffaf000 100%)}}

/* 오른쪽 아래의 일러스트가 전후 사진에 가려지지 않도록 배치 */
.hero-layout{min-height:820px}
.hero-visual{padding:60px 0 0;align-items:flex-start}
.hero-visual .compare{height:340px}
.hero-caption{top:361px;bottom:auto}
@media(max-width:900px){.hero-layout{min-height:790px}.hero-visual .compare{height:320px}.hero-caption{top:341px}}
@media(max-width:680px){.hero-layout{min-height:0;padding-bottom:225px}.hero-visual{padding:0 0 45px}.hero-visual .compare{height:340px}.hero-caption{top:auto;bottom:50px}.hero-art img{object-fit:contain;object-position:right bottom}.hero-art::after{background:linear-gradient(180deg,#fffaf0e8 0%,#fffaf0a6 48%,#fffaf000 75%)}}
/* 노란 버튼 위 글씨는 같은 초록 계열의 진한 색으로 읽기 쉽게 */
:root{--on-yellow:#0c4822}
.header-meta,.cta,.after-tag,.pillar small,.service small,.band a,.report-box a{color:var(--on-yellow)}
.footer strong{font-size:20px}
/* 첫 문구와 전후 사진의 시작선을 맞춥니다. */
.hero-layout{--hero-top:80px}
.hero-text{padding-top:var(--hero-top);justify-content:flex-start}
.hero-visual{display:block;padding-top:calc(var(--hero-top) + 49px)}
.hero-caption{position:relative;display:table;top:auto;bottom:auto;right:auto;margin:-39px 7px 0 auto}
.hero h1{letter-spacing:.015em}
@media(max-width:900px){.hero-layout{--hero-top:65px}}
@media(max-width:680px){.hero-layout{--hero-top:60px}.hero-visual{padding-top:0}.hero-caption{margin:-34px 5px 0 auto}.hero h1{letter-spacing:.01em}}