.resmo-header{height:64px;background:rgba(43,46,49,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 8px 30px rgba(0,0,0,.08)}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.resmo-header>.padd100{height:100%}
.resmo-header .logo{height:22px;margin-top:21px}
.resmo-header .naver ul li{margin-right:50px;position:static}
.resmo-header .naver ul li h3 a{line-height:64px;font-size:15px;font-weight:500;letter-spacing:.04em;opacity:.84;transition:opacity .2s ease,color .2s ease}
.resmo-header .naver ul li:hover h3 a,.resmo-header .naver ul li.on h3 a{opacity:1}
.resmo-header .naver ul li h3::before{height:2px;background:#3762e3}
.resmo-header .naver ul li h3 i{display:none!important}
.resmo-header .naver ul li .resmo-mega{position:fixed;left:0;right:0;top:64px;width:100%;background:rgba(250,250,248,.99);border-bottom:1px solid rgba(30,35,38,.08);box-shadow:0 24px 55px rgba(16,22,26,.13);overflow:visible;display:none;color:#25292c}
.resmo-header .mega-inner{display:grid;grid-template-columns:180px minmax(0,1fr);gap:44px;max-width:1280px;margin:0 auto;padding:30px 48px 34px;box-sizing:border-box}
.resmo-header .mega-heading{padding-top:4px}
.resmo-header .mega-heading span{display:block;font-size:10px;letter-spacing:.18em;color:#3762e3}
.resmo-header .mega-heading strong{display:block;margin-top:8px;font-size:23px;font-weight:500;letter-spacing:.04em}
.resmo-header .mega-heading a{display:inline-flex;align-items:center;gap:9px;margin-top:30px;font-size:12px;color:#596166}
.resmo-header .mega-heading a b{font-size:16px;font-weight:400}
.resmo-header .naver ul li .resmo-mega dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;padding:0}
.resmo-header .naver ul li .resmo-mega dd a{display:block;padding:0;text-align:left;line-height:1.35;color:#25292c;overflow:visible;white-space:normal}
.resmo-header .mega-visual{display:block;height:108px;background-color:#edf0ef;background-position:center;background-repeat:no-repeat;background-size:cover;transition:transform .25s ease,box-shadow .25s ease}
.resmo-header .mega-visual-product{background-size:contain;background-color:#f1f2ef}
.resmo-header .mega-visual-home-water{background-size:contain;background-color:#eef0ee}
.resmo-header .mega-visual-faucet,.resmo-header .mega-visual-shower{background-size:contain;background-color:#eef0ee}
.resmo-header .resmo-mega dd a:hover .mega-visual{transform:translateY(-3px);box-shadow:0 12px 25px rgba(25,31,35,.12)}
.resmo-header .mega-visual-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#e8edef,#f7f7f3);color:#58666d}
.resmo-header .mega-visual-fallback em{font-size:10px;font-style:normal;letter-spacing:.22em;color:#71a4f4}
.resmo-header .mega-visual-fallback small{margin-top:9px;font-size:14px;letter-spacing:.08em}
.resmo-header .mega-name{display:block;margin-top:12px;font-size:13px;font-weight:500;letter-spacing:.02em}
.layout{padding-top:64px}
@media(max-width:768px){
 .resmo-header{height:56px}.resmo-header>.padd100{padding:0 18px}.resmo-header .logo{left:18px;top:18px;height:20px;margin-top:0}.resmo-header .gh{top:15px;right:18px}
 .resmo-header .naver{top:56px;max-height:calc(100vh - 56px);overflow-y:auto;background:rgba(43,46,49,.99);box-shadow:0 24px 45px rgba(0,0,0,.24)}
 .resmo-header .naver ul{padding:14px 18px 24px}.resmo-header .naver ul li{border-bottom:1px solid rgba(255,255,255,.08);margin:0}
 .resmo-header .naver ul li h3 a{line-height:52px;padding:0;font-size:17px}.resmo-header .naver ul li h3 i{display:block!important;width:52px;height:52px;top:0;margin:0;background:none!important}
 .resmo-header .naver ul li h3 i:before,.resmo-header .naver ul li h3 i:after{content:"";position:absolute;left:19px;top:25px;width:14px;height:1px;background:rgba(255,255,255,.72);transition:transform .2s ease}
 .resmo-header .naver ul li h3 i:after{transform:rotate(90deg)}.resmo-header .naver ul li h3 i.on:after{transform:rotate(0)}
 .resmo-header .naver ul li .resmo-mega{position:static;width:auto;background:transparent;border:0;box-shadow:none;color:#fff}
 .resmo-header .mega-inner{display:block;padding:0 0 15px}.resmo-header .mega-heading{display:none}
 .resmo-header .naver ul li .resmo-mega dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}
 .resmo-header .naver ul li .resmo-mega dd{background:rgba(255,255,255,.055);border-radius:3px}
 .resmo-header .naver ul li .resmo-mega dd a{padding:11px 12px;color:#fff}.resmo-header .mega-visual{display:none}.resmo-header .mega-name{margin:0;font-size:13px}
 .layout{padding-top:56px}
}