div, ul, li, ol {list-style: none;}
.list {float:left; width:50%; margin:0; padding:0; overflow:hidden;}
.list ul {display:block; max-width:100%; margin:10px 10px 40px 10px; padding:0; border-bottom:1px solid #ddd; overflow:hidden;}
.list ul li.subject {display:block; width:100%; height:200px; margin:0; padding:0; overflow:hidden;}
.list ul li {display:block; width:100%; margin:10px 0 0 0; padding:3px 0; font-family: 'Noto Sans KR', sans-serif; overflow:hidden;}
.list ul li.dt { margin:0 0 10px 0; color:#999}
.etc_btn {display:block; width:100px; padding:9px 0 6px 0; border:1px solid #ddd; text-align:center; background-color:#f1f1f1; cursor:pointer}
.write {display:block; width:100px; padding:10px 0 6px 0; text-align:center; border:1px solid #f1684b; color:#fff; background-color:#f1684b; cursor:pointer}

.pub-date-range {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
}
.pub-date-range__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 0 0 260px;
}
.pub-date-range__label {
    font-size: 13px;
    font-weight: 600;
    color: #4b74c2;
}
.pub-date-range__divider {
    font-weight: 600;
    color: #6b7280;
    align-self: center;
}
@media (max-width: 1024px) {
    .pub-date-range__item {
        flex: 0 0 220px;
    }
}
@media (max-width: 768px) {
    .pub-date-range {
        flex-direction: column;
        gap: 8px;
    }
    .pub-date-range__divider {
        display: none;
    }
    .pub-date-range__item {
        width: 100%;
        flex: 1 1 auto;
    }
}