.container{
    display: none;
}


.container > #section {
    display: flex;
    margin-top: 0.5rem;
}


.container > #section > #contract-list {
    width: 9rem;
    margin-top: 0.5rem;
    border-right: 1px solid #e0e0e0;
    min-height: calc(100vh - 20rem);
    user-select: none;
}

.container > #section > #contract-list > #title {
    border-bottom: 1px solid #e0e0e0;
    padding: 0.2rem 0.3rem;
}

.container > #section > #contract-list > #list {

}
.container > #section > #contract-list > #list:empty::before {
    content: '대기중인 계약 없음';
    display: block;
    text-align: center;
    color: #999;
    font-style: italic;
    font-size: 0.8rem;
    padding: 0.5rem 0;
}

.container > #section > #contract-list > #list > div {
    cursor: pointer;
    padding: 0.2rem 0.3rem;
}

.container > #section > #contract-list > #list > div:hover {
    background-color: #f0f0f0;
}



.container > #section > #contract-detail {

}


.container > #section > #contract-detail > .section {
    margin: 0.7rem 1rem 3rem;
}

.container > #section > #contract-detail > .section > #title {

}

.container > #section > #contract-detail > .section > #content {
    margin-top: 0.5rem;
}
.container > #section > #contract-detail > #userInfo > #content {
    display: flex;
    gap: 3rem;
}


.container > #section > #contract-detail > .section > div > .item {
    margin-bottom: 0.5rem;
}

.container > #section > #contract-detail > .section > div > .item > #label {
    font-size: 0.9rem;
    color: #999;
}

.container > #section > #contract-detail > .section > div > .item > #value {
    font-size: 0.9rem;
}


.container > #section > #contract-detail > .section > #description {
    font-size: 0.77rem;
    color: #A55;
    font-style: italic;
}


.container > #section > #contract-detail > .section > #content > .item > img {
    width: 15rem;
    min-height: 10rem;
}


.container > #section > #contract-detail > #bankInfo > #action {
    display: none;
}

.container > #section > #contract-detail > #identifyInfo > #alreadyApproved,
.container > #section > #contract-detail > #bankInfo > #identifyNotApproved {
    font-size: 0.77rem;
    color: #5A5;
    font-weight: bold;
    margin-top: 0.5rem;
    display: none;
}
.container > #section > #contract-detail > #bankInfo > #identifyNotApproved {
    color: #A55;
    display: block;
}
.container > #section > #contract-detail > #identifyInfo.allow > #alreadyApproved,
.container > #section > #contract-detail > #bankInfo.allow > #action {
    display: block;
}
.container > #section > #contract-detail > #identifyInfo.allow > #action,
.container > #section > #contract-detail > #bankInfo.allow > #identifyNotApproved {
    display: none;
}