@charset "utf-8";

#history .history_tab {
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:80px;
}
#history .history_tab ul {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}
#history .history_tab ul li {
    flex:1;
    min-width:180px;
    border:1px solid #ddd;
    border-radius:15px;
    background-color:#fff;
    padding:5px;
}
#history .history_tab ul li a {
    font-size:1.11rem;
    font-weight:400;
    line-height:170%;
    font-family:'SUITE';
    text-align:center;
    display: block;
}
#history .history_tab ul li.active {
    background-color:#1A9BDF;
}
#history .history_tab ul li.active a {
    font-weight:800;
    color:#fff;
}
#history .history_tab ul li:hover {
    border-color:#1A9BDF;
}


#history .history_view {
    display:flex;
    flex-direction:column;
    gap:20px;
    position: relative;
}
#history .history_view::after {
    content:'';
    width:1px;
    height:100%;
    background-color:#ccc;
    position:absolute;
    left:229px;
    top:0;
    z-index:-1;
}
#history .history_view .history_box {
    display:flex;
    align-items:flex-start;
    gap:60px;
}
#history .history_view .history_box .his_yy {
    width:200px;
    text-align:right;
    font-size:1.66rem;
    font-weight:800;
    line-height:140%;
    color:#16AAB5;
    font-family:'SUITE';
    position: relative;
}
#history .history_view .history_box .his_yy::after {
    content:'';
    width:20px;
    height:5px;
    background-color:#16AAB5;
    border-radius:5px;
    position:absolute;
    right:-39px;
    top:50%;
    transform:translateY(-50%);
}
#history .history_view .history_box .his_cont {
    flex:1;
    padding-top:7px;
    padding-bottom:30px;
    display:flex;
    flex-direction:column;
    gap:10px;
    border-bottom:1px dashed #ccc;
} 
#history .history_view .history_box .his_cont ul {
    display:flex;
    align-items:flex-start;
    gap:15px;
}
#history .history_view .history_box .his_cont .his_dd {
    font-size:1.11rem;
    font-weight: 600;
    line-height:140%;
    width:60px;
}
#history .history_view .history_box .his_cont .his_co {
    flex:1;
    font-size:1rem;
    font-weight:400;
    line-height:155%;
    letter-spacing:-0.54px;
    position: relative;
    padding-left:17px;
}
#history .history_view .history_box .his_cont .his_co::before {
    content:'';
    width:7px;
    height:7px;
    background-color:#666;
    border-radius:50%;
    position:absolute;
    left:0;
    top:10px;
}



/* 미디어퀑리 */
@media(max-width:1440px) {}
@media(max-width:1200px) {}
@media(max-width:1024px) {}
@media(max-width:991px) {
    #history .history_view .history_box .his_yy {
        width:150px;
    }
    #history .history_view::after {
        left:178px;
    }
}
@media(max-width:768px) {
    #history .history_view .history_box .his_yy {
        width:120px;
    }
    #history .history_view::after {
        left:148px;
    }
}
@media(max-width:640px) {
    #history .history_tab ul {
        gap:10px;
        flex-wrap: wrap;
    }
    #history .history_tab ul li {
        min-width:115px;
        width:fit-content;
        padding:5px 10px;
        flex:none;
    }


    #history .history_view::after  {
        display:none;
    }
    #history .history_view .history_box {
        flex-direction:column;
        gap:20px;
    }
    #history .history_view .history_box .his_yy {
        width:100%;
        text-align:center;
    }
    #history .history_view .history_box .his_yy::after {
        right:50%;
        top:auto;
        bottom:-5px;
        transform:translateX(50%);
    }
    #history .history_view .history_box .his_cont {
        width:100%;
    }
}