@charset "utf-8"; 


div.boxPart		{ width: 100%; margin: 0 0 60px 0; padding: 0px; }

div.boxPart h3		{ position: relative; margin: 0 0 10px 7px; padding: 0 0 0 22px; font-size: 20px; line-height: 35px; font-family:  'Noto Sans KR';  font-weight: 500; color: #000; }
div.boxPart h3:after	{ content: ""; position: absolute; top: 11px; left: 0; width: 15px; height: 14px; border-right: 1px solid #FFF; background: url(/images/open_content/introduction/history/part_line.png) no-repeat center; }
div.boxPart h3 span.new		{ position: relative; display: inline-block; width: 32px; height: 32px; text-align: center; margin: -3px 0px -3px 8px; padding: 0 0 0 0px; font-size: 12px; line-height: 30px; font-family:  'Noto Sans KR';  font-weight: 500; color: #FFF; background: #d3170f; border-radius: 50px; }

div.boxPart .ssPL	{  width: 100%; border-top: 1px solid #414d76; border-bottom: 1px solid #cecece; padding: 7px 0px; margin: 0px; }

div.boxPart .ssTable	{ width: 100%; margin: 0px; padding: 0px; }
div.boxPart .ssTable tbody th, .ssTable tbody td	{ padding: 5px 0px; line-height: 35px; font-family:  'Noto Sans KR'; font-size: 15px; font-weight: 500; color: #393939; border-bottom: 1px dashed #cecece; vertical-align: top; }
div.boxPart .ssTable tbody th	{ position: relative; width: 80px; text-align: right; padding-right: 15px; color: #405391; }
div.boxPart .ssTable tbody th:after	{ content: ""; position: absolute; top: 15px; right: 0; width: 1px; height: 14px; background: #cecece; }
div.boxPart .ssTable tbody td	{ padding-left: 15px;  }
div.boxPart .ssTable tbody td span	{ color: #FFF; margin-right: 10px; padding: 0 10px; font-weight: 400; font-size: 15px; background: #d3170f; border-radius: 15px; }
div.boxPart .ssTable tbody .bn	{ border-bottom: none; }

div.boxPart .ssTable01	{  width: 100%; padding: 0px 0px; margin: 0px; }
div.boxPart .ssTable01	{ width: 100%; margin: 0px; padding: 0px;  border-top: 1px solid #414d76; }
div.boxPart .ssTable01 thead th, .ssTable01 tbody th, .ssTable01 tbody td	{ padding: 5px 0px; font-family:  'Noto Sans KR'; font-size: 15px; font-weight: 500; color: #393939; border-bottom: 1px dashed #cecece; border-right: 1px dashed #cecece; }
div.boxPart .ssTable01 thead th	{ color: #FFF; line-height: 20px; background: #414d76; }
div.boxPart .ssTable01 th:last-child, .ssTable01 tbody td:last-child	{ border-right: none; }
.ssTable01 tbody th, .ssTable01 tbody td	{ text-align: center; padding: 5px; }
.ssTable01 tbody th	{ background: #F4F4F4; }
div.boxPart .ssTable01 tbody .bn	{  border-bottom: 1px solid #cecece; }

div.boxPart .ssImg	{ margin: 20px 0 0 0; overflow: hidden; }
div.boxPart .ssImg img {width:100%}

@media(max-width:1216px) {
	div.boxPart .ssImg { width:100%; }
	div.boxPart .ssImg img {width:100%}
}

@media(max-width:666px) {
	div.boxPart .ssImg { width:100%; text-align: center;}
	div.boxPart .ssImg img {width:40%; }
}