#histoy_table {width:100%;}
#histoy_table td {border-bottom:1px solid #ededed; padding:10px 0 10px 0; }
#histoy_table .his_year  {width:18%;  font-weight:600; color:#000; font-size:14px;}
#histoy_table .his_text  {width:72%;  }










/* history - sec02 */
.history .sub-sec.sec01 {padding: 110px 82px 0;}
/* history - sec03 */
.history .sec03 {padding-top: 50px;}
.history_wrap { position: relative;/*  overflow: hidden; */}

.history_box {position: relative;padding:0;}
.history_box:before {content:'';display: block; position: absolute; left: 50%;top: 0;transform:translateX(-50%);width: 1px; height: 0; /* background: #1cd8b6; */transition: 3s ease;}
.history_box.on:before {height: 100%;}


.history_box .bg {position:absolute; left:0; width:50%;}



@media (min-width:991px) {
.history_li {background: #fff;height: 100%;margin: 0 auto;padding: 0 0 60px;position: relative;width: 100%;transition: 0.3s ease; list-style:none;}

.history_wrap:before {content: '';display: block;width: 1px;height: 100%;background: #dedede;position: absolute;left: 50%;top: 0;transform: translateX(-50%);z-index: 3;}
.history_li > div {display: inline-block;flex-direction: column;position: relative;width: 50%;word-break: keep-all;top: -35px;}
.history_li .right {padding-left: 50px;text-align: left;}
.history_li .left {align-items: flex-end;padding-right: 50px;text-align: right;}
.history_wrap .line {display: block;position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 1px;height: 0;background: #ededed;transition: 1s ease;z-index: 3;}
.history_wrap .line:before {background: #dedede;border-radius: 50%;content: "";left: -2.8px;top: 0;position: absolute;width: 7px;height: 7px;z-index: 10;transition: 0.3s ease;}
.history_wrap .line.on:before  {background: #1cd8b6;}
.history_wrap .line:after {content:'';display: block;width: 27px;height: 27px;background: rgba(28,216,182,0.2);position: absolute;left: -12.5px;z-index: 9;top: -15px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;transform: scale(0);transition: 0.5s;}
.history_wrap .line.on:after {transform: scale(1);}
.history_li > div:after {content: "";display: block;width: 27px;height: 27px;background: #101010;position: absolute;left: -13.5px; z-index: 9; top: 25px;-webkit-border-radius: 100%;-moz-border-radius: 00%;border-radius: 100%; transform:scale(0); transition: 0.5s;}
.history_li:first-child {padding: 125px 0 120px;}
.history_li > div:before {background: #fff;border-radius: 50%;content: "";left: -3.5px;top: 35px;position: absolute;width: 7px;height: 7px;z-index: 10;transition: 0.3s ease;}
}
@media (max-width:991px) {
.history_li {background: #fff;height: 100%;margin: 0 auto;padding:40px 0 40px 0; position: relative;width: 100%;transition: 0.3s ease; list-style:none; border-bottom:1px solid #ededed;}
.history_wrap:before {display:none;}
.history_li > div {flex-direction: column;position: relative; }
.history_li > div p {margin:0;}
.history_li > div .text-large {font-size:16px;}
.history_li .right {\text-align: center;}
.history_li .left {align-items: flex-end;text-align: center;}
.history_wrap .line {display:none;}
.history_li > div:after {display:none;}
.history_li > div:before {display:none;}
}





.history_li:last-child {z-index: 4;}
.history_li:nth-of-type(odd) {text-align: right;}
.history_li.on {}
.history_wrap .line.on:after {transform: scale(1);}

.history_li > div.left:before {right: -3.5px;left: auto;}
.history_li.on > div:before {background: #fff;}
.history_li > div.left:after {right: -13.5px;left: auto;}
.history_li.on > div:after {transform:scale(1);}
.history_li > div .year {color: #101010;font-weight: 700;font-size:30px; }
.history_li > div .story {font-weight: 500; margin-top: 10px;}
.history_li > div .story:first-child {margin-top: 5px;}
.history_li > div .story span {display: block;letter-spacing: -1.39px;color: #616161;font-weight: normal;}
.history_li .img-ani {
 -webkit-transition: transform 0.2s ease, opacity 0.2s ease;
    -moz-transition: transform 0.2s ease, opacity 0.2s ease;
    -ms-transition: transform 0.2s ease, opacity 0.2s ease;
    -o-transition: transform 0.2s ease, opacity 0.2s ease;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.history_li .img-aniload {
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    opacity: 1;
}




.recbox {width:100%;height:100%;display:grid;padding:40px;min-height:217px;}
.recbox .num {font-size:20px; line-height:32px; color:#a5a5a5; font-family: 'Montserrat', sans-serif; font-weight:600;}
.recbox .title {font-size:25px; line-height:35px;font-weight:700; color:#000; padding-bottom:20px;}
.recbox .con {font-size:18px; line-height:25px; color:#6d6d6d; width:75%;}
.recbox_en {width:100%;height:100%;display:grid;padding:40px;min-height:270px;}
.recbox_en .num {font-size:20px; line-height:32px; color:#a5a5a5; font-family: 'Montserrat', sans-serif; font-weight:600;}
.recbox_en .title {font-size:25px; line-height:35px;font-weight:700; color:#000; padding-bottom:20px;}
.recbox_en .con {font-size:18px; line-height:25px; color:#6d6d6d; width:75%;}




.modify_table {width:100%;}