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