@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 .icPL	{  width: 100%; padding: 7px 0px; margin: 0px; overflow: hidden; }
div.boxPart .icPL	 p		{ padding: 5px 0px 15px; line-height: 25px; font-family:  'Noto Sans KR'; font-size: 16px; font-weight: 400; color: #393939; }
div.boxPart .icPL	 ul		{ padding: 0px; margin-top: 5px; }
div.boxPart .icPL	 li		{ margin: 0 0 10px; font-family:  'Noto Sans KR'; font-size: 16px; }
div.boxPart .icPL	 li span	{ display: inline-block; width: 60px; color: #FFF; margin-right: 10px; padding: 0 10px; font-weight: 400; font-size: 15px; background: #d3170f; border-radius: 15px; text-align: center; }

div.boxPart .icPT	{  width: 100%; border-top: 1px solid #414d76; border-bottom: 1px solid #cecece; padding: 7px 0px; margin: 0px; }

div.boxPart .icTable	{ width: 100%; margin: 0px; padding: 0px; }
div.boxPart .icTable tbody th, .icTable 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 .icTable tbody th	{ position: relative; width: 80px; text-align: right; padding-right: 15px; color: #405391; }
div.boxPart .icTable tbody th:after	{ content: ""; position: absolute; top: 15px; right: 0; width: 1px; height: 14px; background: #cecece; }
div.boxPart .icTable tbody td	{ padding-left: 15px;  }
div.boxPart .icTable tbody td.text	{ padding-left: 15px; line-height: 23px; padding-bottom: 15px;  }
div.boxPart .icTable tbody td span	{ color: #FFF; margin-right: 10px; padding: 0 10px; font-weight: 400; font-size: 15px; background: #d3170f; border-radius: 15px; }
div.boxPart .icTable tbody .bn	{ border-bottom: none; }

div.boxPart .icPT01	{  width: 100%; padding: 0px 0px; margin: 0px; }
div.boxPart .icTable01	{ width: 100%; margin: 0px; padding: 0px;  border-top: 1px solid #414d76; }
div.boxPart .icTable01 thead th, .icTable01 tbody th, .icTable01 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; vertical-align: top; }
div.boxPart .icTable01 thead th	{ color: #FFF; line-height: 25px; background: #414d76; }
div.boxPart .icTable01 th:last-child, .icTable01 tbody td:last-child	{ border-right: none; }
.icTable01 tbody th, .icTable01 tbody td	{ text-align: center; padding: 0 5px; vertical-align: middle; }
.icTable01 tbody th	{ background: #F4F4F4; }
.icTable01 tbody th span	{ display: none; }
div.boxPart .icTable01 tbody .bn	{  border-bottom: 1px solid #cecece; }

div.boxPart .ssImg	{ margin: 20px 0 0 0; }
div.boxPart .ssImg img {width:100%}

@media(max-width:1216px) {
	div.boxPart .ssImg {float:left; width:100%}
	div.boxPart .ssImg img {width:100%}
}


@media(max-width:610px) {
	.icTable tbody td { padding: 5px 0px; line-height: 18px; vertical-align: middle; }

	.icTable01 tbody th span	{ display: block; }
}

 .dsPL01 {
	width: 100%;
	padding: 7px 0px ;
	margin: 0px;
	overflow: hidden;
}

.dsPL01 li {
	position: relative;
	margin: 0 0 10px;
	font-family: 'Noto Sans KR';
	font-size: 16px;
	padding-left: 15px;
}

.dsPL01 li:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 3px;
	width: 4px;
	height: 4px;
	background: #d3170f;
	border-radius: 4px;
}