body {
    height: 100vh;
    width: 100vw; 
}

/* 상단바 css */
.top {
    height: 8.5%;
    width: 100%;
    background-color: rgb(40,40,40);
    border-bottom: 5px solid rgb(154,12,44);
}
    /* 1. 상단 상태바 */
    .CP_top {
        height: 35%;
        width: 100%;
    }
    .CP_top_left {
        float:left;
        text-align: left;
        width:50%;
        height:100%;
        color:white;
        font-size:2vh;
        padding: 1rem 2rem;
    }
    .CP_top_right {
        float:right;
        text-align: right;
        width:50%;
        height:100%;
        color:white;
        font-size:2vh;
        padding: 1rem 2rem;
    }
    .img {
        height:2vh;
        width:2vh;
    }
    .img2 {
        height:2vh;
        width:3vh;
    }

    /* 2. 상단 메뉴 */
    .APP_top {
        height: 100%;
        width: 100%;
        padding: 3rem 4rem;
        font-size:2.5vh;
        font-weight: bold;
        color:white;
    }


/* 컨텐츠 css */
.content {
    height: 78.5%;
    width: 100%;
}

.content_html {
    height: 100%;
    width: 100%;
}

/* 하단 버튼 css */
.bottom {
    height: 13%;
    width: 100%;
    background-color: rgb(40,40,40);
}

.btm_btn {
    width:25vw;
    height:100%;
    padding: 2rem;
    text-align: center;
    color:white;
    font-size:1.5vh;
    float:left;
}
/* 
.btm_btn_active {
    background-color: black;
}
.btm_btn:hover, .btm_btn:focus  {
    background-color: rgb(70, 70, 70);
} */

.img3 {
    width : 65%;
    height: 60%;
}

.menutext {
    margin-top: 2vh;
}

.modal-content {
    width: 80vw;
    height: 76vh;
}

.modal-title {
    font-size: 2.5vh;
}