Browse Source

.

remotes/origin/main
김지은 1 month ago
parent
commit
f20ab04259
  1. 2
      src/css/common.css
  2. 8
      src/css/header.css

2
src/css/common.css

@ -109,7 +109,7 @@ body{overflow-x:hidden;}
/*② 소개*/
.ab-intro{background:linear-gradient(135deg,#f8f7ff 0%,#fdf4fb 50%,#f5f7ff 100%);padding:120px 80px;}
.ab-intro-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start;}
.ab-intro-title{font-size:clamp(40px,5vw,72px);font-weight:900;line-height:1.05;letter-spacing:-.055em;color:var(--navy);margin:0;}
.ab-intro-title{font-size:clamp(40px,5vw,72px);font-weight:900;line-height:1.05;letter-spacing:-.055em;color:#111;margin:0;}
.ab-intro-title em{font-style:normal;background:var(--grad-brand-h);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.ab-intro-badge{display:inline-flex;flex-direction:column;gap:4px;padding:14px 20px;border-radius:12px;border:1px solid rgba(217,72,137,.15);background:rgba(217,72,137,.05);margin-bottom:28px;}
.ab-intro-badge span{font-size:11px;font-weight:600;letter-spacing:.08em;color:rgba(26,31,94,.4);}

8
src/css/header.css

@ -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);}
/*서브 전용 floating pill*/
body.is-sub .pal-header.is-scrolled{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 .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){top:12px;padding:0 16px;box-shadow:none;}
body.is-sub .pal-header.is-scrolled:not(.is-open)::before{opacity:0;}
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: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-logo{flex:0 0 auto;margin:0;font-size:0;line-height:1;}

Loading…
Cancel
Save