#footer{background:url('/img/main/footer_bg.jpg') center/cover no-repeat;}
#footer .line{width: 100%; height: 1px; background-color: #fff; opacity: .3;}
#footer a{color: #fff;}
#footer .fmenu a{color: #c0c0c0;}
#footer ul{gap: 30px;}

#topBtn { position:fixed; right:80px; bottom:30px; z-index:100; }
#topBtn.gray img { filter:brightness(.35); }

#quick{position: fixed; bottom: 80px; right: 30px; z-index:100;}
#quick li{margin-bottom: -10px;}
#quick li:last-child{margin-bottom: 0;}

#header{    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 115px;
    background: #f9f7f3;
    z-index: 200;}
#header .container{position:relative;height:100%;margin:0 auto;display:grid;grid-template-columns:220px 1fr 220px;align-items:center;overflow:visible;}
#header h1{margin:0;padding:0;}
#header h1 a{display:inline-block;}
#header h1 img{display:block;width:210px;height:auto;max-width:100%;}
#header #menu{height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;}
#header .nav-menu{height:100%;overflow:visible;}
#header .nav-menu-ul{height:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:47px;list-style:none;}
#header .nav-menu-ul>li{list-style:none;}
#header .menu{position:relative;height:100%;display:flex;align-items:center;}
#header .depth01{position:relative;height:100%;display:flex;align-items:center;justify-content:center;gap:5px;padding:0 3px;color:#171717;text-decoration:none;font-size:18px;font-weight:400;letter-spacing:-0.03em;white-space:nowrap;transition:opacity .25s ease;}
#header .depth01:hover{color:#2d462e;text-shadow:-0.5px 0 #2d462e,0.5px 0 #2d462e;}
#header .menu-arrow{position:relative;margin-left: 10px; display:inline-block;width:13px;height:13px;border-right:2px solid #999;border-bottom:2px solid #999;transform:rotate(45deg) translateY(-2px);transition:transform .25s ease;}
#header .dropdown-menu{position:absolute;top:85px;left:50%;width:215px;margin:0;padding:1rem 0;list-style:none;border-radius:10px;background:rgba(25,52,35,.92);transform:translateX(-50%) translateY(-6px);opacity:0;visibility:hidden;transition:opacity .25s ease,transform .25s ease,visibility .25s;overflow:hidden;z-index:200;}
#header .dropdown-menu li{width:100%;margin:0;padding:0;list-style:none;}
#header .dropdown-menu li a{width:100%;min-height:55px;padding:0 1rem;display:flex;align-items:center; justify-content: center; color:rgba(255,255,255,.85);text-decoration:none;font-size:20px;font-weight:400;letter-spacing:-0.04em;white-space:nowrap;transition:color .2s ease,background .2s ease; text-align: center;}
#header .dropdown-menu li a:hover{color:#fff;font-weight:700;}
#header .dropdown:hover .dropdown-menu,#header .dropdown.is-open .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}

#header .hsns{margin:0;padding:0;display:flex;justify-content:flex-end;align-items:center;gap:16px;list-style:none;}
#header .hsns li{margin:0;padding:0;display:flex;align-items:center;list-style:none;}
#header .hsns a{display:block;transition:opacity .2s ease,transform .2s ease;}
#header .hsns a:hover{opacity:.65;transform:translateY(-1px);}
#header .hsns img{display:block;object-fit:contain;}
.mobile-menu-btn{display:none;}
@media(max-width:1240px){
    #header .container{grid-template-columns: 100px 1fr 100px;}
    #footer .info-wrap{margin-top: 2rem;}
}

@media(max-width:990px){

body.menu-open{overflow:hidden;}

#header{height:72px;}
#header .container{height:100%;display:grid;grid-template-columns:1fr auto;align-items:center;}
#header h1{position:relative;z-index:101;}
#header h1 img{width:120px; margin-left: 0;}

#header .mobile-menu-btn{position:relative;z-index:10001;width:32px;height:32px;margin:0;padding:4px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:transparent;cursor:pointer;}
#header .mobile-menu-btn span{display:block;width:24px;height:2px;background:#2d462e;transition:transform .3s ease,opacity .2s ease,background .3s ease;}

#header #menu{position:fixed;top:0;right:0;width:calc(100% - 60px);height:100vh;height:100dvh;padding:88px 30px 130px;display:block;background:#34583d;overflow-y:auto;overflow-x:hidden;z-index:10000;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .35s cubic-bezier(.77,0,.18,1),opacity .3s ease,visibility .3s;}
#header.mobile-open #menu{opacity:1;visibility:visible;transform:translateX(0);}

#header .nav-menu{width:100%;height:auto;overflow:visible;}
#header .nav-menu-ul{width:100%;height:auto;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;gap:0;list-style:none;}
#header .nav-menu-ul>li{width:100%;height:auto;margin:0 0 25px;}
#header .menu{width:100%;height:auto;display:block;}

#header .depth01{width:100%;height:auto;padding:0;display:block;color:#fff;font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-0.04em;text-align:left;white-space:normal;text-shadow:none;}
#header .depth01:hover{color:#fff;text-shadow:none;}
#header .menu-arrow{display:none;}

#header .dropdown-menu{position:static;width:100%;margin:0;padding:18px 0 0 30px;display:none;border-radius:0;background:transparent;opacity:1;visibility:visible;transform:none;overflow:visible;transition:none;}
#header .dropdown.is-open .dropdown-menu{display:block;opacity:1;visibility:visible;transform:none;}
#header .dropdown-menu li{width:100%;margin:0;padding:0;}
#header .dropdown-menu li+li{margin-top:20px;}
#header .dropdown-menu li a{width:100%;min-height:0;padding:0;display:block;color:rgba(255,255,255,.78);font-size:19px;font-weight:300;line-height:1.45;letter-spacing:-0.04em;text-align:left;background:none;}
#header .dropdown-menu li a:hover{color:#fff;font-weight:600;}
#header .dropdown-menu li.active>a,#header .dropdown-menu li>a.active{color:#fffbe9;font-weight:700;}

#header .hsns{position:fixed;left:90px;right:30px;bottom:34px;height:60px;margin:0;padding:25px 0 0;display:none;justify-content:flex-start;align-items:flex-start;gap:18px;border-top:1px solid rgba(255,255,255,.25);z-index:10001;}
#header.mobile-open .hsns{display:flex;}
#header .hsns img{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);}
#header .hsns a:hover{opacity:.7;transform:none;}

#header.mobile-open .mobile-menu-btn{position:fixed;top:18px;right:20px;z-index:10002;}
#header.mobile-open .mobile-menu-btn span{position:absolute;left:4px;width:27px;background:#fff;}
#header.mobile-open .mobile-menu-btn span:nth-child(1){transform:rotate(45deg);}
#header.mobile-open .mobile-menu-btn span:nth-child(2){opacity:0;}
#header.mobile-open .mobile-menu-btn span:nth-child(3){transform:rotate(-45deg);}

#footer .info-wrap .flexList{--y-gap: 0rem}
#footer .info-wrap .flexList .box p{margin-top: 0.625rem;}


#topBtn {right:40px; }

#quick{right: -5px;}
}
@media(max-width:768px){
    #quick img{max-width: 80%;}
}