.banner{ form{ display: flex; align-items: center; gap: 0.5rem; font-size: 0.667rem; input{ width: 31.542rem; height: 2.5rem; box-sizing: border-box; padding: 0 1.5rem; background-color: #ffffff; border-radius: 1.25rem; border: solid 0.042rem #eeeeee; color: #666666; &::placeholder{ font-size: 0.667rem; font-weight: normal; font-stretch: normal; line-height: 1rem; letter-spacing: 0rem; color: #666666; } } button{ height: 2.5rem; padding: 0 2rem; font-size: 0.667rem; background-color: #b81c22; border-radius: 1.25rem; color: #ffffff; } } } .wl{ width: 27.083rem; margin: 0 auto; padding-bottom: 4rem; li{ padding: 1.5rem 0; border-bottom: 1px solid #e6e6e6e6; display: flex; &::before{ margin-top: 5px; margin-right: 1rem; content: ''; width: 0.333rem; height: 0.333rem; border-radius: 50%; background-color: #0671b9; } p{ font-size: 0.667rem; font-weight: normal; font-stretch: normal; line-height: 1rem; letter-spacing: 0rem; color: #666666; } h5{ font-size: 0.75rem; font-weight: normal; font-stretch: normal; line-height: 1rem; letter-spacing: 0rem; color: #000000; } } } @media (max-width: 992px) { .wl{ width: 100%; padding-bottom: 2rem; } .banner{ form{ input{ width: 15rem; height: 2rem; border-radius: 1rem; padding: 0 1rem; } button{ height: 2rem; border-radius: 1rem; padding: 0 1rem; } } } }