/* main */
.newsroom-main { margin-top: 79px; text-align: center; }

/* newsroom-title */
.newsroom-title { padding-top: 126px; }
.newsroom-title h2 { font-size: 60px; color: var(--dark-text); font-weight: 700; line-height: 34px; letter-spacing: -0.02rem; margin-bottom: 51px; }
.newsroom-title .pc-desc { font-size: 24px; line-height: 38px; letter-spacing: -0.02rem; font-weight: 400; color: var(--point7); margin-bottom: 96px; }
.newsroom-title .mobile-desc { display: none; }

/* newsroom */
.newsroom { max-width: 1200px; margin: 0 auto; padding-bottom: 110px; }
.newsroom .newsroom-content { text-align: center; }
.newsroom table { width: 100%; border-collapse: collapse; }
.newsroom table tr { cursor: pointer; }
.newsroom table th { padding: 43px 0 39px; font-size: 22px; font-weight: 700; line-height: 34px; color: var(--main-color); border-top: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; }
.newsroom table td { padding: 38px 34px ; font-size: 22px; color: var(--dark-text); font-weight: 500; letter-spacing: -0.02rem; line-height: 34px; border-bottom: 1px solid #E7E7E7;text-align: left; }
.newsroom table td.num {color: var(--point7); font-weight: 500;text-align: center; }
.newsroom table td.medianame {color: var(--point7); font-weight: 400;text-align: center; }
.newsroom table td.date { color: var(--point7); font-weight: 300;letter-spacing: 0rem; }
.newsroom table td:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 500px; }

/* 페이지네이션 스타일 */
.pagination-container { display: flex; justify-content: center; margin: 60px 0 0; }
.pagination { display: flex; align-items: center; gap: 41px; }
.pagination button { width: 50px; height: 50px; font-size: 24px; font-weight: 700; color: var(--point7); cursor: pointer; transition: all 0.3s ease; }
.pagination button.active { color: var(--main-color); border: none; }
.pagination .prev-btn, .pagination .next-btn { display: flex; justify-content: center; align-items: center; background: none; border: none; }
.pagination .prev-btn img, .pagination .next-btn img { width: 24px; height: 24px; }

/* newsroom-detail */
.newsroom-detail-header { text-align: left; max-width : 1200px; padding : 48px 0 35px 0; border-top : 1px solid #E7E7E7; border-bottom : 1px solid #E7E7E7; }
.newsroom-detail-header h3 { font-size : 28px; line-height : 34px; color : var(--dark-text); font-weight : 700; letter-spacing : -0.02rem; margin-bottom : 21px; }
.newsroom-detail-header p { font-size : 20px; line-height : 34px; color : var(--gray-text); font-weight : 400; letter-spacing : -0.02rem; }
.newsroom-detail-content { padding : 40px 0; border-bottom : 1px solid #E7E7E7; }
.newsroom-detail-content p { height : 100%; background-color : #EEEEEE; }
.newsroom-detail-footer { text-align : center; margin-top : 31px; }
.newsroom-detail-footer button { width : 257px; height : 68px; font-size : 28px;  font-weight : 700; letter-spacing : -0.02rem; color : var(--white-text); background-color : var(--main-color); line-height: 34px; border-radius : 12px; }


/* 반응형 스타일 */
@media screen and (max-width: 1024px) {
    /* main */
    .newsroom-main { margin-top: 60px; }
    .newsroom { padding-bottom: 0px; }

    /* newsroom-title */
    .newsroom-title {padding-top : 69px;}
    .newsroom-title h2 { font-size: 28px; line-height : 34px; margin-bottom : 25px; }
    .newsroom-title .pc-desc { display: none; }
    .newsroom-title .mobile-desc { display: block; font-size : 18px; font-weight: 400; line-height : 21px; margin-bottom : 45px; color: #666666;}

    /* newsroom */
    .newsroom table { border-top : 1px solid #E7E7E7; }
    .newsroom table th { display : none; }
    .newsroom table td { display: block; font-size : 18px; line-height : 34px; text-align : left; border : none; padding : 18px 30px 0 30px; color: var(--dark-text);}
    .newsroom table td:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 450px; }
    .newsroom table td.medianame { display: none;}
    .newsroom table td.num { display : none; }
    .newsroom table td.date { padding: 5px 30px 20px 30px; font-size: 16px; font-weight: 300; letter-spacing: 0em; line-height: 130%; color: #666666; border-bottom : 1px solid #E7E7E7; }
    

    /* 페이지네이션 스타일 */
    .pagination-container { margin : 38px 0 40px; }
    .pagination { gap : 18px;}
    .pagination button { width : 12px; height : 28px; font-size : 18px; line-height : 28px; }
    .pagination .next-btn img,
    .pagination .prev-btn img { width : 10px; height : 12px;}
}

@media screen and (max-width: 458px) {
    .newsroom table td:nth-child(2) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  max-width: 330px; }
}