:root{--green:#4d8626;--green2:#78a93f;--yellow:#e9b72f;--dark:#252a24;--muted:#6d736c;--line:#dedfd9;--pale:#f4f6ef;--cream:#f7f5ef;--white:#fff;--page:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:#fff;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--page),calc(100% - 48px));margin:auto}.skip{position:fixed;left:12px;top:-50px;z-index:100;padding:10px 16px;background:#111;color:#fff}.skip:focus{top:12px}
.utility{height:35px;background:var(--green);color:#fff;font-size:12px}.utility .wrap{height:100%;display:flex;align-items:center;justify-content:flex-end}.utility a{height:35px;padding:7px 14px;border-left:1px solid rgba(255,255,255,.2);transition:background .2s}.utility a:hover,.utility a:focus{background:var(--yellow)}
.site-header{position:relative;z-index:40;height:90px;background:#fff;border-bottom:1px solid #e9e9e9}.nav{height:90px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px}.brand svg{width:38px;height:45px}.brand strong{display:block;font-size:22px;line-height:1.05;letter-spacing:-1.2px}.brand small{display:block;margin-top:4px;color:#666;font-size:11px;line-height:1}.menu{height:100%;display:flex;align-items:stretch}.nav-item{position:relative;display:flex;align-items:stretch}.nav-item>a{min-width:135px;display:grid;place-items:center;padding:0 20px;font-size:20px;font-weight:700;letter-spacing:-.6px;border-top:4px solid transparent;transition:.2s}.nav-item:hover>a,.nav-item:focus-within>a,.nav-item>a.active{color:var(--green);border-top-color:var(--green);background:#fafbf8}.dropdown{position:absolute;top:90px;left:50%;width:170px;padding:8px 0;background:#fff;border:1px solid #ddd;box-shadow:0 8px 20px rgba(0,0,0,.13);opacity:0;visibility:hidden;transform:translate(-50%,-8px);transition:.2s}.nav-item:hover .dropdown,.nav-item:focus-within .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}.dropdown a{display:block;padding:9px 17px;color:#555;font-size:14px}.dropdown a:hover,.dropdown a:focus{background:var(--green);color:#fff}.menu-toggle{display:none;border:0;background:var(--yellow);color:#fff;width:56px;height:56px;font-size:26px;cursor:pointer}
.main-visual{position:relative;height:545px;overflow:hidden;background:#425d35}.slides,.slide{position:absolute;inset:0}.slide{visibility:hidden;opacity:0;transition:opacity .65s ease}.slide.active{visibility:visible;opacity:1}.visual-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,54,28,.9) 0%,rgba(32,65,35,.67) 45%,rgba(35,58,32,.14) 75%),radial-gradient(circle at 78% 35%,#b8c999 0 5%,transparent 6%),linear-gradient(135deg,#59774b,#9bb47d 55%,#d7d8ae)}.slide-two .visual-photo{background:linear-gradient(90deg,rgba(36,52,35,.9),rgba(57,80,46,.55) 52%,rgba(70,80,48,.1)),linear-gradient(135deg,#536e54,#b7b97d 55%,#d9c89a)}.slide-three .visual-photo{background:linear-gradient(90deg,rgba(42,51,37,.9),rgba(72,76,51,.55) 52%,rgba(90,72,50,.1)),linear-gradient(135deg,#536a49,#b6a978 55%,#d6bea4)}.visual-photo::after{content:"";position:absolute;right:7%;bottom:-12%;width:44%;height:86%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.18)}.visual-photo span{position:absolute;right:20%;top:45%;color:rgba(255,255,255,.72);font-size:20px;font-weight:700}.visual-copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff}.visual-kicker{margin:0 0 8px;font-size:20px;font-weight:700}.visual-copy h1,.visual-copy h2{margin:0 0 22px;font-size:54px;line-height:1.22;letter-spacing:-3px}.visual-copy em{color:#d8ed7a;font-style:normal}.visual-copy strong{font-size:20px}.visual-copy>p:last-child{max-width:560px;margin:13px 0 0;color:rgba(255,255,255,.86);font-size:16px}.slide-arrow{position:absolute;z-index:4;top:50%;width:46px;height:70px;border:0;background:rgba(0,0,0,.22);color:#fff;font-size:38px;opacity:0;cursor:pointer;transition:.2s}.main-visual:hover .slide-arrow,.slide-arrow:focus{opacity:1}.slide-arrow:hover{background:var(--green)}.slide-arrow.prev{left:0}.slide-arrow.next{right:0}.slide-dots{position:absolute;z-index:5;left:50%;bottom:28px;display:flex;gap:7px;transform:translateX(-50%)}.slide-dots button{width:12px;height:12px;padding:0;border:2px solid #fff;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer}.slide-dots button.active{width:30px;border-radius:8px;background:var(--green2)}
.quick-menu{position:relative;z-index:6;display:grid;grid-template-columns:repeat(4,1fr);margin-top:0;background:#fff;border-left:1px solid var(--line)}.quick-menu a{min-height:135px;display:grid;grid-template-columns:62px 1fr;grid-template-rows:auto auto;align-content:center;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.quick-menu a:hover,.quick-menu a:focus{background:var(--pale);transform:translateY(-6px);box-shadow:0 12px 25px rgba(61,91,39,.12)}.quick-icon{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#eff5df;color:var(--green);font-size:25px}.quick-menu b{font-size:18px}.quick-menu small{color:#888}.participation-strip{display:grid;grid-template-columns:1fr 1fr}.participation-strip a{min-height:100px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:0 max(36px,calc((100vw - var(--page))/2));color:#fff;background:var(--green);transition:filter .2s}.participation-strip a+a{background:var(--yellow)}.participation-strip a:hover{filter:brightness(.92)}.participation-strip span{font-size:21px;font-weight:700}.participation-strip b{font-size:14px;font-weight:400}.participation-strip i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-style:normal;font-size:22px;transition:transform .2s}.participation-strip a:hover i{transform:translateX(5px)}
.home-about{padding:90px 0;background:var(--cream)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-photo{height:390px;display:grid;place-items:center;background:linear-gradient(145deg,#cbd9b5,#e8dec2);color:#61705b;font-weight:700;box-shadow:18px 18px 0 #e5eadc}.section-label{margin:0;color:var(--green);font-size:13px;font-weight:800;letter-spacing:2px}.about-copy h2{margin:10px 0 20px;font-size:38px;line-height:1.35;letter-spacing:-2px}.about-copy>p:not(.section-label){margin:0;color:#656a64;font-size:16px}.value-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0;padding:0;list-style:none}.value-list li::before{content:"✓";margin-right:8px;color:var(--green);font-weight:900}.text-link{display:inline-block;padding-bottom:4px;border-bottom:2px solid var(--green);color:var(--green);font-weight:700}.text-link span{display:inline-block;margin-left:8px;transition:transform .2s}.text-link:hover span{transform:translateX(5px)}
.board-section{padding:78px 0}.board-grid{display:grid;grid-template-columns:1fr 330px;gap:55px}.board-tabs{display:flex;align-items:center;border-bottom:2px solid #333}.board-tabs button{padding:0 22px 16px;border:0;background:none;color:#777;font-size:22px;font-weight:700;cursor:pointer}.board-tabs button.active{color:var(--green)}.board-tabs a{margin-left:auto;padding:0 10px 13px;color:#999;font-size:25px;transition:transform .2s}.board-tabs a:hover{transform:rotate(90deg);color:var(--green)}.board-list{display:none;margin:0;padding:10px 0 0;list-style:none}.board-list.active{display:block}.board-list li{display:grid;grid-template-columns:1fr auto;gap:20px;padding:14px 8px;border-bottom:1px solid var(--line)}.board-list a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-list a:hover{color:var(--green);text-decoration:underline}.board-list time{color:#999;font-size:13px}.contact-box{padding:28px;background:var(--green);color:#fff}.contact-box p{margin:0;font-size:16px}.contact-box>a{display:block;margin:4px 0;font-size:30px;font-weight:800}.contact-box span{font-size:13px}.contact-box .contact-place{display:flex;justify-content:space-between;align-items:center;margin:24px -28px -28px;padding:17px 28px;background:#386c19;font-size:16px}.contact-place b{transition:transform .2s}.contact-place:hover b{transform:translateX(5px)}
.sub-hero{height:260px;display:grid;place-items:center;background:linear-gradient(rgba(55,86,40,.72),rgba(55,86,40,.72)),linear-gradient(120deg,#99af79,#d8d7b9);color:#fff;text-align:center}.sub-hero h1{margin:0;font-size:42px;letter-spacing:-2px}.sub-hero p{margin:8px 0 0}.sub-hero .crumb{display:none}.page{padding:56px 0 90px}.layout{display:grid;grid-template-columns:245px 1fr;gap:50px}.side{align-self:start}.side::before{content:attr(aria-label);display:block;padding:25px 20px;background:var(--green);color:#fff;text-align:center;font-size:21px;font-weight:700}.side a{display:block;padding:13px 12px;border-bottom:1px solid var(--line);font-size:15px;transition:.2s}.side a:hover,.side a.active{padding-left:20px;background:#efefef;color:var(--green);font-weight:700}.content>section:first-child>h2{margin:0 0 38px;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:26px}.content section{scroll-margin-top:30px}.content h3{margin:38px 0 14px;font-size:23px}.lead{font-size:17px;color:#666}.placeholder{min-height:210px;display:grid;place-items:center;padding:30px;border:1px dashed #aaa;background:#fafafa;color:#777;text-align:center}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:25px;border:1px solid var(--line);background:#fff;transition:.2s}.card:hover{border-color:var(--green);transform:translateY(-4px);box-shadow:0 10px 24px rgba(0,0,0,.08)}.card .icon{font-size:28px}.card h3{margin:12px 0 6px;font-size:19px}.card p{margin:0;color:#666;font-size:14px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.step{padding:22px 15px;background:var(--pale);border-top:4px solid var(--green)}.step b{display:block;color:var(--green)}.info-table{width:100%;border-collapse:collapse;border-top:2px solid var(--green)}.info-table th,.info-table td{padding:15px;border-bottom:1px solid var(--line);text-align:left}.info-table th{width:170px;background:#f6f6f3}.tabs{display:flex;gap:0;margin-bottom:28px;border-bottom:2px solid var(--green)}.tabs a{padding:12px 22px;border:1px solid var(--line);border-bottom:0}.tabs a.active{background:var(--green);color:#fff}.board,.notice-empty{border-top:2px solid var(--green)}.board{margin:0;padding:0;list-style:none}.board li{display:grid;grid-template-columns:auto 1fr auto;gap:14px;padding:16px 10px;border-bottom:1px solid var(--line)}.badge{color:var(--green);font-weight:700}.board time{color:#999}.notice-empty{padding:70px 20px;border-bottom:1px solid var(--line);text-align:center;color:#777}.cta{display:flex;justify-content:space-between;align-items:center;margin-top:38px;padding:28px;background:var(--green);color:#fff}.btn{display:inline-grid;place-items:center;min-height:44px;padding:0 18px;border:1px solid currentColor}.cta .btn{background:#fff;color:var(--green)}
footer{padding:38px 0;background:#3c3c3c;color:#bbb;font-size:13px}footer .wrap{display:flex;justify-content:space-between;gap:25px}footer strong{color:#fff;font-size:16px}.mobile-bar{display:none}.to-top{position:fixed;right:20px;bottom:20px;z-index:25;width:44px;height:44px;border:0;background:#444;color:#fff;cursor:pointer;opacity:0;transform:translateY(10px);transition:.2s}.to-top.show{opacity:1;transform:none}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s,transform .6s}.reveal.visible{opacity:1;transform:none}
@media(max-width:940px){.wrap{width:min(100% - 28px,var(--page))}.utility{display:none}.site-header,.nav{height:72px}.brand svg{width:34px;height:40px}.brand strong{font-size:19px}.menu-toggle{display:block}.menu{display:none;position:absolute;top:72px;left:0;right:0;height:auto;padding:8px 18px 18px;background:#fff;border-top:1px solid var(--line);box-shadow:0 12px 22px rgba(0,0,0,.16)}.menu.open{display:block}.nav-item{display:block}.nav-item>a{min-width:0;display:flex;justify-content:space-between;height:52px;padding:0 7px;border-top:0;border-bottom:1px solid #eee;font-size:17px}.nav-item>a::after{content:"+";color:var(--green)}.dropdown{position:static;width:auto;padding:0 0 6px 15px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none;display:none}.nav-item:focus-within .dropdown{display:block;transform:none}.dropdown a{padding:7px 12px}.main-visual{height:430px}.visual-copy h1,.visual-copy h2{font-size:42px}.quick-menu a{grid-template-columns:52px 1fr;padding:20px 15px}.quick-menu small{font-size:11px}.about-grid{gap:40px}.board-grid{grid-template-columns:1fr 280px}.layout{grid-template-columns:210px 1fr;gap:32px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){body{padding-bottom:58px}.site-header,.nav{height:70px}.brand small{font-size:9px}.menu{top:70px}.menu-toggle{width:54px;height:70px;border-radius:0}.main-visual{height:315px}.visual-photo{background:linear-gradient(90deg,rgba(34,67,35,.88),rgba(48,79,42,.56)),linear-gradient(135deg,#59774b,#a9b989)}.visual-photo::after{right:-28%;width:78%}.visual-photo span{display:none}.visual-copy{justify-content:center;padding-right:70px}.visual-kicker{font-size:13px}.visual-copy h1,.visual-copy h2{margin-bottom:10px;font-size:31px;line-height:1.25;letter-spacing:-1.6px}.visual-copy strong{font-size:13px}.visual-copy>p:last-child{display:none}.slide-arrow{display:none}.slide-dots{bottom:14px}.quick-menu{width:100%;grid-template-columns:repeat(4,1fr);border-left:0}.quick-menu a{min-height:105px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 4px;text-align:center}.quick-icon{width:42px;height:42px;font-size:21px}.quick-menu b{font-size:13px}.quick-menu small{display:none}.participation-strip{grid-template-columns:1fr}.participation-strip a{min-height:58px;grid-template-columns:1fr auto;padding:0 16px}.participation-strip span{font-size:15px}.participation-strip b{display:none}.participation-strip i{width:32px;height:32px}.home-about{padding:54px 0}.about-grid{grid-template-columns:1fr;gap:38px}.about-photo{height:230px;box-shadow:10px 10px 0 #e5eadc}.about-copy h2{font-size:29px}.board-section{padding:50px 0}.board-grid{grid-template-columns:1fr;gap:28px}.board-tabs{overflow-x:auto}.board-tabs button{padding:0 13px 12px;white-space:nowrap;font-size:18px}.board-list li{gap:12px;font-size:14px}.contact-box{display:none}.sub-hero{height:170px}.sub-hero h1{font-size:32px}.sub-hero p{font-size:13px}.page{padding:35px 0 70px}.layout{grid-template-columns:1fr}.side{display:flex;overflow-x:auto;border:1px solid var(--line)}.side::before{display:none}.side a{flex:none;padding:11px 15px;border:0;border-right:1px solid var(--line);white-space:nowrap}.side a:hover,.side a.active{padding-left:15px}.content>section:first-child>h2{margin-bottom:28px;font-size:23px}.grid,.steps{grid-template-columns:1fr}.info-table th{width:105px}.info-table th,.info-table td{padding:12px 9px;font-size:13px}.board li{grid-template-columns:auto 1fr}.board time{grid-column:2}.cta{display:block}.cta .btn{width:100%;margin-top:15px}footer{padding:30px 0}footer .wrap{display:block}.mobile-bar{position:fixed;z-index:45;left:0;right:0;bottom:0;height:58px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid var(--line)}.mobile-bar a{display:grid;place-items:center;font-size:12px;font-weight:700}.mobile-bar a:first-child{background:var(--green);color:#fff}.to-top{bottom:68px}.reveal{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.slide,.reveal,.quick-menu a,.card{transition:none!important}}
.sub-nav{height:42px;background:#4a5548;color:#fff}.sub-nav .wrap{height:100%;display:flex;justify-content:center}.sub-nav a{padding:9px 20px;font-size:14px;transition:.2s}.sub-nav a:hover,.sub-nav a:focus,.sub-nav a.active{background:var(--green)}.side::before{content:attr(data-title)}
@media(max-width:650px){.sub-nav{display:none}}
.slide{transition-duration:.2s}.slide-arrow{display:none}.menu-backdrop{display:none}
@media(max-width:650px){
  .site-header,.nav{height:56px}.brand svg{width:30px;height:34px}.brand strong{font-size:17px}.brand small{font-size:8px}.menu-toggle{position:relative;z-index:50;width:56px;height:56px}
  .menu{display:block;position:fixed;z-index:49;top:0;right:0;left:auto;width:72%;height:100dvh;padding:0 0 24px;background:#fff;overflow-y:auto;visibility:hidden;transform:translateX(100%);transition:transform .25s ease,visibility .25s;box-shadow:-8px 0 22px rgba(0,0,0,.16)}
  .menu.open{display:block;visibility:visible;transform:translateX(0)}.menu::before{content:"전체메뉴";display:block;height:56px;padding:14px 70px 12px 16px;background:#333;color:#fff;font-size:18px;font-weight:700}
  .nav-item>a{height:46px;padding:0 14px;font-size:16px}.nav-item>a::after{display:none}.dropdown{display:block;padding:0;background:#f5f5f3}.dropdown a{padding:7px 22px;border-bottom:1px solid #e3e3e3;font-size:13px}
  .menu-backdrop{position:fixed;z-index:47;inset:0;display:block;border:0;background:rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.25s}.menu-open .menu-backdrop{opacity:1;visibility:visible}.menu-open{overflow:hidden}
  .main-visual{height:190px}.visual-copy{padding-right:70px}.visual-kicker{margin-bottom:3px;font-size:11px}.visual-copy h1,.visual-copy h2{margin-bottom:6px;font-size:25px;line-height:1.18;letter-spacing:-1.2px}.visual-copy strong{font-size:11px;line-height:1.45}.slide-dots{bottom:8px}.slide-dots button{width:9px;height:9px}.slide-dots button.active{width:22px}
  .quick-menu a{min-height:96px}.quick-icon{width:38px;height:38px;font-size:19px}.participation-strip a{min-height:56px}.about-photo{height:155px}.about-copy h2{font-size:24px}
}