@charset "utf-8"; 

div.partOne	{ clear: both; width: 100%; margin: 0 0 60px 0; padding: 0px; overflow: hidden; }
div.partTwo	{ float: left; width: 15%; margin: 0px; padding: 0px; }
div.partThree	{ float: left; width: 85%; }
.mb0	{ margin-bottom: 0px !important; }

div.partTwo div.partTit	{ width: 90px; height: 67px; padding-top: 23px; background: #9e0405; border-radius: 30% 4% 30% 4%; color: #FFF; font-size: 17px; line-height: 20px; font-family:  'Noto Sans KR'; font-weight: 600; text-align: center; }
div.partTwo div.partTit ul li {font-size: 17px; line-height: 20px; font-family:  'Noto Sans KR'; font-weight: 600;}

div.boxPart		{ width: 100%; margin: 0 0 40px 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 .schPL	{  width: 100%; border-top: 1px solid #414d76; border-bottom: 1px solid #cecece; padding: 7px 0px 0px; margin: 0px; }

div.boxPart .schTable	{ width: 100%; margin: 0px; padding: 0px; }
div.boxPart .schTable thead tr	{ border-bottom: 1px dashed #cecece; }
div.boxPart .schTable thead tr:last-child	{ border-bottom: 0px solid #cecece; }
div.boxPart .schTable thead td	{ padding-left: 10px; line-height: 40px; font-family:  'Noto Sans KR'; font-size: 15px; letter-spacing: -0.5px; font-weight: 500; color: #393939; vertical-align: top; }
div.boxPart .schTable thead td 	span.bullet	 { display: inline-block; margin: 0 7px 3px 0; padding: 0px; width: 4px; height: 4px; background: #d3170f; line-height: 4px; }
div.boxPart .schTable thead td	span.sp	{ color: #d3170f; }

div.boxPart .schTable thead td ul	{ margin: 0 0 10px 15px; padding: 0px; }
div.boxPart .schTable thead td li	{ line-height: 24px; font-family:  'Noto Sans KR'; font-size: 15px; font-weight: 400; color: #393939; }

div.boxPart .schTable tbody td	{ padding: 10px 20px; background: #f4f4f4; line-height: 25px; font-family:  'Noto Sans KR'; font-size: 14px; font-weight: 400; color: #393939; }
div.boxPart .schTable tbody td span.si	{ color: #4a64bd; font-weight: 600; }
div.boxPart .schTable tbody td span.sim12	{ padding-left: 12px; }


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

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 .ssTable tbody td hr	{ display: none; }


@media(max-width:1216px) {
	div.partTwo {width:100%}
	div.partTwo div.partTit {width:80%; height:32px; padding-top: 12px; border-radius: 20px 8px 20px 8px; margin: 0 auto; margin-bottom:30px;}
	div.partTwo div.partTit ul li {display:inline-block; }
	div.partThree {width:100%}

	div.boxPart .schTable thead td	{ line-height: 25px;  padding: 10px 0 10px 10px; }

	div.boxPart h3		{ font-size: 18px;  }
}

@media(max-width:610px) {
	div.boxPart .ssTable tbody th, .ssTable tbody td	{ padding: 5px 0px; line-height: 20px; font-size: 14px; }
	div.boxPart .ssTable tbody th	{ width: 60px; padding-right: 10px; }
	div.boxPart .ssTable tbody td	{ padding-left: 10px;  }
	div.boxPart .ssTable tbody td span	{ margin-right: 7px; padding: 0px 7px 0px; font-size: 13px; line-height: 15px; }
	div.boxPart .ssTable tbody td hr	{ display: block; padding: 2px; }
}