/* ported page css: cscenter_announcement */


    /* mobile */
    @media all and (min-width:0px) and (max-width: 1259px){
        .notice{
            width: 100%;
            margin: auto;
            
        }
        .notice .notice_title{
            width: 100%;
            height: 5rem;
            line-height: 5rem;
            margin: 5rem 0;
            font-size: 2.4rem;
            text-align: center;
            
        }
        .notice .notice_table{
            width: 92%;
            margin: auto;
            border-top: 1px solid #EBEBEB;
        }
        .notice .notice_table .writing_notice{
            width: 100%;
            height: 6rem;
            display: flex;
            cursor: pointer;
            font-size: 1.3rem;
            border-bottom: 1px solid #EBEBEB;
        }
        .notice .notice_table .writing_notice .categroy{
            display: none;
        }
        .notice .notice_table .writing_notice .title{
            width: 75.55%;
            height: 6rem;
            line-height: 6rem;
            padding-left: 1rem;

            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            white-space: break-word;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;  
        }
        .notice .notice_table .writing_notice .date{
            width: 24.44%;
            max-width: 11rem;
            height: 6rem;
            line-height: 6rem;
            text-align: center;
        }
        .notice .notice_table .open_content{
            width: 100%;
            min-height: 17rem;
            padding: 2rem;
            background: #FAFAFA;
            border-bottom: 1px solid #EBEBEB;
            display: none;
            word-break: break-word;
            white-space: break-spaces;
            font-size:1.3rem;
            flex-direction: column;
        }
        .pagination{
            width: 100%;
            height: 5rem;
            display: flex;
            justify-content: center;
            margin-top: 5rem;
        }
        .pagination .page_btn{
            width:3rem;
            height:3rem;
            color:#969696;
            display:flex;
            border:1px solid transparent;
            align-items: center;
            justify-content: center;
            font-size:1.4rem;
            margin-right:1rem;
            cursor:pointer;
        }
        .pagination .page_btn:hover{
            border:1px solid #232323;
            color: #232323;
        }
        .pagination .choice{
            border:1px solid #232323;
            color: #232323;
            
        }
    }
    
    /* PC */
    @media all and (min-width:1260px){
        .notice{
            width: 90rem;
            margin: auto;
            
        }
        .notice .notice_title{
            width: 100%;
            height: 5rem;
            line-height: 5rem;
            margin: 10rem 0 5rem 0;
            font-size: 2.4rem;
            text-align: center;
            color:black;
            
        }
        .notice .notice_table{
            width: 100%;
            margin: 5rem 0 0 0;
            border-top: 1px solid #EBEBEB;
        }
        .notice .notice_table .writing_notice{
            width: 100%;
            height: 6rem;
            display: flex;
            cursor: pointer;
            font-size: 1.4rem;
            border-bottom: 1px solid #EBEBEB;
            color:black;
        }
        .notice .notice_table .writing_notice .categroy{
            width: 7.77%;
            height: 6rem;
            line-height: 6rem;
            text-align: center;
        }
        .notice .notice_table .writing_notice .title{
            width: 80%;
            height: 6rem;
            line-height: 6rem;
        }
        .notice .notice_table .writing_notice .date{
            width: 12.22%;
            height: 6rem;
            line-height: 6rem;
            text-align: center;
        }
        .notice .notice_table .open_content{
            width: 100%;
            min-height: 11rem;
            font-size: 1.4rem;
            padding: 3rem;
            display: none;
            background: #FAFAFA;
            border-bottom: 1px solid #EBEBEB;
            word-break: break-word;
            white-space: break-spaces;
            color:black;
        }

        
        .pagination{
            width: 100%;
            height: 5rem;
            display: flex;
            justify-content: center;
            margin-top: 5rem;
        }
        .pagination .page_btn{
            width:3rem;
            height:3rem;
            color:#969696;
            display:flex;
            border:1px solid transparent;
            align-items: center;
            justify-content: center;
            font-size:1.4rem;
            margin-right:1rem;
            cursor:pointer;
        }
        .pagination .page_btn:hover{
            border:1px solid #232323;
            color: #232323;
        }
        .pagination .choice{
            border:1px solid #232323;
            color: #232323;
            
        }
    }