@charset "utf-8";

.historyWrap{}

.historyWrap .tab_year{position:relative;background:url(../images/history_tab_bg.jpg) center;height:270px;}
.historyWrap .tab_year span{display:block;padding:20px;color:#FFF;background:rgba( 0,0,0,0.4 );position:absolute;bottom:0;width:100%;box-sizing:border-box;}
.historyWrap .tab_year span i{display:block;font-weight:600;}

.historyWrap .tab_nav{margin-top:30px;}
.historyWrap .tab_nav ul{overflow:hidden;border-left:1px solid #d8d8d8;border-top:1px solid #d8d8d8;}
.historyWrap .tab_nav ul li{float:left;width:14.28%;}
.historyWrap .tab_nav ul li a{display:block;box-sizing:border-box;padding:12px 0;text-align:center;font-size:15px;font-weight:400;border-bottom:1px solid #d8d8d8;border-right:1px solid #d8d8d8;}
.historyWrap .tab_nav ul li a:hover,
.historyWrap .tab_nav ul li a:focus,
.historyWrap .tab_nav ul li a.active,
.historyWrap a.m_active{color:#FFF;border-bottom:1px solid #51c4cb;border-right:1px solid #51c4cb;background:#51c4cb url(../images/sidenav_bul_2.png) no-repeat 90% center;}
.historyWrap a.m_active{display:block;box-sizing:border-box;padding:12px 0;text-align:center;font-size:15px;font-weight:400;border:0;width:100%;}
.historyWrap a.m_active{display:none;}

.historyWrap h2{margin:50px 0;padding-bottom:40px;border-bottom:2px solid #1b1b1b;text-align:center;font-size:29px;line-height:1.25;}
.historyWrap h2 img{display:block; max-width:100%; margin-bottom:20px;}
.historyWrap h2 span{display:block;font-size:34px;}
.historyWrap h2 i{font-weight:200;}

.historyWrap .history_con{position:relative;}
.historyWrap .history_con:before{content:"";display:block;width:0;height:100%;position:absolute;top:15px;left:11.85%;border-left:1px dashed #DDD;}
.history_con .con{overflow:hidden;margin-bottom:30px;}
.history_con .con h3{float:left;width:12.5%;position:relative;font-size:24px;color:#2385f3;}
.history_con .con h3:before{content:"";display:block;border:3px solid #2385f3;background:#FFF;width:5px;height:5px;border-radius:100%;position:absolute;right:0;top:calc(50% - 5.5px);}
.history_con .con dl{float:left;width:80%;margin-left:5%;margin-top:5px;overflow:hidden;}
.history_con .con dl dt{float:left;clear:both;width:10%;margin-bottom:15px;}
.history_con .con dl dd{font-size:16px;float:left;margin-bottom:15px; width:90%;}
.history_con .con dl dd ul{margin-top:10px;}
.history_con .con dl dd ul li{position:relative;padding:3px 8px;}
.history_con .con dl dd ul li:before{content:"";display:block;background:#7f7f7f;width:2px;height:2px;position:absolute;top:12px;left:0;}

@media only screen and (max-width:820px){
	.historyWrap .tab_year{height:200px;}
	.historyWrap .tab_nav ul li{width:25%;}

	.historyWrap .history_con:before{top:15px;left:5px;}
	.history_con .con h3{float:none;width:auto;padding-left:3%;}
	.history_con .con h3:before{right:auto;top:calc(50% - 5.5px);left:0;}
	.history_con .con dl{float:none;width:auto;margin-left:5%;}
	.history_con .con dl dt{width:12.5%;}
	.history_con .con dl dd{width:85%;}
}
@media only screen and (max-width:480px){
	.historyWrap .tab_year{height:150px;}
	.historyWrap a.m_active{display:block;margin-top:30px;}
	.historyWrap .tab_nav{display:none;width:100%;position:absolute;top:316px;left:0;border-bottom:2px solid #d8d8d8;z-index:1;}
	.historyWrap .tab_nav ul{box-sizing:border-box;width:100%;height:250px;overflow-x:hidden;overflow-y:auto;}
	.historyWrap .tab_nav ul li{float:none;width:100%;}
	.historyWrap .tab_nav ul li:last-child a{border-bottom:0px;}
	.historyWrap .tab_nav a{background:#FFF;}
	.historyWrap .tab_nav a.active{display:none;}

	.history_con .con h3{padding-left:5%;}
	.history_con .con dl{margin-left:7%;}
	.history_con .con dl dt{width:20%;}
	.history_con .con dl dd{width:80%;}
}
@media only screen and (max-width:320px){
	.history_con .con dl dt,
	.history_con .con dl dd{float:none;width:100%;margin-bottom:0px;}
	.history_con .con dl dd{margin-bottom:15px;}
}


			/*DIVIDE*/
	#tabNav_w nav ul li{width:14.28%;}
	@media only screen and (max-width:820px){
		#tabNav_w nav ul li{width:25%;}
	}