.zskk-inquire { height: calc(100vh - 367px); display: flex; align-items: center; justify-content: center; } .zskk-inquire .zskk-content { width: 360px; background: #ffffff; padding: 0px 20px; box-shadow: 0 3px 5px rgba(160, 14, 1, 0.5); border-radius: 25px; box-sizing: border-box; } .zskk-inquire .zskk-content .zskk-title { height: 75px; margin-top: 20px; color: #a00e01; font-weight: 600; font-size: 20px; display: flex; align-items: center; } .zskk-inquire .zskk-content .zskk-value { height: 45px; border-bottom: 1px solid #dadada; display: flex; align-items: center; margin-bottom: 15px; } .zskk-inquire .zskk-content .zskk-value input { border: none; outline: medium; height: 30px; margin-left: 10px; flex: 1; } .zskk-inquire .zskk-content .zskk-value input::-webkit-input-placeholder { color: #aab2bd; } .zskk-inquire .zskk-content .zskk-value button { background: #a00e01; color: #ffffff; border: #a00e01; padding: 8px 10px; cursor: pointer; border-radius: 3px; } .zskk-inquire .zskk-content .zskk-submit { height: 120px; display: flex; align-items: center; justify-content: center; } .zskk-inquire .zskk-content .zskk-submit button { background: #a00e01; color: #ffffff; border: #a00e01; padding: 8px 90px; border-radius: 3px; cursor: pointer; }