@charset "utf-8";

/*실적표 */
.history-box .years {position:relative;}
.history-box .years:before {content:'';position:absolute;width:100%;height:1px;background:#ddd;top:67px;left:0;}
.history-box .years ul {display:table;table-layout:fixed;width:100%;padding:0;margin:0;list-style:none;}
.history-box .years ul li {display:table-cell;text-align:center;height:80px;cursor:pointer;}
.history-box .years ul li span {display:block;position:relative;font-size:10pt;line-height:30px;white-space:nowrap;font-size:1.0rem;}
.history-box .years ul li:nth-child(2n+2) span {top:20px;font-size:1.0rem;}
.history-box .years ul li span:after {content:'';display:block;position:absolute;top:40px;left:50%;transform:translateX(-50%);background:#005cab;border-radius:50%;width:12px;height:12px;}
.history-box .years ul li span:before {content:'';display:block;position:absolute;top:25px;left:50%;width:1px;height:40px;background:#888;}
.history-box .years ul li span:after,
.history-box .years ul li span:before {transition:all 0.1s;}
.history-box .years ul li:nth-child(2n+1) span:after {top:60px;}
.history-box .years ul li:nth-child(2n+2) span:before {height:20px;}
.history-box .years ul li.active span:before,
.history-box .years ul li:hover span:before {background#005cab;}
.history-box .years ul li.active span:after,
.history-box .years ul li:hover span:after {background:#005cab;box-shadow:#f8c 0 0 0 7px;}
.history-box .years ul li.active span {font-weight:bold;font-size:1.3rem;color: #005cab;}

.history-box .portfolio1 {display:block;position:relative;padding-left:120px;border-top:solid 0px #ddd;margin-top:30px;}
.history-box .portfolio1 dt {color: #005cab;font-size:28px;font-weight:bold;width:120px;text-align:right;white-space:nowrap;position:absolute;left:0;top:0;padding:10px 20px 0 0;margin:0;box-sizing:border-box;}
.history-box .portfolio1 dd {border-left:solid 1px #ddd;padding:20px 0 0 20px;margin:0;min-height:300px;background: url(/images/company-bg.png) 90% 50% no-repeat;}
.history-box .portfolio1 dd ul {display:block;padding:0;margin:0;font-size: 16px;}
.history-box .portfolio1 dd ul li {line-height:1.6;padding-bottom:10px;list-style:disc inside;}

@media (max-width:1000px){
	.history-box .portfolio1 dd ul li  {font-size: 0.9rem;}
}

@media screen and (max-width:680px){
	.history-box .portfolio1 dd ul li  {font-size: 0.8rem;}
	.history-box .portfolio1 dd {border-left:solid 0px #ddd;padding:20px 0 0 0px;margin:0;min-height:300px;}
	.history-box .years {padding-bottom:30px;overflow-x:scroll;-webkit-overflow-scrolling:touch;}
	.history-box .years ul {width:auto;}
	.history-box .years ul li {min-width:4.2em;}
	.history-box .portfolio1 {padding-left:0;padding-top:50px;}
	.history-box .portfolio1 dt {width:100%;text-align:center;padding:10px 0;}
}