@keyframes rolling{0%{transform:translate(0)}to{transform:translateX(var(--translate-x))}}.brand-intro-wrapper{width:100%;height:100%}.brand-intro-wrapper .title-wrap{white-space:pre-line;text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin-top:-12px;display:flex;position:relative}.brand-intro-wrapper .title-wrap>h2{letter-spacing:-3%;font-size:28px;font-weight:700;line-height:1.3}.brand-intro-wrapper .title-wrap>div{color:#434343;font-size:16px;line-height:1.3}.brand-intro-wrapper .image-area{aspect-ratio:413/720;background:url(/assets/png/brand/brand-intro.png) top/100% no-repeat;width:100%;margin-top:-52px;padding-top:72px;position:relative}.brand-intro-wrapper .image-area:after{content:"";background:linear-gradient(#0000,#fff);width:100%;height:224px;position:absolute;bottom:0;left:0}.brand-intro-wrapper .image-area .title-wrap{color:#fff;z-index:2;margin-top:0}.brand-intro-wrapper .image-area .title-wrap>div{color:#fff;font-size:14px;line-height:1.5}.brand-intro-wrapper .rolling-section{width:100%;margin-top:68px;overflow:hidden}.brand-intro-wrapper .rolling-section .rolling-track{flex-wrap:nowrap;width:max-content;animation:20s linear infinite rolling;display:flex}.brand-intro-wrapper .rolling-section .rolling-track .rolling-group{gap:12px;display:flex}.brand-intro-wrapper .rolling-section .rolling-track .rolling-group .rolling-item{border-radius:20px;flex-shrink:0;width:147px;height:147px}.brand-intro-wrapper .rolling-section .rolling-track .rolling-group .rolling-item:last-child{margin-right:12px}.brand-intro-wrapper>section:last-child{flex-direction:column;padding:29px 20px 127px;display:flex}.brand-intro-wrapper>section:last-child .search{background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#34c26f,#1d916c);background-clip:padding-box,border-box;border:2px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;height:52px;display:flex}.brand-intro-wrapper>section:last-child .search>span{background:linear-gradient(90deg,#34c26f,#1d916c);-webkit-text-fill-color:transparent;letter-spacing:-3%;-webkit-background-clip:text;font-size:15px;font-weight:700}.brand-intro-wrapper>section:last-child .title-wrap{margin-top:60px}.brand-intro-wrapper>section:last-child>ul{flex-direction:column;gap:20px;margin-top:28px;margin-bottom:36px;display:flex}.brand-intro-wrapper>section:last-child>ul>li{aspect-ratio:320/334;background-color:#e0eff8;border-radius:50px;flex-direction:column;gap:11px;width:100%;height:auto;padding:35px 33px;display:flex;overflow:hidden}.brand-intro-wrapper>section:last-child>ul>li>img{cursor:pointer}.brand-intro-wrapper>section:last-child>ul>li>div{flex-direction:column;gap:2px;display:flex}.brand-intro-wrapper>section:last-child>ul>li>div>p{letter-spacing:-2%;font-size:18px;font-weight:700;line-height:26px}.brand-intro-wrapper>section:last-child>ul>li>div>span{color:#434343;line-height:1.5}.header-fixed-wrap{transition:background-color .2s,box-shadow .2s}.header-fixed-wrap .header,.header-fixed-wrap .header__title-wrapper,.header-fixed-wrap .header-left-white-btn .ico--arrow-back,.header-fixed-wrap .header__right-btn{transition:background-color .2s,color .2s,filter .2s}.header-fixed-wrap.is-brand-inverted,.header-fixed-wrap.is-transparent.is-brand-inverted{background-color:#fff;box-shadow:0 4px 24px #0000000d}:is(.header-fixed-wrap.is-brand-inverted,.header-fixed-wrap.is-transparent.is-brand-inverted) .header.header-opacity{background-color:#fff}:is(.header-fixed-wrap.is-brand-inverted,.header-fixed-wrap.is-transparent.is-brand-inverted) .header__title-wrapper.white{color:#111}:is(.header-fixed-wrap.is-brand-inverted,.header-fixed-wrap.is-transparent.is-brand-inverted) .header-left-white-btn .ico--arrow-back,:is(.header-fixed-wrap.is-brand-inverted,.header-fixed-wrap.is-transparent.is-brand-inverted) .header__right-btn{filter:brightness(0)}