@charset "utf-8";

.history {margin-bottom:40px}
.history h2 small {display:inline-block;line-height: 1.6}
.history .column-title {
	position:relative;margin-bottom:30px;margin-top:0;
	font:16px Nanum Gothic, Tahoma; font-weight:500;
	padding:0 40px 20px 40px;
	background-color:#fff;
	overflow: hidden
}

.history .resume-box {display:table;table-layout: fixed;margin-bottom:50px;height:100%}
.history .resume-box .column-year {display:table-cell;vertical-align:top;padding:0 0px;width:140px;text-align:center;border-right:1px solid #ddd;}
.history .resume-box .column-year h4 {margin-bottom:0;font:16px Nanum Gothic, Tahoma; color: rgb(20, 20, 20);font-weight: 600;letter-spacing: 1px}
.history .resume-box .column-year span {text-align:left;font:16px Nanum Gothic, Tahoma;color: rgb(180, 180, 180)}
.history .resume-box .column-content {font:13px Nanum Gothic, Tahoma; padding:5px 40px 5px 20px}
.history .resume-box .column-content h4 {margin:0 0 10px 0;font:13px Nanum Gothic, Tahoma;font-weight:600;color:#333}
.history .resume-box .column-content p {margin:0;font:13px Nanum Gothic, Tahoma;}

@media (max-width: 480px) { 
	.history .column-title:after {bottom:-10px;font:40px Nanum Gothic, Tahoma;}
	.history .resume-box {display:block}
	.history .resume-box .column-year {display:block;padding:0 0 10px 0;width:100%;text-align:left;border:0;border-bottom:1px solid #ddd}
	.history .resume-box .column-content {padding:16px 0}
}