:root {
    /* --main-color: #009cf4; */
    /* --gr-color: linear-gradient(119deg, #5ac4ff 10%, #008bda 100%); */
    --main-color: #009cf4 ;
    --gr-color: linear-gradient(119deg, #5ac4ff 10%, #009cf4 100%);
    --sub-color: #3a3a3a;
    --main-text: #1a202c;
    --w-text: #ffffff;
    --bg-color: #f6f7f9;
    --tit-color: #313131;
    --sign-color: #667892;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.inner{
    width: calc(100% - 32px);
    margin: 0 auto;
}
/* 상단제목 양식 */
.title_wrap{
    width: 100%;
    padding: 20px 0;
    display: flex;
    align-items: center;
}
.title_wrap .back_btn{
    display: block;
    width: clamp(24px, 5vw, 48px);
    height: clamp(24px, 5vw, 48px);
    background: url("/assets/img/back_ico@2x.png") no-repeat center center / contain;
    cursor: pointer;
    margin-right: 5px;
}
.title_wrap .tit{
    font-family: "nskb";
    font-size: clamp(20px, 2vw,40px);
    line-height: 1.42;
    letter-spacing: -0.5px;
    color: var(--tit-color);
}
/* 버튼 양식*/
.btn_wrap{
    display: flex;
    align-items: center;
    justify-content: center;

}
.btn_wrap .btn + .btn{
    margin-left: 8px;
}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: clamp(40px ,10vw, 80px);
    border-radius: clamp(20px ,5vw, 40px);
    border: 0;
    /*font-family: "nskr";*/
    font-size: clamp(15px , 2vw, 30px);
    line-height: 1.39;
    letter-spacing: -0.5px;
    color: var(--w-text);
}
.btn.main_btn {
    background: var(--main-color);
}
.btn.sub_btn {
    background: var(--sub-color);
}
.btn.del_btn {
    background: #636363;
}
.btn.line_btn {
    background: transparent;
    border: solid 1px #dbdbdb;
    color: var(--main-text);
}