@charset "utf-8";



/* 공지사항 -------------------------*/
main > .section02 .itemBox02 {grid-column: 2/4; grid-row: 1;}
main > .section02 .itemBox02 .itemList {
    padding: 2em 2.7em; display: grid; grid-template-columns: repeat(2, 1fr);
}
main > .section02 .itemBox02 .itemList > li:first-child {border-right: 1px solid #e2e2e2; padding-right: 2.3em;}
main > .section02 .itemBox02 .itemList > li:not(:first-child) {padding-left: 2.3em; }
main > .section02 .itemBox02 .itemList > li > h3 {
    font-size: 2em; color: #313131; line-height: 1.2; font-weight: bold;
    display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}
main > .section02 .itemBox02 .itemList > li > .content {
    margin-top: 2em; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6em; color: #535353; line-height: 1.6;
    height: 1.6em;
}
main > .section02 .itemBox02 .itemList > li > .date {
    margin-top: 1.8em; font-size: 1.5em; color: #707070;
}
main > .section02 .itemBox02 .itemList > li > a {
    border-radius: 2.5em; background: #3084ff; display: flex; justify-content: center; transition: 0.3s;
    align-items: center; gap: 0.25em; color: #fff; width: 100%; max-width: 7.8125em; height: 2.625em;
    margin: 2.125em 0 0; font-size: 1.6em;
}


@media (max-width:768px) {
    /* itemBox2 */
    /* main > .section02 .itemBox02 {grid-column: unset; grid-row: unset;} */
    main > .section02 .itemBox02 .itemList {grid-template-columns: repeat(1, 1fr);}
    main > .section02 .itemBox02 .itemList > li {padding: 3em 0;}
    main > .section02 .itemBox02 .itemList > li:first-child {
        border-right: none; border-bottom: 1px solid #e2e2e2;
        padding-right: 0;
    }
    main > .section02 .itemBox02 .itemList > li:not(:first-child) {padding-left: 0;}
}



/* 글 없을 때 */
.itemList .empty_li {
    line-height:145px;color:#666;text-align:center;padding:0;
    font-size: 16px;
}
.itemList .empty_li:before {background:none;padding:0}