@import"https://fonts.googleapis.com/css2?family=Diphylleia&display=swap";@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap";.CardList{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:105px;height:100vh}.CardList__image{display:flex;justify-content:center;gap:70px}.CardList__image img{width:100%;max-width:230px;height:auto;object-fit:contain;box-shadow:0 0 8px #00000080;cursor:pointer;transition:transform .3s ease-in-out}.CardList__image img:hover{transform:translateY(-25px)}.CardList h4{font-family:Nanum Myeongjo,serif;text-align:center;margin-top:60px;font-size:1.3rem}.Loading{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:105px;height:100vh;margin:0 20px;animation:fadeIn 1.5s forwards}.Loading img{width:3%}.Loading p{font-size:1.3rem;font-weight:600;font-family:Nanum Myeongjo,serif}@media all and (min-width: 768px) and (max-width: 1024px){.CardList__image{gap:50px}.CardList__image img{max-width:150px}.CardList h4{margin-top:70px;font-size:1.15rem}.Loading img{width:4.5%}.Loading p{font-size:1.15rem}}@media all and (max-width: 767px){.CardList__image{gap:20px}.CardList__image img{max-width:95px}.CardList h4{margin:50px 10px 0;font-size:.9rem}.Loading img{width:9%}.Loading p{font-size:1rem}}.Header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:35px 40px;margin:0 15px;z-index:999}.Header.light{background-color:#fff}.Header.dark{background-color:#121212}.Header.visible{transform:translateY(0);transition:transform .1s ease-in-out}.Header.hidden{transform:translateY(-100%);transition:transform .1s ease-in-out}.Header__title{font-family:Diphylleia,serif;font-weight:500;font-style:normal;font-size:1.5rem;max-height:40px;cursor:pointer}.Header__menu{display:flex;align-items:center;max-height:40px;gap:60px}@media all and (min-width: 768px) and (max-width: 1024px){.Header{padding:35px 30px}.Header__title{font-size:1.15rem}.Header__menu{display:flex;gap:45px}}@media all and (max-width: 767px){.Header{padding:35px 0 0}.Header__title{font-size:1.15rem}.Header__menu{display:flex;gap:15px}}.ActionButton{position:fixed;bottom:20px;right:20px;z-index:1000}.SolutionItem{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 20px;padding-top:105px;height:100vh}.SolutionItem h3{font-family:Nanum Myeongjo,serif;padding:0 20px;font-size:1.3rem;margin:0 0 30px;opacity:0;animation:fadeIn 2s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.SolutionItem__button{display:flex;gap:20px}@media all and (min-width: 768px) and (max-width: 1024px){.SolutionItem h3{font-size:1.15rem}}@media all and (max-width: 767px){.SolutionItem h3{font-size:1rem}}.NotFound{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.NotFound h1{margin:0 auto;font-size:8.25rem;font-weight:600;line-height:1}.NotFound p{font-size:1rem;font-weight:600}@media all and (min-width: 768px) and (max-width: 1024px){.NotFound h1{font-size:8rem}.NotFound p{font-size:1rem}}@media all and (max-width: 767px){.NotFound h1{font-size:7rem}.NotFound p{font-size:.8rem}}.Record{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:105px;height:100vh}.Record h3,.Record h4{font-family:Nanum Myeongjo,serif;font-size:1.3rem}.Record__area{display:flex;flex-direction:column;gap:20px;margin:10px 20px 20px}.Record__area__button{display:flex;gap:10px;width:40vw}.Record .custom-component,.Record .custom-button{width:40vw}@media all and (min-width: 768px) and (max-width: 1024px){.Record h3,.Record h4{font-size:1.15rem}.Record__area__button,.Record .custom-component,.Record .custom-button{width:50vw}}@media all and (max-width: 767px){.Record h3,.Record h4{font-size:1rem}.Record__area__button,.Record .custom-component,.Record .custom-button{width:90vw}}.RecordListItem{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:105px;height:100vh}.RecordListItem__textfield{width:100%;max-width:800px;display:flex;justify-content:space-between;padding:0 20px}.RecordListItem__container{height:60vh}.RecordListItem__container__ListItemText{cursor:pointer}.RecordListItem__container__ListItemText .recordContent{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.RecordDetail{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:105px;height:100vh}.RecordDetail__area{display:flex;flex-direction:column;gap:20px;margin:10px 20px 20px;max-height:60vh}.RecordDetail__area__button{display:flex;gap:10px;margin-top:30px}.RecordDetail__area .custom-component,.RecordDetail__area .custom-button{width:40vw}.RecordDetail__area .recordContent{display:flex;flex-direction:column;flex-grow:1;white-space:pre-wrap}@media all and (min-width: 768px) and (max-width: 1024px){.RecordDetail .custom-component,.RecordDetail .custom-button{width:50vw}}@media all and (max-width: 767px){.RecordDetail .custom-component,.RecordDetail .custom-button{width:90vw}}.Login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.Login .loginButton{background-color:transparent;background-repeat:no-repeat;background-position:0px 0px;width:300px;height:45px;cursor:pointer;margin-bottom:15px;border:none}.Login .returnButton{color:#757575;text-decoration:underline}.Login h1,.Login h2{font-family:Diphylleia,serif}body{margin:0!important;padding:0!important;width:100%;height:100%;overflow-y:scroll!important}