#box-modal {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    z-index:9999;
}
#box-modal > div { position:relative; width:650px; margin:50px auto; background:#fff; padding:20px; }
.box-text, .box-font { display:block; width:100%; margin-bottom:10px; }
#rect-canvas { border:1px solid #ccc; display:block; margin:20px 0; }
#box-modal .modal-header{
    display: flex;
    justify-content: space-between;
    align-items: flex-center;
    margin-bottom: 10px;
}
#box-modal .modal-header .box-modal-close{
    padding: 0 10px;
}
#box-modal .modal-content #box-list{
    width: 100%;
    display: grid;
    grid-template-columns: auto auto;
    gap: 10px
}
#box-modal .modal-content #box-list .box-item{
    width: 100%;
    max-height: 300px;
    display: flex;
    flex-direction: column;
}
#box-modal .modal-content #box-list .box-item img{
    width: 100%;
    height: 225px;
    object-fit: cover;
}
#box-modal .modal-content #box-list .box-item button{
    padding: 0;
}
#box-modal .box-wrapper{
    max-height: 80vh;
    overflow-y: auto;
}