@charset "utf-8";

#history {}

#history .history_box {
    display:flex;
    align-items:flex-start;
    padding-bottom:40px;
    position: relative;
}
#history .history_box::before {
    content:'';
    width:1px;
    height:100%;
    background-color:#ddd;
    position:absolute;
    left:90px;
    top:5px;
}
#history .history_box:last-child::before {
    display:none;
}
#history .history_box::after {
    content: '';
    width: 20px;
    height: 20px;
    border: 5px solid #3A5188;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 81px;
    top: 5px;
}
#history .history_box .history_yy {
    width:90px;
}
#history .history_box .history_yy p {
    font-size:1.55rem;
    font-weight:700;
    line-height:1.1;
}
#history .history_box .history_txt {
    flex:1;
    margin-left:30px;
}
#history .history_box .history_txt ul {
    display:flex;
    align-items:flex-start;
    gap:15px;
}
#history .history_box .history_txt ul + ul {}
#history .history_box .history_txt ul li {
    line-height:1.6;
}
#history .history_box .history_txt ul .history_date {
    font-size:1.11rem;
    font-weight:600;
    color:#3A5188;
    min-width: 55px;
}
#history .history_box .history_txt ul .history_ti {
    font-size:1.11rem;
    font-weight:400;
    flex:1;
}





/* 반응형 css */
@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {}
@media (max-width:640px) {
    #history .history_box {
        flex-direction:column;
        padding:10px;
        gap:15px;
    }
    #history .history_box::before {
        left:20px;
        top:65px;
        height:calc(100% - 80px);
    }
    #history .history_box::after {
        width:15px;
        height:15px;
        left: 13px;
        top: 59px;
    }
    #history .history_box .history_yy p {
        font-size:1.77rem;
    }
    #history .history_box .history_txt ul {
        flex-direction:column;
        gap:5px;
        margin-bottom:10px;
    }
    #history .history_box .history_txt ul li {
        line-height:normal;
    }
    #history .history_box .history_txt ul .history_date {
        font-size:1rem;
    }
    #history .history_box .history_txt ul .history_ti {
        font-size:0.88rem;
    }
}
@media (max-width:320px) {}