@charset "utf-8";


#history {}
#history .hisotry_view {
    display: flex;
    flex-direction: column;
    gap:70px;
}
#history .hisotry_view .history_box {
    display:flex;
    align-items:stretch;
    gap:110px;
    position: relative;
}
#history .hisotry_view .history_box::before {
    content:'';
    width:27px;
    height:27px;
    background-image:url(./img/dot.png);
    background-repeat:no-repeat;
    position:absolute;
    left:160px;
    top:5px;
}
#history .hisotry_view .history_box::after {
    content:'';
    width:0;
    height:calc(100% + 35px);
    border-right:1px dashed rgba(123, 73, 146,0.7);
    position:absolute;
    left:172px;
    top:35px;
}
#history .hisotry_view .history_box .history_yy {
    width:125px;
    position: relative;
}

#history .hisotry_view .history_box .history_yy p {
    font-size:2.44em;
    font-weight:500;
    font-family: "The Jamsil";
    line-height:normal;
}
#history .hisotry_view .history_box .history_context {
    flex:1;
    display:flex;
    flex-direction: column;
    gap:30px;

}
#history .hisotry_view .history_box .history_context ul {
    display:flex;
    align-items:flex-start;
    gap:10px;
}
#history .hisotry_view .history_box .history_context .history_dd {
    width:70px;
    font-size:1.11em;
    font-weight:700;
    line-height:1.30;
    color:#7B4992;
}
#history .hisotry_view .history_box .history_context .history_ti {
    flex:1;
}
#history .hisotry_view .history_box .history_context .history_ti p {
    font-size:1.11em;
    font-weight:400;
    line-height:1.30;
}







/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {}
@media (max-width:1440px) {}
@media (max-width:1200px) {
    #history .hisotry_view .history_box {
        gap:80px;
    }
    #history .hisotry_view .history_box::before {
        left: 135px;
    }
    #history .hisotry_view .history_box::after {
        left: 149px;
    }
}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {}
@media (max-width:640px) {
    #history .hisotry_view .history_box {
        flex-direction:column;
        gap:30px;
    }
    #history .hisotry_view .history_box::before {
        left:auto;   
        right:0;
    }
    #history .hisotry_view .history_box .history_context {
        gap:20px;
    }
    #history .hisotry_view .history_box::after {
        width: calc(100% - 155px);
        height: 0;
        border-right: none;
        border-top: 1px dashed rgba(123, 73, 146, 0.7);
        left: 115px;
        top: 18px;
    }

}
@media (max-width:480px) {}
@media (max-width:320px) {}