.header-container{margin:0 auto;width:100%;position:relative;flex-direction:column;justify-content:center;background-color:#fff;z-index:9}.header-container,.main-header{display:flex;align-items:center}.main-header{position:fixed;top:0;width:768px;background:#fff;height:10rem;justify-content:space-between;background-color:#fff}.search>div{font-size:62.5%;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:Noto Sans KR,sans-serif;box-sizing:border-box;display:flex;height:4rem;width:auto;align-items:center;flex-direction:row;flex-wrap:nowrap;justify-content:flex-end;input{width:250px;height:40px;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;padding:.375rem .75rem;margin:0 0 0 10px;display:block;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ced4da;border-radius:.25rem;background-color:#fff;background-clip:padding-box;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;&:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}}}.search{button{transition:width .5s;font-family:Quicksand,sans-serif;font-weight:700;font-size:13px;background:#fff;border:none;border-radius:20px;color:#3373ba;letter-spacing:1px;cursor:pointer;box-shadow:5px 5px 10px 0 rgba(0,0,0,.2),inset -5px -5px 10px 0 rgba(0,0,0,.2);outline:none;box-sizing:border-box;width:80px;height:40px;margin-left:10px;span{white-space:nowrap}&.loading{animation:loading .5s .75s infinite alternate;transition:width .5s .25s;width:51px;span{opacity:0;transition:opacity .25s}}&.success{width:128px;span{opacity:0;animation:success .5s .5s forwards}}}}.header-line{display:flex;flex-direction:row;justify-content:center;position:fixed;width:100%;top:130px;background-color:#ebf1f8}.contents-container{margin-top:15rem}.contents-container,.contents-wrapper{display:flex;flex-direction:column;justify-content:center;width:100%}.contents-wrapper{>h1{margin-bottom:20px}}.contents-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.content-card{display:flex;width:100%;max-width:768px;flex-direction:row;justify-content:flex-start;margin:10px 0;&:hover{background-color:hsla(0,0%,58%,.15);border-radius:1px;box-shadow:0 0 0 3px hsla(0,0%,58%,.15);cursor:pointer!important}cursor:pointer}.contents-image{margin-right:20px;position:relative;width:200px;z-index:0}.contents-description{display:flex;flex-direction:column;justify-content:space-between;min-width:630px}@keyframes loading{to{transform:scale(1.2);background:#ebf1f8}}@keyframes success{to{opacity:1}}