html, body {
    background-color: #242425;
    color: black;
    line-height: 160%;
    margin: 0;
    padding: 0;
    justify-content: center;
    /* transition: all 0.1s; */
    align-items: center;
    display: flex;
}

.container {
    text-align: center;
}

#td_answer {
    height: 55vh !important;
}

#table_change_amount > tbody > tr > td:nth-child(2) > div {
    width: fit-content !important;
}

.title{
        color: #4867F8 !important;
}



tbody tr:last-child{
}

body.lightmode {
    background-color: white;
    /* transition: all 0.5s; */

}

body div {
    color:white ;
}

body.lightmode div {
    color:rgb(0, 0, 0) ;
    /* transition: all 0.5s; */

}

.footer {
    background-color: #000;
    /* transition: all 0.5s; */

}

.footer.lightmode {
    background-color: #eee;
    /* transition: all 0.5s; */

}

.div_service_korean, .title{
    pointer-events:none;
}

.div_output_letters_length, #div_output_letters_length{
    color: black !important;
}

#svg_arrow{
    cursor: pointer;
}


.table {
}

.table td{
}

#td_answer td{
    /* color: white; */
    /* transition: all 0.5s; */

}

#td_answer.lightmode td{
    /* transition: all 0.5s; */

    color:black;
}


a, span {

}

.svg-container {
    display: flex;
    align-items: center;
    background-color: #EEEEEE;
    height: 16px;
}


.svg-container_language {
    display: flex;
    align-items: center;
    height: 16px;
}

.rotate {
    transform: rotate(-180deg);
}

.svg-1 {
    margin: 0 auto;
    display: block;
}

.image-container {
    max-width: 100%;
    max-height: 100vh;
    overflow: hidden;
    text-align: center;
}

.image-container img {
    max-width: 100%;
    max-height: 100%;
    cursor: pointer;
}


.div_language{
    display: flex !important;
}

.tbody {
    display: flex;
}

.menubar{
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.footer_text{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#a_mark, #q_mark div{
    border-radius: 5px;
}

#div_korean, #div_english {
    border:1px rgb(72, 103, 248,0) solid;

}

#div_korean:hover,  #div_english:hover  {
    background-color: rgba(0,0,0,0) !important;
    border:1px rgb(72, 103, 248) solid;
    /* transition: all 0.5s; */
}

#div_korean:hover div,  #div_english:hover div{
    color:rgb(72, 103, 248) !important;
    /* transition: all 0.5s; */

}

#td_arrow {
    display: none;
}

.language_box tbody{
display:flex;
}

.mouse_over_subject{
    /*cursor:pointer*/
}

.mouse_over_content{
    cursor:pointer;
}