File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
* {
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;
outline: 0;
}
input::placeholder {
color: #999999;
}
input[type="checkbox"] {
width: 15px;
height: 15px;
}
input[readonly] {
background-color: #f6f6f6 !important;
color: #999;
}
select {
background-color: transparent;
}
select:focus {
border: 0;
outline: 0;
}
textarea {
resize: none;
}
.w130 {
width: 130px;
}
.w1500 {
width: 1500px;
margin: 0 auto;
}
.wfull {
width: -webkit-fill-available;
}
@media screen and (max-width: 1500px) {
.w1500 {
width: auto;
}
}
.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 {
width: 130px;
padding: 15px 0px;
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,
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;
}
}
&.gradient {
position: relative;
background: linear-gradient(132deg, #3e355c, #763954);
color: #fff;
padding-right: 20px;
&::after {
content: '';
background-image: url(../../images/icon/down.png);
width: 15px;
height: 15px;
display: block;
position: absolute;
right: 17px;
top: 20px;
}
}
}
/* 닫기 버튼 스타일 */
button.closebtn {
font-size: 20px;
width: 40px;
height: 40px;
background-color: #000;
color: white;
border: none;
border-radius: 50px;
}
/* 텍스트 정렬 */
.txt-left {
text-align: left;
}
.txt-center {
text-align: center;
}
.txt-right {
text-align: right;
}