/* .container-body { margin: 0 auto; width: 80%; padding: 0; display: flex; align-content: center;}
.container-body * { font-size: 13px !important; }
.container-body .main_container { width: 100%; padding: 10px; } */

/* #insForm { width: 80%; } */

/* .flexArea { display: flex; align-items: center; width: 100%; } */
/* .flexArea > * {height: 35px;} */
/* .flexArea > label { font-weight: bold; width: 25%; text-align: left; flex-shrink: 0; } */
/* .flexArea > label {
    align-items: center;
    text-align: left;
    height: 100%;
    width: 75px;
    flex-shrink: 0;
    font-weight: bold;
} */
/* .flexArea > input[type="number"] { margin-right: 10px; padding: 6px; border: 1px solid #ccc; border-radius: 4px; width: 70px; max-width: 100px; } */
/* .flexArea > input[type="number"] { */
    /* margin-right: 10px;
    padding: 6px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0; */
    /* width: 35%; */
    /* max-width: 100px; */
/* } */
/* .flexArea > input[readonly] {
    background-color: white;
    color: #ccc;
} */

/* .flexArea > input[type="date"] {width:140px;  padding: 6px; border: 1px solid #ccc; border-radius: 4px; } */
/* .flexArea > input[type="text"] {padding: 6px; border: 1px solid #ccc; border-radius: 4px; height: 35px;} */
/* .flexArea > input[type="text"] {
    padding: 12px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    text-align: center;
} */

/* .flexArea .btnAttach {width: 35%; text-align: center;} */

/* .twoGroup {
    display: flex;
    gap: 10px; 
}

.twoGroup > input[type="text"] {
    padding: 12px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    text-align: center;
}

.twoGroup .oneArea  {
    width: 30%; 
    text-align: center;
}

.twoGroup .twoArea  {
    width: 50%; 
    text-align: center;
    padding-left: 10px;
} */

/* .flexArea .frontArea  {
    width: 40%; 
    text-align: center;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
} */
/* .flexArea .backArea  {width: 50%; text-align: left;} */
/* .flexArea .centerArea  {
    width: 100%; 
    text-align: center;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
} */

/* .flexArea .phonNumArea  {
    width: 30%; 
    text-align: center;
    padding: 10px;
} */

/* #fileForm { width: 10%; } */

/* .fileDiv > label[for^="file-upload"] { 
    align-items: center;
    text-align: left;
    height: 100%;
    width: 75px;
    flex-shrink: 0;
    font-weight: bold;
    padding: 0px 15px; 
} */
/* 기본 파일 입력은 숨기기 */
/* .fileDiv > input[type="file"] {display: none;}
.fileDiv > input[type="button"] {display: none;} */
/* .fileDiv > input[type="text"] {
    padding: 6px; 
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    width: 100%;
} */
/* .fileDiv > input[readonly] {
    background-color: white;
    color: #ccc;
} */


/* 파일 선택 버튼 스타일 */
/* .custom-file-upload {
    background-color: #DAE3F3;
    color: black;
    padding: 0px 35px; 
    align-items: center;
    text-align: left;
    height: 100%;
    border-width: 100%;
}

.custom-file-upload:hover {
    background-color: #DAE3F3;
}

.fileDiv > img {
    width: 100px;
    height: auto;
    border: 1px solid #ccc;
    padding: 6px;
    box-sizing: border-box;
    text-align: center;
    display: none;
    
}

.fileDiv > .uploaded-image-preview {
    display: none;
}
.fileDiv > img:not([src=""]) + .uploaded-image-preview {
    display: block;
} */

/* .oneGroup > input[password] { */
form input[type="password"] {
    padding: 12px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

.changePwBtn {
/* form button[data-action="changePassword"] { */
    display: block;
    width: 100%;
    text-align: center; 
    padding: 8px;     
    background-color: white !important; 
    color: #007bff !important; 
    border-radius: 4px; 
    cursor: pointer;
    box-sizing: border-box !important; 
    border: 1px solid #007bff !important; 
    margin-top: 7px;
    /* margin-bottom: 10px; */
}

.changePwBtn:hover {    
    background-color: #007bff !important; 
    color: white !important; 
}

label {
    align-items: center;
    text-align: left;
    height: 100%;
    width: 75px;
    flex-shrink: 0;
    font-weight: bold;
    display: flex;
    margin-top: 10px;
}

select {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    text-align: center;
    margin-top: 10px; 
}

input[type="text"] {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #ccc;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

.carBtns {
    margin-top: 10px; 
}

.carArea {
    border: 1px solid #ccc;
    padding: 16px;
    border-radius: 8px;
    margin-top: 10px; 
}

.removeCarBtn {
    float: right;
    margin: 4px;
    border: none;
    background: none !important;
    font-size: 16px;
    cursor: pointer;
}

.radBase {
    justify-content: space-between;
}

.uploaded-image-preview {
    display: flex !important;
}