@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 .dsPL	{  width: 100%; padding: 7px 0px; margin: 0px; overflow: hidden; }
div.boxPart .dsPL p		{ padding: 5px 0px 15px; line-height: 25px; font-family:  'Noto Sans KR'; font-size: 16px; font-weight: 400; color: #393939;}
div.boxPart .dsPL ul		{ padding: 0px; margin-top: 5px; }
div.boxPart .dsPL li		{ margin: 0 0 10px; font-family:  'Noto Sans KR'; font-size: 16px; }
div.boxPart .dsPL 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 .dsPL01			{  width: 100%; padding: 7px 0px; margin: 0px; overflow: hidden; }
div.boxPart .dsPL01 ul		{ padding: 0px; margin-top: 5px; }
div.boxPart .dsPL01 li		{ position: relative; margin: 0 0 10px; font-family:  'Noto Sans KR'; font-size: 16px; padding-left: 15px; }
div.boxPart .dsPL01 li:after	{ content: ""; position: absolute; top: 11px; left: 3px; width: 4px; height: 4px; background: #d3170f; border-radius: 4px; }

div.boxPart .dsPT	{  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; }


@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; }

}