body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Homepage-wapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 5rem);width:100vw;padding:0 10rem;box-sizing:border-box}.Homepage-title{width:100%;height:5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:2rem 0}.Homepage-title h1{margin:0}.Homepage-content{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.list-content{width:100%;display:block;height:calc(100% - 10rem);box-sizing:border-box}.search-wrapper{width:40%;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;box-sizing:border-box}.search-wrapper .search-input{width:100%;padding-left:2.5rem}.search-wrapper .search-icon{position:absolute;left:10px;font-size:1.2rem;z-index:2;color:#323232}.filter-content{width:100%;height:3rem;box-sizing:border-box}.filter-list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem;list-style:none;padding:0;margin:0;box-sizing:border-box}.filter-item{min-width:7rem;text-align:center;padding:.5rem 1rem;border-radius:2rem;background-color:#f0f0f0;cursor:pointer;box-sizing:border-box}.confirm-modal{width:500px}.modal-content{display:flex;flex-direction:column;justify-content:center;min-height:200px}@media screen and (min-width: 768px) and (max-width: 1199px){.Homepage-wapper{padding:0 3rem}.search-wrapper{width:60%}}@media screen and (max-width: 767px){.Homepage-wapper{padding:0 1rem}.search-wrapper{width:100%}.filter-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.5rem}}.Createpage-wapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 5rem);width:100vw;padding:0 10rem;box-sizing:border-box}.Createpage-title{width:100%;height:5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:2rem 0}.Createpage-title h1{margin:0}.Createpage-content{width:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px) and (max-width: 1199px){.Createpage-wapper{padding:0 3rem}}@media screen and (max-width: 767px){.Createpage-wapper{padding:0 1rem}}.Editpage-wapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100vh - 5rem);width:100vw;padding:0 10rem;box-sizing:border-box}.Editpage-title{width:100%;height:5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:2rem 0}.Editpage-title h1{margin:0}.Editpage-content{width:100%;display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 768px) and (max-width: 1199px){.Editpage-wapper{padding:0 3rem}}@media screen and (max-width: 767px){.Editpage-wapper{padding:0 1rem}}.header-wrapper{width:100vw;height:5rem;background-color:#2b5fff;color:#fff;display:flex;align-items:center;justify-content:flex-start;padding:0 10rem;box-sizing:border-box}@media screen and (min-width: 768px) and (max-width: 1199px){.header-wrapper{padding:0 3rem}}@media screen and (max-width: 767px){.header-wrapper{padding:0 1rem;justify-content:center}}