@charset "utf-8";
.site-header{position:fixed;left:0;top:0;width:100%;z-index:1000;color:#fff;transition:background .25s,box-shadow .25s,color .25s}
.site-header.is-scrolled,.site-header.is-open{background:#fff;color:#111;box-shadow:0 1rem 3rem rgba(0,0,0,.08)}
.topbar{height:3.6rem;border-bottom:1px solid rgba(255,255,255,.18)}
.site-header.is-scrolled .topbar,.site-header.is-open .topbar{border-bottom:1px solid #eee}
.topbar__inner{width:min(1680px,calc(100% - 6rem));height:100%;margin:0 auto;display:flex;justify-content:flex-end;align-items:center;gap:2.4rem;font-size:1.3rem;font-weight:700}
.service-menu{position:relative}.service-menu__btn{font-weight:800}.service-menu__list{display:none;position:absolute;top:2.7rem;right:0;width:17rem;background:#fff;color:#111;border-radius:1.2rem;box-shadow:0 1rem 3rem rgba(0,0,0,.15);padding:1rem;line-height:2.6}.service-menu:hover .service-menu__list{display:block}
.header-main{height:8.8rem}.header-main__inner{width:min(1680px,calc(100% - 6rem));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:4rem}.logo a{display:flex;align-items:center;gap:1rem;font-size:2.2rem;font-weight:900;letter-spacing:-.04em}.logo span{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border-radius:50%;background:#008b4c;color:#fff;font-size:1.8rem}.gnb{height:100%;flex:1;display:flex;justify-content:center}.gnb__depth1{height:100%;display:flex;align-items:center}.gnb__depth1>li{height:100%;display:flex;align-items:center}.gnb__depth1>li>a{height:100%;display:flex;align-items:center;padding:0 2.5rem;font-size:1.8rem;font-weight:900}.mega-menu{position:absolute;left:0;top:12.4rem;width:100%;background:#fff;color:#111;display:none;border-top:1px solid #eee;box-shadow:0 2rem 4rem rgba(0,0,0,.1)}.gnb__depth1>li:hover .mega-menu{display:flex}.mega-menu__title{width:32%;padding:4.8rem 7vw;background:#063b26;color:#fff;font-size:3.8rem;font-weight:900}.mega-menu ul{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:1.2rem;padding:4.8rem 7vw 4.8rem 4vw}.mega-menu li a{display:flex;align-items:center;min-height:5.8rem;padding:1.4rem 1.8rem;border:1px solid #e8e8e8;border-radius:1.2rem;font-size:1.6rem;font-weight:800}.mega-menu li a:hover{background:#008b4c;color:#fff;border-color:#008b4c}.header-actions{display:flex;align-items:center;gap:1.8rem}.search-open{font-size:1.3rem;font-weight:900;letter-spacing:.08em}.menu-open{width:4.8rem;height:4.8rem;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.menu-open span{display:block;width:100%;height:2px;background:currentColor}.search-layer{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:16rem;background:rgba(0,0,0,.72);opacity:0;visibility:hidden;transition:.25s;z-index:1200}.search-layer.is-active{opacity:1;visibility:visible}.search-layer__inner{width:min(860px,calc(100% - 4rem));background:#fff;color:#111;border-radius:2.4rem;padding:5rem}.search-layer strong{display:block;font-size:3rem;margin-bottom:2rem}.search-layer input{width:100%;height:6.4rem;border-bottom:3px solid #111;font-size:2.4rem}.keyword-list{display:flex;flex-wrap:wrap;gap:1rem;margin:2.4rem 0}.keyword-list a{padding:.9rem 1.4rem;border-radius:999px;background:#f0f3f1;font-size:1.4rem;font-weight:800}.search-close{height:4.8rem;padding:0 2rem;background:#111;color:#fff;border-radius:999px;font-weight:900}.mobile-menu{position:fixed;right:-100%;top:0;width:min(43rem,100%);height:100%;background:#fff;color:#111;z-index:1300;transition:.3s;overflow-y:auto}.mobile-menu.is-active{right:0}.mobile-menu__head{height:7rem;padding:0 2.4rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee}.mobile-menu__head strong{font-size:2rem}.menu-close{font-size:4rem;line-height:1}.mobile-nav button{width:100%;height:6rem;padding:0 2.4rem;text-align:left;font-size:1.8rem;font-weight:900;border-bottom:1px solid #eee;position:relative}.mobile-nav button:after{content:'+';position:absolute;right:2.4rem}.mobile-nav button.is-active:after{content:'-'}.mobile-nav ul{display:none;background:#f7f8f7;padding:1rem 2.4rem 1.6rem}.mobile-nav ul.is-open{display:block}.mobile-nav a{display:block;padding:1.1rem 0;font-size:1.5rem;font-weight:700}.footer{background:#111;color:#ddd}.footer__top{width:min(1440px,calc(100% - 8rem));margin:0 auto;padding:2.6rem 0;display:flex;flex-wrap:wrap;gap:2.4rem;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.4rem}.footer__bottom{width:min(1440px,calc(100% - 8rem));margin:0 auto;padding:4rem 0 5rem}.footer__bottom strong{display:block;color:#fff;font-size:2.4rem;margin-bottom:1.4rem}.footer__bottom p{font-size:1.4rem;color:#aaa;margin-top:.5rem}
@media (max-width:1439px){.gnb__depth1>li>a{padding:0 1.7rem}.header-main__inner,.topbar__inner{width:calc(100% - 4rem)}.mega-menu__title{font-size:3.2rem}.mega-menu ul{grid-template-columns:repeat(4,1fr)}}
@media (max-width:1279px){.topbar,.gnb{display:none}.site-header{background:#fff;color:#111}.header-main{height:7.2rem}.header-main__inner{width:calc(100% - 3.2rem)}.logo a{font-size:1.9rem}.logo span{width:4.2rem;height:4.2rem}.search-open{display:none}}
@media (max-width:767px){.header-main{height:6.6rem}.logo a{font-size:1.6rem}.logo span{width:3.8rem;height:3.8rem}.menu-open{width:4.2rem;height:4.2rem}.search-layer{padding-top:8rem}.search-layer__inner{padding:3rem 2.2rem}.search-layer input{height:5.6rem;font-size:1.8rem}.footer__top,.footer__bottom{width:calc(100% - 3.2rem)}.footer__top{gap:1.4rem}.footer__bottom strong{font-size:2rem}}
@media (max-width:320px){.header-main__inner{width:calc(100% - 2rem)}.logo a{font-size:1.45rem}.logo span{width:3.4rem;height:3.4rem}.mobile-nav button{height:5.6rem}.footer__top,.footer__bottom{width:calc(100% - 2.4rem)}}