/*body {*/
/*    height: 100vh;*/

/*}*/

/*main {*/
/*    display: table;*/
/*    width: 100%;*/
/*    background: #212529 !important;*/
/*    color: #ffffff; !* 폰트 색을 흰색으로 설정 *!*/
/*}*/

/*header {*/
/*    background: #212529 !important;*/
/*}*/

/*header ul li a {*/
/*    color: #acacac;*/
/*}*/

/*header ul li a#navbarUserName {*/
/*    color: #acacac;*/
/*}*/

/*.left-float-field a {*/
/*    color: #acacac;*/
/*}*/

/*main .left-float-field p.pseudorec {*/
/*    color: #ffffff;*/
/*}*/

main .model-rec .description {
    padding-bottom: 0;
    min-height: 5vh;
    text-align: center;
}

main .model-rec .description h3 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 8px 0;
}

main .model-rec .description p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
    margin: 0;
}


/*main .model-rec .description p{*/
/*    color: #ffffff;*/

/*}*/

/*.side-gutter {*/
/*    width: 50px;*/
/*    display: table-cell;*/
/*}*/

/*.center-main-field {*/
/*    width: 90%;*/
/*    !*height: 100vh;*!*/
/*}*/

/*.center-main-field .button {*/
/*    border: none;*/
/*    padding: 0.625em;*/
/*    border-radius: 0.5em;*/
/*    cursor: pointer;*/
/*    !*width: 100px;*!*/
/*    !*height: 50px;*!*/
/*    !*border: none;*!*/
/*    !*background-color: #4CAF50;*!*/
/*    !*color: white;*!*/
/*    !*text-align: center;*!*/
/*    !*text-decoration: none;*!*/
/*    !*display: inline-block;*!*/
/*    !*font-size: 16px;*!*/
/*    !*margin: 4px 2px;*!*/
/*    !*cursor: pointer;*!*/
/*    !*transition-duration: 0.4s;*!*/
/*}*/

/*.center-main-field .button:hover {*/
/*    filter: brightness(0.9);*/
/*}*/

/*.center-main-field .button:active {*/
/*    transform: translateY(2px);*/
/*}*/


.center-main-field .chat-container {
    /*background: #15202b;*/
    font-family: 'Roboto', sans-serif;
    border-radius: 0.5em;
    padding: 1.25em 1.25em;
    margin-left: 5%;
    max-width: 100vw;
    height: 95vh;
    /*box-shadow: 0 0 1.25em 0.5em #c3c3c333;*/
}

/*.center-main-field .chat-header {*/
/*    margin-bottom: 1em;*/
/*    color: #fff;*/
/*}*/

/*.center-main-field .chat-header h2 {*/
/*    font-size: 1.25em;*/
/*    font-weight: bold;*/
/*}*/


/*.center-main-field .chat-messages {*/
/*    !*height: 23em;*!*/
/*    height: 100%;*/
/*    overflow-y: scroll;*/
/*}*/

/*.center-main-field .chat-messages::-webkit-scrollbar {*/
/*    display: none;*/
/*}*/

/*.center-main-field .message {*/
/*    padding: 0.625em;*/
/*    border-radius: 1em;*/
/*    margin-bottom: 0.625em;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    color: #000000;*/
/*}*/

/*.center-main-field .message-sender {*/
/*    font-weight: bold;*/
/*    margin-bottom: 0.31em;*/
/*        color: #355edc;*/
/*}*/

/*.center-main-field .message-text {*/
/*    font-size: 1em;*/
/*    margin-bottom: 0.31em;*/
/*    word-wrap: break-word;*/
/*}*/


/*.center-main-field .message-timestamp {*/
/*    font-size: 0.75em;*/
/*    text-align: right;*/
/*}*/

/*.center-main-field .message-human {*/
/*    !*display: inline-block;*!*/
/*    !*background-color: #1c9bef;*!*/
/*}*/

/*.center-main-field .message-human .message-text {*/
/*    text-align: right;*/
/*}*/

/*.center-main-field .message-human .message-sender {*/
/*    text-align: right;*/
/*}*/

/*.center-main-field .message {*/
/*    !*display: inline-block;*!*/
/*    !*background-color: #bdbdbd;*!*/
/*    color: #ffffff;*/

/*}*/

/*.center-main-field .gray-bg {*/
/*    !*display: inline-block;*!*/
/*    !*background-color: #bdbdbd;*!*/

/*}*/

/*.center-main-field .gray-bg .message-text {*/
/*    text-align: left;*/
/*}*/

/*.center-main-field .gray-bg .message-sender {*/
/*    text-align: left;*/
/*}*/

/*.center-main-field .gray-bg .message-timestamp {*/
/*    text-align: left;*/
/*}*/

main .model-rec section article > div:hover h2, p.synopsis-content{
 color: #5f607f;
}

/*.center-main-field .chat-input-form {*/
/*    margin-bottom: 100px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    margin-top: 2em;*/
/*    gap: 0.625em;*/
/*}*/

/*.center-main-field .chat-input {*/
/*    padding: 0.625em;*/
/*    border: none;*/
/*    border-radius: 0.5em;*/
/*    background-color: #f5f5f5;*/
/*    color: #333;*/
/*    font-size: 1em;*/
/*    flex-grow: 1;*/
/*}*/

/*.center-main-field .send-button {*/
/*    background-color: #1c9bef;*/
/*    color: #fff;*/
/*    font-size: 1em;*/
/*    font-weight: bold;*/
/*}*/

/*.center-main-field .clear-chat-button {*/
/*    display: block;*/
/*    margin: 2.5em auto;*/
/*}*/

/*!*.message {*!*/
/*!*    position: relative;*!*/
/*!*    padding-left: 0px; !* 메시지 텍스트와 아이콘 사이에 공간 확보 *!*!*/
/*!*}*!*/


/*.message-icon {*/
/*    left: -20%; !* 아이콘을 메시지 박스 왼쪽 외부로 이동 *!*/
/*    width: 40px; !* 이미지 크기 조정 *!*/
/*    height: 40px; !* 이미지 크기 조정 *!*/
/*    border-radius: 50%; !* 이미지를 원형으로 만듦 *!*/
/*    object-fit: cover; !* 이미지가 요소에 꽉 차도록 *!*/
/*    float: left; !* 왼쪽으로 정렬 *!*/
/*    margin-right: 0px; !* 오른쪽 여백 설정 *!*/
/*}*/

/*.response-container {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: flex-start;*/
/*}*/

/*.copy-button, .dislike-button {*/
/*    margin-top: 10px;*/
/*    padding: 5px 10px;*/
/*    cursor: pointer;*/
/*}*/

/*main div.watched_list p*/
/*{*/
/*    color: #fff;*/
/*}*/

/*.watched_movie{*/
/*    border-color: rgba(178, 178, 178, 0.1)*/
/*}*/

/*main div.watched_list p{*/
/*    border: none;*/
/*}*/