|
|
|
@ -5,10 +5,10 @@ |
|
|
|
.pal-header.is-scrolled,.pal-header.is-open,.pal-header.is-mobile-open{box-shadow:0 10px 30px rgba(15,23,42,.04);} |
|
|
|
.pal-header.is-scrolled,.pal-header.is-open,.pal-header.is-mobile-open{box-shadow:0 10px 30px rgba(15,23,42,.04);} |
|
|
|
|
|
|
|
|
|
|
|
/*서브 전용 floating pill*/ |
|
|
|
/*서브 전용 floating pill*/ |
|
|
|
body.is-sub .pal-header.is-scrolled{top:12px;padding:0 16px;box-shadow:none;} |
|
|
|
body.is-sub .pal-header.is-scrolled:not(.is-open){top:12px;padding:0 16px;box-shadow:none;} |
|
|
|
body.is-sub .pal-header.is-scrolled::before{opacity:0;} |
|
|
|
body.is-sub .pal-header.is-scrolled:not(.is-open)::before{opacity:0;} |
|
|
|
body.is-sub .pal-header.is-scrolled .pal-header-inner{height:64px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:1px solid rgba(17,17,17,.07);box-shadow:0 8px 32px rgba(15,23,42,.1);padding:0 28px;} |
|
|
|
body.is-sub .pal-header.is-scrolled:not(.is-open) .pal-header-inner{height:64px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:20px;border:1px solid rgba(17,17,17,.07);box-shadow:0 8px 32px rgba(15,23,42,.1);padding:0 28px;} |
|
|
|
body.is-sub .pal-header.is-scrolled .pal-header-logo img{width:140px;} |
|
|
|
body.is-sub .pal-header.is-scrolled:not(.is-open) .pal-header-logo img{width:140px;} |
|
|
|
|
|
|
|
|
|
|
|
.pal-header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1440px;height:96px;margin:0 auto;z-index:2;transition:height .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1),border-radius .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1);} |
|
|
|
.pal-header-inner{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1440px;height:96px;margin:0 auto;z-index:2;transition:height .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1),border-radius .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1),padding .4s cubic-bezier(.22,1,.36,1);} |
|
|
|
.pal-header-logo{flex:0 0 auto;margin:0;font-size:0;line-height:1;} |
|
|
|
.pal-header-logo{flex:0 0 auto;margin:0;font-size:0;line-height:1;} |
|
|
|
|