@charset "utf-8";

#notice_id {    
    max-width: 426px;
    border-radius: 20px;
    overflow: hidden;
    background: #fff; 
    box-shadow: 9px 9px 20px rgba(54, 54, 54, .05);
    transition: all .3s ease-in-out;
}

#notice_id .board_cont { 
    width: 100%; 
    padding: 30px 40px;
    aspect-ratio: 33 / 17;

}

#notice_id .board_cont .board_tit_box h2 {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 30px;
}
#notice_id .board_cont .post-wrap .post-row a {
    font-size: 14px; 
    font-weight: 400; 
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#notice_id .board_cont .post-wrap .post-row a p {
    max-width: 240px;
    width: 100%;
}
#notice_id .board_cont .post-wrap .post-row a .date {
    font-size: 14px; 
    font-weight: 400;
    color:#999
}

#notice_id .board_cont .post-wrap .post-row + .post-row {
    margin-top: 20px;
}

@media (max-width:991px) {
    #notice_id {
        max-width: unset;
        border-radius:10px;
    }

    #notice_id .board_cont {
        padding: clamp(25px,4.036vw,40px);
    }

    #notice_id .board_cont .board_tit_box h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }


    #notice_id .board_cont .post-wrap .post-row + .post-row {margin-top: 15px;}

    #notice_id .board_cont .post-wrap .post-row a {font-size: 12px;}

    #notice_id .board_cont .post-wrap .post-row a p {
        max-width: 70%;
    }

    #notice_id .board_cont .post-wrap .post-row a .date {
        font-size: 12px;
    }
}