/* 개인정보 박스 */
.contentBoxBottom > .informationBoxList > .perInfoBox {
    padding: 30px;
    width: 95.5%;
    background-color: rgb(245, 245, 245);
    height: 310px;
    
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div {
    width: 100%;
    height: 100%;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p {
    font-size: 18px;
    color: rgb(51, 51, 51);
    line-height: 1.333;
    text-align: left;
    word-break: break-word;
    position: relative;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p > span.numBox {
    position: absolute;
    left: 0;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(1) {
    font-weight: 600;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(2) {
    font-weight: 600;
    margin-top: 25px;
    padding-left: 17;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(3) {
    font-weight: 400;
    padding-left: 17;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(4) {
    font-weight: 400;
    margin-top: 25px;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(5) {
    font-weight: 400;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(6) {
    font-weight: 600;
    margin-top: 25px;
    padding-left: 17;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(7) {
    font-weight: 400;
    padding-left: 17;
}
.contentBoxBottom > .informationBoxList > .perInfoBox > div > p:nth-child(8) {
    font-weight: 400;
    margin-top: 25px;
}

/* div로 만든 셀렉트 영역 스타일 */
.select{
    position: relative;
    padding: 0px 10px 0 10px;
    height: 44px !important;
    width: 300px;
    border: 1px solid  rgb(236, 236, 236);
    background-color: rgb(255, 255, 255); 
    cursor: pointer;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: rgb(153, 153, 153);
    text-align: left;
}

.select > div {
    position: absolute;
    width: 93.5%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: end;
}

/* 옵션 영역 스타일 */
.select ul{
    position: absolute;
    top: 30px;
    left: -1;
    width: 100%;
    border-width: 1px;
    border-color: rgb(236, 236, 236);
    border-style: solid;
    background-color: rgb(251, 250, 250);
    cursor: pointer;

}
.select ul li{
    padding: 10px;
    text-align: left;  
}
.select ul li:hover{
    background-color: rgb(218, 214, 205);
}
/* 셀렉트 - 글자 */
.select span.selected-option {
    margin-right: 20px;
    font-size: 16px;
    color: rgb(51, 51, 51);
}
.hide{
    display: none;
}
.show{
    display: block;
}


.formInputBox {
    border-top: 2px solid  rgb(108, 110, 113);
}
.formInputBox > div {
    display: flex;
    /* align-items: center; */
    justify-content: left;
    border-bottom: 1px solid rgb(221,221,221);
    min-height: 54px;
    height: auto;
}
.formInputBox > div.content {
    height: 179px;
}
/* 문의하기 등 텍스트 */
.formInputBox > div > div:first-child {
    background-color: rgb(251, 250, 250);
    width: auto;
    min-width: 230;
    max-width: 230px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 18px;
    color: rgb(51, 51, 51);
}
.formInputBox > div > div:first-child > p {
    width: 100%;
    min-height: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 20px;
    word-break: break-word;
}
.formInputBox > div.content > div:first-child {
    height: 100%;
}
.formInputBox > div > div:first-child > p > span {
    color: rgb(255,0,0);
}
/* 사용자 입력  */
.formInputBox > div > div:last-child {
    width: 100%;
    padding: 5px 10px 5px 20px;
}
.formInputBox > div > div:last-child > input {
    width: 100%;
    font-size: 16px;
    color: rgb(51, 51, 51);
    height: 100% !important;
}
.formInputBox > div > div:last-child > textarea {
    width: 100%;
    font-size: 16px;
    color: rgb(51, 51, 51);
    resize: none;
    padding: 5px 0 !important;
}
.formInputBox > div:last-child > div:last-child {
    display: flex;
}

.fileBox > div {
    width: 238px;
    height: 33px;
    display: flex;
    cursor: pointer;
    border: 1px solid rgb(236, 236, 236);
    background-color: rgb(255, 255, 255);
    align-items: center;
    padding: 5px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 238px;
    height: 33px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
    width: 240px !important;
}
.filebox label {
    display: inline-block;
    padding: 0 ;
    background-color: rgb(245, 245, 245);
    cursor: pointer;
    border: 1px solid rgb(236, 236, 236);
    font-size: 14px;
    color: rgb(51, 51, 51);
    height: 33px;
    width: 73px;
    min-width: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: 0 0 0 10px;  /* label의 패딩값과 일치 */
    background-color: transparent ;
    border: none;
    height: 33px;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
    width: 163px !important;
    font-size: 14px;
    color: rgb(153, 153, 153);
}

.contentBoxBottom > .informationBoxList div.submitBox {
    margin-top: 50px !important;
}