.flavor-history-page{max-width:1200px;width:100%;padding:40px 5%;margin:0 auto;font-family:Noto Sans KR,sans-serif;overflow:hidden}.breadcrumb{display:flex;justify-content:center;align-items:center;gap:24px;font-size:14px;margin-bottom:8px;white-space:nowrap}.breadcrumb,.breadcrumb a{color:#ed5fa5;text-decoration:none}.breadcrumb a{transition:color .2s}.breadcrumb a:hover{text-decoration:underline;color:#ed5fa5}.divider{color:#f986bd}.divider1{color:#d4d4d4;margin-left:10px}.brandstorybar{cursor:pointer;text-decoration:none;transition:all .2s}.page-title{font-size:80px;margin-bottom:40px}.page-desc,.page-title{font-weight:800;color:#f986bd;text-align:center}.page-desc{font-size:19px;font:700;margin-top:55px;margin-bottom:80px}.tabs{display:flex;justify-content:center;align-items:flex-end;gap:8px;margin-top:170;margin-bottom:50px;border-bottom:1px solid #ccc;position:relative}.tab{padding:10px 24px;background:#f9f9f9;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;color:#aaa;position:relative;top:1px;margin:0 10}.tab,.tab.active{font-size:15px;cursor:pointer}.tab.active{font-weight:700;background:#fff;color:#000;border-color:#ccc;border-bottom:1px solid #fff;z-index:1;margin:0 -20}.tab+.tab{margin-left:-20 px}.year-list{display:flex;justify-content:center;gap:16px;margin-bottom:200px;list-style:none;padding:0}.year-list li{font-size:15px;color:#666;cursor:pointer}.year-list .active-year{font-size:20px;font-weight:700;color:#000;line-height:1.4}.flavor-grid{width:100%;display:grid;justify-items:center;margin:150;grid-template-columns:repeat(5,1fr)}.flavor-card,.flavor-image{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flavor-image{aspect-ratio:3/4;display:block;width:100%;top:50%;left:50%;transform:translate(-60%);margin:0;padding:0}.flavor-image:hover{transform:scale(1.03);aspect-ratio:3/4}.category-icon{width:20px;height:20px;margin-right:6px;vertical-align:middle}.category-bar{justify-content:center;gap:24px;margin:20px 0}.category-bar,.category-item{display:flex;align-items:center}.category-item{cursor:pointer;transition:all .2s ease}.category-item span{font-size:16px;margin-left:6px}.category-item.active span{font-weight:700;color:#000;opacity:1}.category-item.inactive span{font-weight:400;color:#888;opacity:.5}.category-icon{width:24px;height:24px}.category-icon.grayscale{filter:grayscale(1);opacity:.5}