#modal {
    background-color: rgba(50,50,50, 0.7);
    backdrop-filter: blur(10px);
    width: 100%;
    height: 60%;
    margin: 0;
    padding: 0;
    transition: top 600ms cubic-bezier(0.86, 0, 0.07, 1),
                background-color 600ms linear;
    
    top: 90%;
    position: absolute;
    left: 0;
    text-align: left;
    color: #FFFFFF;
    
    z-index: 2;
}

#modal.modal-open{
    top: 40%;
}

#modal .header {
    padding: 0;
    border-bottom: 1px solid #ddd;
    position: relative;
    height: 17%;

    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

#bodyNameKor{
    width: 30%;
    text-align: center;
    font-weight: 600;
    font-size: 6vmin;
}

#bodyNameEn{
    width: 40%;
    font-weight: 400;
    font-size: 4vmin;
}

#show_details{
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
    height: 100%;
    width: 30%;

    display: flex;
    justify-content: center;
    align-items: center;
    
    font-weight: 400;
    font-size: 4vmin;
}

.init_message{
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    font-weight: 300;
    font-size: 4vmin;
    text-align: center;
}

#modal_body {
    height: 83%;
    overflow-y: scroll;
}

#body_details {
    font-weight: 300;
    font-size: 16px;
    height: 100%;
    width: 70%;
    min-width:min-content;
    margin: 0 auto;
    
    word-break: keep-all;

    transition: all 1s;
}

@media (max-width: 1000px) {
	#body_details { width: 90%; }
}


.content {
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.item {
    flex-basis:auto;
    flex-grow: 1;
}

.image{
    width: 50vh;
    max-width: 100%;
}

.image_text{
    flex-basis:auto;
    width: 100%;
    max-width: 100%;
}

.main_title {
    width: 100%;
    margin: 1vh 1vw;
}

.whole_line_item{
    width: 100%;
}

#body_details table{
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
    border: 1px solid #ccc;
    margin: 1vh 1vw;
}

#body_details p{
    margin: 1vh 1vw;
    line-height: 150%;
}