.history.item {
    display: flex;
    justify-content: flex-end;
    padding-top: 2rem;
    clear: both;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #ddd;
}
h2.titleLeft {
    font-weight: bold;
    color: #293f6d;
    margin-bottom: 24px;
}
li.historyTextBox.col-sm-12.col-lg-12 {
    margin-top: 0 !important;
}
h2.titleLeft:before {
    width: 72px;
    height: 1px;
    content: '';
    border-bottom: 4px solid #ffc107;
    position: absolute;
    margin-top: 39px;
}

.historyTextBox h3 {
    margin-bottom: 1rem;
    font-weight: bold;
}
li.historyTextBox p {
    margin-bottom: 0.8rem;
}
.historyTextBox strong {
    color: #ffc107;
    font-size: 1.1rem;
    margin-right: 0.5rem;
}

li.leftTitle {
    margin-bottom: 1rem;
}
dt.h-year {
    float: left;
    width: 20%;
    margin: -3px 0 0;
    font-family:  'NanumSquareRoundBold' ,'나눔고딕', sans-serif;
    font-size: 20px;
    color: #333;
}
dt.h-year::before {
    content: '';
    width: 22px;
    border-bottom: 3px solid #ffce0b;
    position: absolute;
    margin-top: 1.7rem;
}
dd.explain {
    overflow: hidden;
    margin: 3px 0 0;
    font-size: 18px;
    color: #606167;
}
dd.h-txt {
    overflow: hidden;
    margin: -4px 0 0;
    font-size: 1rem;
    margin-top: 1rem;
}
dd.h-txt p{
    font-family: 'Noto Sans KR', sans-serif;
}
dt.h-month {
    /* float: left; */
    width: 70px;
    margin: 3px 0 0;
    font-family: 'NanumSquareRoundBold' , sans-serif;
    font-size: 1rem;
    color: #333;
    line-height: 16px;
}

/* 미디어 태그 - 모바일 */
@media (min-width: 320px) and (max-width: 480px) { 
    .historyTextBox h3{
        float: left !important;
    }
    .history.item.row li {
        padding: 0 2rem;
    }
}