@CHARSET "UTF-8";

#sub-wrap{
  position: relative;
  width: 1100px;
  margin: 0 auto;
}

#snb-wrap{
  width: 100%;
  border-bottom: 1px solid #d0d0d0;
}

.snb-top h1{
  font-family: 'malgun gothic';
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  line-height: 100px;
}

.snb-menu{
  width: 100%;
}

.snb-menu li {
  font-family: 'malgun gothic';
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  display: table-cell;
  box-sizing: border-box;
}

.snb-menu li a{
  font-family: 'malgun gothic';
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  display: table-cell;
  box-sizing: border-box;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d29576;
  border-right: 1px solid #d0d0d0;
  width: 500px;
  padding: 10px 0;
}

.snb-menu li a:hover{
  background-color: #c7350b;
  color: #ffffff;
  transition: 0.4s;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d29576;
  border-right: 1px solid #d0d0d0;
}

.snb-menu li.on{
  background-color: #c7350b;
  color: #ffffff;
  transition: 0.4s;
}

.snb-menu li.left{
  border-left: 1px solid #d0d0d0;
}

#sub-content-wrap{
  margin: 60px 0;
  font-family: 'malgun gothic';
}

#sub-content{
  width: 100%;
}

#sub-content h2{
  font-family: 'malgun gothic';
  font-size: 30px;
  line-height: 80px;
  text-align: left;
  font-weight: 700;
  color: #c7350b;
}

#sub-content h3{
  font-family: 'malgun gothic';
  font-size: 24px;
  line-height: 60px;
  text-align: left;
  font-weight: 700;
}

#sub-content p{
  font-family: 'malgun gothic';
  font-size: 16px;
  line-height: 30px;
  text-align: left;
  padding: 10px 0;
}

#sub-content .chinese{
  font-family: 'Malgun Gothic', '돋움';
  font-size: 18px;
  line-height: 30px;
  text-align: left;
}

.sub-section{
  margin: 40px 0;
}

.sub-section-2{
  margin: 0 0 40px 0;
  display: inline-block;
  width: 49%;
}

.sub-section p{
  font-family: 'malgun gothic';
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  padding: 10px 0;
}

.sub-section-2  p{
  font-family: 'malgun gothic';
  font-size: 18px;
  line-height: 30px;
  text-align: left;
  padding: 10px 0;
}

/***************************************************연혁**************************************************/

.history {
	position:relative;
  font-family: 'malgun gothic';
}
.history dl {
	position:relative;
	padding-bottom:22px;
  font-family: 'malgun gothic';
}
.history dl::before {
	display:inline-block;
	content:'';
	width:100px;
	height:44px;
	position:absolute;
}
.history dl dt {
	font-size:25px;
	font-weight:bold;
	padding-top:8px;
	margin-bottom:12px;
	color:#c7350b;
  font-family: 'malgun gothic';
}
.history dl dd {
	font-size:16px;
	line-height:28px;
	color:#000;
	position:relative;
  font-family: 'malgun gothic';
}
.history dl dd span {
	display:inline-block;
	width:60px;
	font-size:20px;
	color:#c7350b;
	position:absolute;
  font-family: 'malgun gothic';
}

.history dl:nth-child(odd) {
	text-align:right;
	width:550px;
	padding-right:98px;
	border-right:1px solid #dddddd;
  font-family: 'malgun gothic';
}
.history dl:nth-child(odd) dd {
	padding-right:60px;
  font-family: 'malgun gothic';
}
.history dl:nth-child(odd) dd span {
	right:0;
  font-family: 'malgun gothic';
}
.history dl:nth-child(odd)::before {
	background:url(../img/sub/history_bg03.png) 0 0 no-repeat;
	right:-20px;
}
.history dl:nth-child(1)::before {
	background:url(../img/sub/history_bg01.png) 0 0 no-repeat;
}
.history dl:nth-child(even) {
	width:550px;
	left:550px;
	padding-left:98px;
	border-left:1px solid #dddddd;
}
.history dl:nth-child(even)::before {
	background:url(../img/sub/history_bg02.png) 0 0 no-repeat;
	left:-20px;
}
.history dl:nth-child(even) dd {
	padding-left:64px;
  font-family: 'malgun gothic';

}
.history dl:nth-child(even) dd span {
	left:0;
	text-align:right;
  font-family: 'malgun gothic';
}
.history dl:nth-child(odd):last-child {
	border-right:none !important;
	padding-right:100px;
	padding-bottom:0;
}
.history dl:nth-child(even):last-child {
	border-left:none !important;
	padding-bottom:0;
	padding-left:100px;
}
.history dl:nth-child(odd):last-child::before {
	right:-20px;
}
.history dl:nth-child(even):last-child::before {
	left:-22px;
}

/***************************************************사이트맵**************************************************/
.sitemap-section{
  margin: 20px 0;
}

.sitemap{
  padding: 0px 0 20px;
  border-bottom: 1px solid #d0d0d0;
}

.sitemap li{
  display: inline-block;
  margin-right: 10px;
}

.sitemap li a{
  font-family: 'malgun gothic';
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  display: table-cell;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  padding: 10px 30px;
  margin-right: 20px;
}

.sitemap li a:hover{
  background-color: #c7350b;
  color: #ffffff;
  transition: 0.4s;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d29576;
  border-right: 1px solid #d0d0d0;
}

/***************************************************연구원 연혁**************************************************/

.lab-history {
	position:relative;
  font-family: 'malgun gothic';
}
.lab-history dl {
	position:relative;
	padding-bottom:22px;
  font-family: 'malgun gothic';
}
.lab-history dl::before {
	display:inline-block;
	content:'';
	width:100px;
	height:44px;
	position:absolute;
}
.lab-history dl dt {
	font-size:25px;
	font-weight:bold;
	padding-top:8px;
	margin-bottom:12px;
	color:#c7350b;
  font-family: 'malgun gothic';
}
.lab-history dl dd {
	font-size:16px;
	line-height:28px;
	color:#000;
	position:relative;
  font-family: 'malgun gothic';
}
.lab-history dl dd span {
	display:inline-block;
	width:60px;
	font-size:20px;
	color:#c7350b;
	position:absolute;
  font-family: 'malgun gothic';
}

.lab-history dl:nth-child(even) {
	text-align:right;
	width:550px;
	padding-right:98px;
	border-right:1px solid #dddddd;
  font-family: 'malgun gothic';
}
.lab-history dl:nth-child(even) dd {
	padding-right:40px;
  font-family: 'malgun gothic';
}
.lab-history dl:nth-child(even) dd span {
	right:0;
  font-family: 'malgun gothic';
}
.lab-history dl:nth-child(even)::before {
	background:url(../img/sub/history_bg03.png) 0 0 no-repeat;
	right:-20px;
}
.lab-history dl:nth-child(1)::before {
	background:url(../img/sub/history_bg01.png) 0 0 no-repeat;
}
.lab-history dl:nth-child(odd) {
	width:550px;
	left:550px;
	padding-left:98px;
	border-left:1px solid #dddddd;
}
.lab-history dl:nth-child(odd)::before {
	background:url(../img/sub/history_bg02.png) 0 0 no-repeat;
	left:-20px;
}
.lab-history dl:nth-child(odd) dd {
	padding-left:44px;
  font-family: 'malgun gothic';

}
.lab-history dl:nth-child(odd) dd span {
	left:0;
	text-align:left;
  font-family: 'malgun gothic';
}
.lab-history dl:nth-child(even):last-child {
	border-right:none !important;
	padding-right:100px;
	padding-bottom:0;
}
.lab-history dl:nth-child(odd):last-child {
	border-left:none !important;
	padding-bottom:0;
	padding-left:100px;
}
.lab-history dl:nth-child(even):last-child::before {
	right:-20px;
}
.lab-history dl:nth-child(odd):last-child::before {
	left:-22px;
}

/***************************************************서브테이블**************************************************/
.sub-section table{
  border-top: 1px solid #534741;
  border-right: 0;
  border-left: 0;
}

.sub-section table thead th{
  height: 48px;
  border-bottom: 1px solid #534741;
  font-weight: bold;
  font-family: 'malgun gothic';
  font-size: 18px;
  text-align: center;
}

.sub-section table tbody th{
  height: 48px;
  border-bottom: 1px solid #e0e0e0;
  font-weight: bold;
  font-family: 'malgun gothic';
  font-size: 16px;
  text-align: center;
}

.sub-section table tbody td{
  height: 48px;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 400;
  font-family: 'malgun gothic';
  font-size: 16px;
  text-align: center;
  line-height: 32px;
}