/* 공통 */
.header_main.subpage{height: 120px !important;}

.content_main{display: flex;height: calc(100vh - 170px);align-items: center;justify-content: center;margin-top: 120px;}
.content_section{width: 100%;}
.content_title{width: 100%; padding: 0 0 22px 0; color: #000; text-align: center;font-size: 30px;font-weight: 700;}
.tab_box{max-width: 435px; width: 100%; background-color: #F1F1F1; color: #858585; height: 36px; border-radius: 5px; display: flex;justify-content: space-evenly;align-items: center;}
.tab_btn a {color: #858585;  display: flex;align-items: center;justify-content: center;width: 100%; height: 100%; }
.tab_box .active a{color: #000; font-weight: 700;}
.tab_box{position: relative; margin: 0 auto 43px auto;}
.tab_box::before{content: ""; width: 0;height: 18px; border-right: 1px solid #000; position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%);}
.tab_btn{width: 100%;height: 100%; cursor: pointer;}

.page_area{max-width: 393px;width: 100%; display: flex;justify-content: center;align-items: center;gap:35px; margin: 72px auto 0 auto;}
.page_area img{width: 24px;height: 24px;}
.page_area .page_btn{color: #717171; cursor: pointer;}
.page_area .page_btn.active{color: #000; font-weight: 700;}

/* news */
.content_table{max-width: 1280px; width: 80%; display: flex;flex-wrap: wrap; justify-content: center;align-items: center; border: 1px solid #A7A7A7; border-right: 0; border-left: 0; margin:0 auto;}
.table_head{display: flex;width:100%;justify-content: space-between;align-items: center;}
.table_body{display: flex;flex-direction: column; width:100%;justify-content: center;align-items: center;}
.body_box{display: flex;justify-content: space-between; width: 100%;border-top: 1px solid #A7A7A7; cursor: pointer;}

.head_item:nth-child(1),.body_item:nth-child(1){width: 5%;}
.head_item:nth-child(2),.body_item:nth-child(2){width: 65%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.head_item:nth-child(3),.body_item:nth-child(3){width: 10%;}
.head_item:nth-child(4),.body_item:nth-child(4){width: 17%;}
.head_item:nth-child(5),.body_item:nth-child(5){width: 10%;}
.head_item, .body_item{text-align: center; padding: 17.5px; font-size: 15px; color: #000;}
.head_item{font-weight: 700;}

/* video */
.content_video_box{width: 100%;max-width: 952px; display: flex;flex-wrap: wrap; column-gap: 9%; row-gap: 33px; margin:0 auto;}
.video_item{ display: flex; flex-direction: column; width: 26.8907%; max-width: 256px; height: 165px;}
.video_item img{background: #D9D9D9; border-radius: 5px; width: 100%;height:100%; margin-bottom: 14px; cursor: pointer;}
.video_item span{width: 100%; text-align: center; font-size: 15px;font-weight: 700; color: #000;}

@media (max-height : 800px) or (max-width: 800px) {
    .content_main{height: 100%;padding: 100px 0;}
    .head_item:nth-child(1),.body_item:nth-child(1){width: 15%;}
    .head_item:nth-child(2),.body_item:nth-child(2){width: 30%;}
    .head_item:nth-child(3),.body_item:nth-child(3){width: 5%;}
    .head_item:nth-child(4),.body_item:nth-child(4){width: 30%;}
    .head_item:nth-child(5),.body_item:nth-child(5){width: 20%;}
    .head_item, .body_item{padding: 12px 5px;}
    .head_item{white-space: nowrap;}
    .content_section{width: 85%;}
    .page_area{max-width: 300px;}
    .content_video_box{justify-content: space-evenly;column-gap: 5%;}
    .video_item{width: 30%;}
    .content_table{width: 100%;}
}