@charset "utf-8";
/* 원심창의사 소개 > 연보*/


/*위에 연도 선택*/
table.historyBox{
	position:relative; border-collapse:collapse; margin:0 auto;
}
table.historyBox td{
	border:1px solid #ccc; text-align:center; vertical-align:center;
	height:40px; width:130px;
	font-family:'Lato'; font-size:18px;
	transition:all 0.2s; cursor:pointer;
}
	table.historyBox td:hover{background-color:#666; color:#c9cad1;}
	table.historyBox td.on{background-color:#c9cad1; color:#fff; font-weight:400;}
	
/*내용 테이블*/
section.hisContent{
	position:relative; width:100%; margin-top:35px;
}
	
section.hisContent table{
	position:relative; border-collapse:collapse; width:100%;
}
	section.hisContent table td.tdYear{
		position:relative; font-family:'Lato'; color:#666; font-size:32px; vertical-align:top; border-right:2px solid #ccc; width:100px; letter-spacing:-1px;
	}
	section.hisContent table td.tdTxt{
		position:relative; box-sizing:border-box; padding-left:30px; text-align:justify; line-height:190%;
	}
	section.hisContent table td.tdTxt div{margin-bottom:35px;}
	section.hisContent table td.tdTxt div p.dates{
		font-family:'Lato'; font-size:16px; color:#1e2574; font-weight:400;
	}
	
section.hisContent1,section.hisContent3{margin-bottom:200px;}
section.hisContent{display:none;}
section.hisContent.on{display:block;}






/* 기념사업회 소개 > 연혁*/


/*위에 연도 선택*/
table.historyBox{
	position:relative; border-collapse:collapse; margin:0 auto;
}
table.historyBox td{
	border:1px solid #ccc; text-align:center; vertical-align:center;
	height:40px; width:130px;
	font-family:'Lato'; font-size:18px;
	transition:all 0.2s; cursor:pointer;
}
	table.historyBox2 td:hover{background-color:#666; color:#fff;}
	table.historyBox2 td.on{background-color:#1e2574; color:#fff; font-weight:400;}
	
/*내용 테이블*/
section.his{
	position:relative; width:100%; margin-top:35px; margin-left: 100px;
}
	
section.his table{
	position:relative; border-collapse:collapse; width:100%;
}
	section.his table td.tdYear{
		position:relative; font-family:'Lato'; color:#666; font-size:32px; vertical-align:top; border-right:2px solid #ccc; width:100px; letter-spacing:-1px;
	}
	section.his table td.tdTxt{
		position:relative; box-sizing:border-box; padding-left:30px; text-align:justify; line-height:190%;
	}
	section.his table td.tdTxt div{margin-bottom:35px;}
	section.his table td.tdTxt div p.dates{
		font-family:'Lato'; font-size:16px; color:#1e2574; font-weight:400;
	}
	
section.hisContent1,section.hisContent3{margin-bottom:200px;}
section.hisContent{display:none;}
section.hisContent.on{display:block;}