*{ padding: 0; margin: 0; color: #000; font-family: "Pretendard-R"; box-sizing: border-box; } html{font-size: 10px;} a{text-decoration: none; display: block;} li{list-style: none;} button{border: 0; background: none; cursor: pointer;} input{border: 0; flex-shrink: 0;} input::placeholder{color: #999999;} input[type="checkbox"]{ width: 15px; height: 15px; } input[readonly] { background-color: #f6f6f6 !important; color: #999; } select:focus {border: 0;} textarea{resize: none;} .w130{width: 130px;} .w1500{width: 1500px; margin: 0 auto;} .wfull{width: -webkit-fill-available;} .flex{display: flex;} .align-center{align-items: center;} .flex-end{ display: flex; justify-content: end; } .flex-center{ display: flex; justify-content: center; } .flex-sp-bw{ display: flex; justify-content: space-between; } .mt-5{margin-top: 5px;} .mt-20{margin-top: 20px;} .mt-40{margin-top: 40px;} .mb-5{margin-bottom: 5px;} .mb-10{margin-bottom: 10px;} .mb-15{margin-bottom: 15px;} .mb-20{margin-bottom: 20px;} .mb-25{margin-bottom: 25px;} .mb-30{margin-bottom: 30px;} .mb-40{margin-bottom: 40px;} .mb-50{margin-bottom: 50px;} .mb-60{margin-bottom: 60px;} .mb-110{margin-bottom: 110px;} .btn-group button{ padding: 15px 30px; border-radius: 10px; font-size: 20px; } .btn-group-small .button{ padding: 10px 25px; border-radius: 5px; font-size: 16px; font-family: "Pretendard-M"; cursor: pointer; p{ font-size: 16px; font-family: "Pretendard-M"; } } .button{ &.red-line{ border: 1px solid #ce3e48; color: #ce3e48; } &.blue-line{ border: 1px solid #275cbd; color: #275cbd; } &.blue-line-bg{ border: 1px solid #007ac3; background-color: #eff5f9; color: #0271b3; p{ color: #0271b3; } } &.green-line{ border: 1px solid #32b31d; color: #2d9b1b; } &.gray-line{ border: 1px solid #636364; color: #000; } &.gray-bg{ background-color: #636364; color: #fff; } &.gray-line-bg{ border: 1px solid #636364; background-color: #f9f9f9; color: #000; } &.pink-line-bg{ border: 1px solid #a5067b; background-color: #f7ebf4; color: #a5067b; p{ color: #a5067b; } } }