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;
}