.inquer { width: 1215px; margin: 0 auto; padding: 24px 16px; box-sizing: border-box; position: relative; background-color: #fff; border-radius: 8px; } .inquer .query { width: 100%; display: flex; align-items: center; justify-content: center; background: #f6f6f4; padding: 30px; margin-bottom: 20px; border-radius: 8px; } .inquer .query input { border: 1px solid #ccc; width: 70%; height: 44px; border-radius: 10px; padding-left: 10px; } .inquer .query input:focus-visible { outline: -webkit-focus-ring-color auto 0px; } .inquer .query div { padding: 6px 30px; margin-left: 15px; background: #307A43; color: #FFF; border-radius: 5px; font-size: 16px; cursor: pointer; } .inquer .inquer_list { border-top: 1px solid #acadac; margin-top: 30px; padding: 0px 0 30px; } .inquer .inquer_list .inquer_list_item { margin-top: 20px; border-bottom: 1px solid #acadac; display: block; } .inquer .inquer_list .inquer_list_item .inquer_list_item_title { color: #636363; font-size: 16px; font-weight: 600; } .inquer .inquer_list .inquer_list_item .inquer_list_item_content { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; font-size: 14px; color: #333; } .inquer .inquer_list .inquer_list_item .inquer_list_item_bootom { color: #9B9797; font-size: 13px; line-height: 48px; } .inquer .inquer_list .inquer_list_item .inquer_list_item_bootom span { margin-right: 25px; } span.highlight { color: red; } @media only screen and (max-width: 900px) { .inquer{ width: 100%; } .inquer .query input{ width: 63%; } .inquer .inquer_list .inquer_list_item .inquer_list_item_bootom{ font-size: 12px; } }