/* /views/desk/request.php 가져옴 */
/* .judgefileBox .inputBox .inputHead, .loanFileBox .inputBox .inputHead, .loanCFileBox .inputBox .inputHead, .exemptionConfirmBox .inputBox .inputHead{ width: 100%; }
.judgefileBox .inputBodyl dd, .loanFileBox .inputBox .inputBody, .loanCFileBox .inputBox .inputBody, .exemptionConfirmBox .inputBox .inputBody{ width: 100%; } */
.loanFileBox .inputBox .title{color: #1491ee; text-align: center; font-size: 16px; border-bottom: 1px solid #0096e3; margin-bottom: 11px; padding: 15px 0 3px;}

.layerPopup .content .address > div span { display: block; }
.layerPopup .contractInfo2 .inputBox { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; width: calc(100% * 3)}
.layerPopup .contractInfo2 .inputBox form { width: 33.3%;}
.layerPopup .contractInfo2 .inputBox dl { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start}
.layerPopup .contractInfo2 .inputBox dl dt { width: 100%;}
.layerPopup .contractInfo2 .inputBox dl dd { width: 100%;}
.layerPopup .contractInfo2 .inputBox dl dd.select .dataBox{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding-top: 15px; }
.layerPopup .contractInfo2 .inputBox dl dd.select label { max-width: 115px; margin-right: 10px; margin-top: -35px;}
.layerPopup .contractInfo2 .inputBox dl dd.select label:last-child { margin-right: 0px;}
.layerPopup .contractInfo2 .scrollBox { overflow: hidden; }

.layerPopup .contractInfo3 .inputBox { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; width: calc(100% * 3)}
.layerPopup .contractInfo3 .inputBox form { width: 33.3%; padding: 0 1px; }
.layerPopup .contractInfo3 .inputBox dl { display: flex; flex-wrap: wrap; flex-direction: column; align-items: flex-start}
.layerPopup .contractInfo3 .inputBox dl dt { width: 100%;}
.layerPopup .contractInfo3 .inputBox dl dd { width: 100%;}
.layerPopup .contractInfo3 .inputBox dl dd.select .dataBox{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding-top: 15px; }
.layerPopup .contractInfo3 .inputBox dl dd.select label { max-width: 115px; margin-right: 10px; margin-top: -35px;}
.layerPopup .contractInfo3 .inputBox dl dd.select label:last-child { margin-right: 0px;}
.layerPopup .contractInfo3 .scrollBox { overflow: hidden; }

.layerPopup .content .exemptionConfirmBox .scrollBox { overflow: hidden;}
.layerPopup .content .exemptionConfirmBox .scrollBox .inputBox {width: calc(100% * 2); display: flex; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; margin-top: 0;}
.layerPopup .content .exemptionConfirmBox .scrollBox .inputBox .box { width: 50%;}

.layerPopup .content .buttonBox button { padding: 6px 22px; }	/* width: 80px; */


@media screen and (min-width: 600px){
    .layerPopup .preOrderBox .numListBox .list li { width: 33.33% }
}
.requestBox .listBox .saveBar .subj { padding-bottom: 5px; display: flex; justify-content: space-between;}
.requestBox .listBox .saveBar .subj .flag span { background: #f8f8f8; border-radius: 20px; padding: 2px 5px; font-size: 12px; margin-left: -13px; color: #fff; }
.requestBox .listBox .saveBar .subj .flag span.fs { background: #47a3e7;}
.requestBox .listBox .saveBar .subj .flag span.pr { background: #55b361;}
.requestBox .listBox .saveBar .subj .flag span.dr { background: #8c6ac3;}
.requestBox .listBox .saveBar .subj .flag span.cm { background: #d57344;}


.layerPopup .docuCnt { zoom: 0.6; } 
.layerPopup .docuCnt .buttonBox button { padding: 6px 14px; } 
.layerPopup .docuCnt + form textarea[name=docu] { display: none; }


.layerPopup .docuForm01 {padding-top: 141%; background: url('/resource/estimate/imgs/estm-docu-01.jpg') no-repeat; background-size: contain; padding-left: 30px; padding-right: 30px; border: 1px solid #ccc; }

.layerPopup .docuForm02 {padding-top: 141%; background: url('/resource/estimate/imgs/estm-docu-02.jpg') no-repeat; background-size: contain; padding-left: 30px; padding-right: 30px; border: 1px solid #ccc; }
.layerPopup .docuForm03 {padding-top: 141%; background: url('/resource/estimate/imgs/estm-docu-03.jpg') no-repeat; background-size: contain; padding-left: 30px; padding-right: 30px; border: 1px solid #ccc; }

.layerPopup .docuForm01 > table {margin-top: -135%; }

.layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 155%; width: 22%; }
.layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 175%; width: 28%; }

@media screen and (min-width: 250px) {
    .layerPopup .docuForm01 > table {margin-top: -132%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 160%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; }
}
@media screen and (min-width: 300px) {
    .layerPopup .docuForm01 > table {margin-top: -134%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 160%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; }
}
@media screen and (min-width: 350px) {
    .layerPopup .docuForm01 > table {margin-top: -132%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }
}

@media screen and (min-width: 360px) { 
    .layerPopup .docuForm01 > table {margin-top: -132%; } /* S22 Ultra  134->132 */
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; }
}

@media screen and (min-width: 370px) {
    .layerPopup .docuForm01 > table {margin-top: -134%; } /* S20 S20+ S21 136->134 */
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }
}
@media screen and (min-width: 400px) {
    .layerPopup .docuForm01 > table {margin-top: -134%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }
}
@media only screen and (min-width: 412px) { /* 2023-12-26 Samsung Galaxy Z Flip3 5G, Z Flip5 */
    .layerPopup .docuForm01 > table {margin-top: -133%; }  /* 2023-12-26 */
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; } /* 2023-12-26 */
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; } /* 2023-12-26 */
}
@media screen and (min-width: 450px) {
    .layerPopup .docuForm01 > table {margin-top: -136%; }  
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }
}
@media screen and (min-width: 500px) {
    .layerPopup .docuForm01 > table {margin-top: -136%; } 
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }
}
@media screen and (min-width: 550px) {
    .layerPopup .docuForm01 > table {margin-top: -132.5%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 130%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }
}
@media screen and (min-width: 600px) {
    .layerPopup .docuForm01 > table {margin-top: -135%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 110%; width: 22%; }
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 130%; width: 28%; }
}
@media screen and (min-width: 650px) {
    .layerPopup .docuForm01 > table {margin-top: -134%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 110%; width: 22%; }   /* 2023-12-26 추가 */
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; }  /* 2023-12-26 추가 */
}
@media screen and (min-width: 700px) {
    .layerPopup .docuForm01 > table {margin-top: -133%; }
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 110%; width: 22%; }   /* 2023-12-26 추가 */
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; }  /* 2023-12-26 추가 */
}
@media screen and (min-width: 750px) {
    .layerPopup .docuForm01 > table {margin-top: -132%; }  /* 2023-12-26 수정 */
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 110%; width: 22%; }   /* 2023-12-26 추가 */
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 170%; width: 28%; }  /* 2023-12-26 추가 */
}
@media screen and (min-width: 800px) {
    .layerPopup .docuForm01 > table {margin-top: -136.5%; } /* 2023-12-26 수정 */
    .layerPopup .docuForm01 table tr td:nth-child(odd) { line-height: 110%; width: 22%; }   /* 2023-12-26 추가 */
    .layerPopup .docuForm01 table tr td:nth-child(even) { line-height: 150%; width: 28%; }  /* 2023-12-26 추가 */
}
@media screen and (min-width: 850px) {
    .layerPopup .docuForm01 > table {margin-top: -135%; }
}

@media screen and (min-width: 500px) {
    .layerPopup .content .docuCnt { padding: 15px; }
}
@media screen and (min-width: 600px) {
	.layerPopup .docuCnt { zoom : 0.7 }
}
@media screen and (min-width: 800px) {
	.layerPopup .docuCnt { zoom : 1 }
}
@media screen and (orientation:portrait) and (max-width: 450px) {
	.layerPopup .docuCnt { zoom : 0.5 }
}
@media screen and (orientation:portrait) and (max-width: 370px) {
	.layerPopup .docuCnt { zoom : 0.4 }
}
@media screen and (orientation:portrait) and (max-width: 350px) {
	.layerPopup .docuCnt { zoom : 0.35 }
}

.layerPopup .content .buttonBox button[kind='cancel'] { background: #999; }