*{margin:0;padding:0;box-sizing:border-box}.container{height:100vh;background-color:#fcfcfc}.c-box{box-shadow:0 0 50px #868686;width:600px;height:320px;background-color:#fff;border-radius:1rem;padding:1rem}.c-header{font-size:2rem;margin-bottom:1rem;color:#4d4d4d}.select-box{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1rem}select{width:170px;padding:.4rem .4rem .4rem 3rem;font-weight:600;background-color:transparent;border:none;display:block;position:relative;outline:none}.inner-box{border-radius:5px;position:relative;background-color:#d3d3d3}.inner-box img{position:absolute;width:1.6rem;top:50%;transform:translateY(-50%);left:10px}label{color:#454545}.fav{position:absolute;right:30px;top:50%;transform:translateY(-50%);background-color:transparent;border:none}.rev-btn{background-color:#d3d3d3;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer}.center{display:flex;justify-content:center;align-items:center}.inputBox{padding:1rem 0}.msg{margin-bottom:1rem;font-weight:550;font-style:italic}.inputBox input{width:100%;padding:.3rem 0 .4rem .3rem;border:1px solid gainsboro;border-radius:5px;font-size:1rem}.c-btn{padding:.7rem 3rem;background-color:#000;border:none;border-radius:5px;color:#fff;display:flex;transition:all .3s}.c-btn img{width:1rem;margin-left:10px}@media screen and (max-width: 450px){.select-box{display:grid;grid-template-columns:repeat(1,1fr)}select{width:100%}.rev-btn{margin:.5rem auto;transform:rotate(90deg)}}