/* 마진 설정 */
.m-0 { margin: 0; }
.mt-1 { margin-top: 4px; }
.mt-2 { margin-top: 8px; }
.mt-3 { margin-top: 16px; }
.mt-4 { margin-top: 24px; }

/* 패딩 설정 */
.p-0 { padding: 0; }
.p-1 { padding: 4px; }
.p-2 { padding: 8px; }
.p-3 { padding: 16px; }
.p-4 { padding: 24px; }

/* 텍스트 설정 */
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-bold { font-weight: bold; }


/* 텍스트 굵기설정 */
.font-100 { font-weight: 100; }
.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.font-800 { font-weight: 800; }
.font-900 { font-weight: 900; }
.font-bold { font-weight: bold; }


.text-red {color: #710000;}
.text-green {color: #51BC2D;}
.text-yellow {color: #FFDF42;}

.input-0 {
    width: 50% !important;
}

.input-1 {
    width: 30% !important;
}

.input-2 {
    width: 40% !important;
}

input {
    margin-right: 5px;
}


input[type="text"], input[type="tel"], select {
    border: 1px solid #ccc;
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-bottom: 10px;
}

input[type="checkbox"]:checked {
    background-color: #710000;
}

option {
    height: 30px;
}

label{
    line-height: normal;
    vertical-align: inherit;
}

.phone-div {
    display: flex;
}

.phonenumber {
}