@charset "utf-8";

/* 새글 스킨 (latest) */
.notice{
    margin-top:60px;
}

.notice ul{
    display:flex;
    flex-wrap:wrap;
    gap:20px;
}

.notice li{
    width:calc((100% - 60px) / 4);
}

.notice li a{
    display:flex;
    flex-direction:column;
    height:320px;
    padding:44px 30px 24px;
    border:1px solid #d5d0ca;
    border-radius:22px;
    background:#fff;
    box-sizing:border-box;
    text-decoration:none;
}

.notice_subject{
    display:block;
    font-size:20px;
    font-weight:600;
    line-height:1.45;
    color:#f57c00;
    word-break:keep-all;
}

.notice .news_text{
    margin-top:28px;
    font-size:18px;
    font-weight:400;
    line-height:1.5;
    color:#666;
    word-break:keep-all;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:84px;
}

.notice .lt_date{
    display:block;
    margin-top:auto;
    padding-top:24px;
    border-top:1px solid #d9d4ce;
    font-size:15px;
    font-weight:400;
    color:#9a9a9a;
}

.notice .empty_li{
    width:100%;
    text-align:center;
    padding:60px 20px;
    border:1px solid #d5d0ca;
    border-radius:22px;
    color:#666;
    box-sizing:border-box;
}

/* tablet */
@media all and (max-width:1200px){
    .notice li{
        width:calc((100% - 20px) / 2);
    }
}

/* mobile */
@media all and (max-width:768px){
    .notice{
        margin-top:40px;
    }

    .notice ul{
        gap:16px;
    }

    .notice li{
        width:100%;
    }

    .notice li a{
        height:auto;
        min-height:260px;
        padding:30px 22px 22px;
        border-radius:18px;
    }

    .notice_subject{
        font-size:17px;
    }

    .notice .news_text{
        margin-top:20px;
        font-size:15px;
        min-height:auto;
    }

    .notice .lt_date{
        padding-top:18px;
        font-size:14px;
    }
}