/* history css */
.history-inContents{width:100%;margin:0 auto;margin-top:105px;position:relative;font-family: 'Noto Sans Korean';/* border: 1px solid #fff; *//* height: 100%; */}
.history-inContents .history-bar{
  height:460px; width:2px; 
  position:absolute;
  left:15px;
  top:-30px; 
  background-image: linear-gradient( rgba(255, 255, 255, 0) , rgba(255, 255, 255, 0.9) , rgba(255, 255, 255, 0.0) );
}
.history-nav-cover {height:400px;  width:100px;overflow:hidden; display:inline-block;  position:absolute; left:0; }
.history-nav{height:400px;/* width:85px; */margin:0;padding:0;position:absolute;left:30px;}
.history-nav li{color:#fff; width:100%; height: 26px; text-align:left; margin:34px 0; font-size:16px; display:inline-block; visibility:hidden; position:relative; cursor:pointer;}
.history-nav li > span{ position:relative;left:-5px; display:inline-block; }


/* 연혁 왼쪽 네비게이션 바 */
.history-nav li:first-child{margin-top:0;}
.history-nav li:last-child{margin-bottom:0;}
.history-nav li:nth-child(1){  visibility:visible; opacity:0.3;}
.history-nav li:nth-child(2){ visibility:visible;opacity:0.5;}
.history-nav li:nth-child(3){ visibility:visible; }
.history-nav li:nth-child(4){ visibility:visible; opacity:0.5;}
.history-nav li:nth-child(5){ visibility:visible;opacity:0.3;}
.history-nav li:nth-child(6){ visibility:visible;opacity:0.3;}

.col_changer{animation-name:colorChanger; animation-duration: 2s;}
.col_reverse{animation-name:colorChanger_reverse; animation-duration: 2s;}

@keyframes colorChanger{
  0%{
    color:#fff;
  }
  100%{
    color:#30c9d6;
  }
}

@keyframes colorChanger_reverse{
  0%{
     color:#30c9d6;
  }
  100%{
     color:#fff;
     opacity:0.5;
  }
}

.blue_circleBig{position:absolute; left:-7.5px; top:0px; display:none;}
.history-nav-dot{margin:0; padding:0;  position:absolute; left:10px; }
.history-nav-dot li{height: 60px;margin:34px 0;position:relative;display:block; visibility:hidden;}
.history-nav-dot li:first-child{margin-top:0;}
.history-nav-dot li:last-child{margin-bottom:0;}
.history-nav-dot li:nth-child(1){  visibility:visible; }
.history-nav-dot li:nth-child(2){ visibility:visible;}
.history-nav-dot li:nth-child(3){ visibility:visible;  }
.history-nav-dot li:nth-child(4){ visibility:visible;}
.history-nav-dot li:nth-child(5){ visibility:visible;}
.history-nav-dot li:nth-child(6){ visibility:visible;}

.historyMove-top{position:absolute; z-index:99; font-size:20px; color:#fff; left:0px;top:-30px;cursor:pointer; opacity:0.3;}
.historyMove-bottom{position:absolute; z-index:99; font-size:20px; color:#fff; left:1.8px;bottom:-440px;cursor:pointer; opacity:0.3; transform:rotate(180deg)}

/* 연혁 숫자 롤링 */
.history-numCounter-box{/* width:440px; */height:356px;position:relative;float:left;text-align:left;left: 158px;top: 45px;}
.history-numCounter{width:378px; height:120px;  position:relative;display:inline-block; overflow:hidden;}
.history-numCounter .numCounter{width:25%; margin:0; padding:0; float:left; position:relative; left:-17px;}
.history-numCounter .numCounter img{width:auto; max-height:120px; }

.history-text{width:100%;height:183px;position:relative;display:none;text-align:left;top:38.5px;font-weight: 100;top: 15px;}
.history-img-box{display:inline-block;text-align:center;position: absolute;right: 0;}
.history-img-box img{display:inline-block; vertical-align:middle; opacity:0; position:relative;}

.history-text > p{color:#fff;font-size:20px;line-height: 36px;margin-top: 14px;}
.history-text > p > span{font-size:15px;line-height: 30px;display: inline-block;}