diff --git a/src/css/common.css b/src/css/common.css index a02db25..654a64e 100644 --- a/src/css/common.css +++ b/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);} diff --git a/src/css/header.css b/src/css/header.css index 0cfc915..8437696 100644 --- a/src/css/header.css +++ b/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;}