*{margin:0;padding:0;box-sizing:border-box;font-size:10px;font-family:Roboto,Arial,sans-serif;text-decoration:none}body{background-color:#f9f9f9;color:#0f0f0f;line-height:1.4}.wrapper{width:100%;margin:0 auto}.wrapper .contents{display:flex;width:100%;margin:0 auto}.wrapper .contents main{display:flex;flex-direction:column;width:calc(100vw - 240px);min-height:100vh}.wrapper .contents main .main-content{flex:1;transition:margin-left .3s ease}.wrapper .contents main .main-content .container{margin:0 24px}.wrapper .contents main .main-content .container .search-filter{display:flex;gap:8px;overflow-x:auto;padding:16px 0;margin-bottom:24px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.wrapper .contents main .main-content .container .search-filter .search-button,.wrapper .contents main .main-content .container .search-filter .tag-button{color:#0f0f0f;border-radius:8px;background-color:#0000000a;padding:6px 12px;font-size:14px;white-space:nowrap;cursor:pointer}.wrapper .contents main .main-content .container .search-filter .search-button.active,.wrapper .contents main .main-content .container .search-filter .tag-button.active{background-color:#0f0f0f;color:#fff}.wrapper .contents main .main-content .container .search-filter .search-button:hover:not(.active),.wrapper .contents main .main-content .container .search-filter .tag-button:hover:not(.active){background-color:#e0e0e0}.wrapper .contents main .main-content .container .search-filter::-webkit-scrollbar{display:none}