#sub-history .gw-history-list{padding-bottom:80px;position: relative;}
#sub-history .gw-history-line{position:absolute;top:10px;left: 50%;width: 1px;height: 100%;background: #ddd;}
#sub-history .gw-history-list .gw-history-line:before {content: "";display: block;width: 1px;height: 0;background: var(--main-color);transition: all 1s;}
#sub-history .gw-history-list .gw-history-line.active:before {height: 100%;}
#sub-history .gw-history-box .gw-title{position:relative;font-size: var(--main-title03);transition: all .3s;}
#sub-history .gw-history-box .gw-title:before{content: "";display: block;width: 90px;height: 1px;background: #ddd;position: absolute;top: 50%;transform: translateY(-50%);transition: all .3s;}
#sub-history .gw-history-box .dot {position: absolute;top: 50%;width: 10px;height: 10px;border-radius: 50%;border: 10px solid #f2f2f2;background: #BFBFBF;transform: translateY(-50%);margin: 0;box-sizing: content-box;transition: all .3s;}
#sub-history .gw-history-box.active .gw-title {color: var(--main-color);}
#sub-history .gw-history-box.active .gw-title:before{background: var(--main-color);}
#sub-history .gw-history-box.active .dot {background: var(--main-color);}
#sub-history .gw-history-left-list .gw-history-box {padding-right: 100px;}
#sub-history .gw-history-left-list .gw-history-box .gw-title:before{right: -100px;}
#sub-history .gw-history-left-list .gw-history-box .dot{right: -115px;}
#sub-history .gw-history-left-list .gw-title{text-align: right;}
#sub-history .gw-history-left-list .gw-text > li > .gw-flex {flex-direction: row-reverse;}
#sub-history .gw-history-right-list{flex-direction: row-reverse;}
#sub-history .gw-history-right-list .gw-history-box {padding-left: 100px;}
#sub-history .gw-history-right-list .gw-history-box .gw-title:before{left: -100px;}
#sub-history .gw-history-right-list .gw-history-box .dot{left: -115px;}
#sub-history .gw-history-box .gw-text > li {align-items: flex-start;}
#sub-history .gw-history-box .gw-img {width: 100%;height: 210px;}


/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:768px){
    #sub-history .gw-history-container {padding-left: 20px;}
    #sub-history .gw-history-line{left: 0;}
    #sub-history .gw-w-50{width: 100% !important;}
    #sub-history .gw-history-box .gw-title:before{display: none;}
    #sub-history .gw-history-right-list{flex-direction: row;}
    #sub-history .gw-history-right-list .gw-history-box{padding-left: 40px;}
    #sub-history .gw-history-right-list .gw-history-box .dot{left: -55px;}
    #sub-history .gw-history-left-list .gw-title{text-align: left;}
    #sub-history .gw-history-left-list .gw-history-box{padding-right: 0;padding-left: 40px;}
    #sub-history .gw-history-left-list .gw-history-box .dot{right: inherit;left: -55px;}
    #sub-history .gw-history-left-list .gw-text > li > .gw-flex{flex-direction: row;}
}

@media screen and (max-width:576px){
    #sub-history .gw-history-box .gw-img{height: 30vw  ;}
}