@charset "UTF-8";
/* CSS Document */

form { width: 100%; }
form input { background-color: #F7F2EA; border: solid 1px #B1B2B5; height: 37px; line-height: 37px; }
form .w100, .w100 { width: 100%; }
form .w75, .w75 { width: 75%; }
form .w50, .w50 { width: 50%; }
form .w25, .w25 { width: 35%; }

form h3 { font-size: 18px; margin-bottom: 10px; }

dl { width: 100%; }
dl dd { width: 100%; margin-bottom: 10px; }

.login, .user-search { width: 360px; margin: 0 auto; }
.login dl dd input { width: 100%; font-size: 16px; height: 46px; line-height: 46px; }

.select, input[type="date"] { border: 1px solid #e4e4e4; border-radius: 4px; padding: 0 50px 0 8px; background: #FAF8F4 url(../img/ico_selectarrow.svg) no-repeat center right 10px / 14px auto;
    font-size: 16px; font-weight: 500; color: #4b4b4b; height: 37px; line-height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; appearance: none; cursor: pointer; }
.textarea, textarea { background-color: #FAF8F4; border: solid 1px #E0E1E3; width: 100%; height: 140px; line-height: 37px; border-radius: 5px; font-size: 16px; padding-left: 10px; }
.file, input[type="file"] { background-color: #FAF8F4; border: solid 1px #E0E1E3; height: 37px; line-height: 37px; border-radius: 5px; font-size: 16px; }
.select2 { background-color: #FAF8F4; border: solid 1px #BB8C32; border-radius: 4px; padding: 0 50px 0 8px; background: #FAF8F4 url(../img/ico_selectarrow.svg) no-repeat center right 10px / 14px auto;
    font-size: 16px; font-weight: 500; color: #4b4b4b; height: 37px; line-height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; appearance: none; cursor: pointer;}

.check input { display: none; }
.check input:checked+label { background-image: url(../img/checkbox_on.svg); }
.check label { display: inline-block; font-size: 16px; letter-spacing: -0.025em; color: #1C2747; height: 24px; line-height: 24px; background-repeat: no-repeat; background-position: left top; background-image: url(../img/checkbox.svg); padding-left: 34px; cursor: pointer; }
.check label em { color: #7D5D2C; }

.radio input { display: none; }
.radio input:checked+label { background-image: url(../img/radio_on.svg); }
.radio label { display: inline-block; font-size: 16px; letter-spacing: -0.025em; color: #1C2747; height: 24px; line-height: 24px; background-repeat: no-repeat; background-position: left top; background-image: url(../img/radio.svg); padding-left: 34px; cursor: pointer; }
.radio label em { color: #7D5D2C; }

.profile-box { border: solid 1px #E0E1E3; border-radius: 20px; padding: 50px; display: flex; margin-bottom: 50px; }
.profile-box .thumb { width: 160px; height: 190px; margin-right: 50px; }
.profile-box .thumb img { border-radius: 10px; }
.profile-box .info strong { font-size: 18px; margin-bottom: 10px; }
.profile-box .info ul { margin-bottom: 10px; }

.tip { font-size: 14px; color: #666; padding-left: 20px; }
.tip::before { content: "※"; margin-right: 5px; }
.btn-group-vertical {
    display: flex;
    flex-direction: column;
    gap: 8px; /* 버튼 사이 간격, 필요에 따라 조절 */
}