/*  공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
/* TabMenu */
#exam_wrapper .sub_tab ul li{width:20%;}

/* Contents Top Viual*/
#exam_wrapper .sub_con_toppic{
	width: 100%;
	height: 296px;
	margin-top:37px;
}
/* top이미지 */
	.sub_con_toppic{ background:url("../images/sub03/labo_topimg.jpg") no-repeat center top; }
	#sub_body .sub_con_toppic h3{ font-size:2em; color:#fff; letter-spacing:-0.1em;}
	.sub_con_toppic .txt_div{ font-size:1.3em; color:#fff;}

	/* 연구소소개 */
	.laboratory_cont .txt{ 	padding:5% 0;	}
	.laboratory_cont .txt p{ 	padding-bottom:2%;	}

	/* 연구내용 */
	#re_contents .re_contents_cont {
		overflow:hidden;
	}
	#re_contents .re_contents_cont .para_01{
		background:url("../images/sub/sbg_03.jpg") repeat center top;
		color:#fff;
		min-height:100px;
		padding:3%;
		position:relative;
	}
	#re_contents .re_contents_cont .para_01 .pa_tit01{
		font-size:2em;
		color:#fff;
		position: relative;
		margin:0;
	}
	.re_contents_cont .para_01 .pa_tit02{
		line-height: 120%;
	}
	.re_contents_cont .para_01 .pa_tit03{
		font-size:14px;
		display: table;
		position:absolute;
		top:35%;
	}
	.re_contents_cont .para_01 .pa_tit03::after, .re_contents_cont .para_01 .pa_tit03::before{
		background-color: rgba(255, 255, 255, 0.2);
		content: " ";
		display: table;
		height: 1px;
		bottom: 0px;
		width: 100%;
	}
	.re_contents_cont .para_02{
		background-color: #fff;
		border-bottom:1px solid #eaeaea;
	}
	.re_contents_cont .para_02 ul{
		overflow:hidden;
		border-left:1px solid #eaeaea;
	}
	.re_contents_cont .para_02 ul li{
		float:left;
		border-right:1px solid #eaeaea;
		border-top:1px solid #eaeaea;
		text-align:center;
	}
	.re_contents_cont .para_02 ul li dl{
		padding:5%;
	}
	.re_contents_cont .para_02 ul li dt{
		padding:10px 0;
		margin-bottom:20px;
		border-bottom:1px solid #eaeaea;
		color:#000;
		font-size:20px;
		line-height: 120%;
		height:50px;
	}
	.re_contents_cont .para_02 ul li dd{
		font-size:14px;
		text-align:left;
		padding:0 0 15px 10px;
		line-height: 120%;
		background:url("../images/common/dot_01.jpg") no-repeat left 8px; 
	}
	


	/* 연구실적 */
	#capabilities .capabilities_cont{
		overflow:hidden;
	}
	#capabilities .capabilities_cont .para_01{
		background:url("../images/sub/sbg_03.jpg") repeat center top;
		color:#fff;
	}
	#capabilities .capabilities_cont .para_01 .pa_tit01{
		font-size:2em;
		color:#fff;
		position: relative;
	}
	.capabilities_cont .para_01 .pa_tit02{
		line-height: 120%;
	}
	.capabilities_cont .para_01 .pa_tit03{
		font-size:14px;
		display: table;
	}
	.capabilities_cont .para_01 .pa_tit03::after, .capabilities_cont .para_01 .pa_tit03::before{
		background-color: rgba(255, 255, 255, 0.2);
		content: " ";
		display: table;
		height: 1px;
		bottom: 0px;
		width: 100%;
	}
	.capabilities_cont .para_02{
		background-color: #fff;
		border-bottom:1px solid #eaeaea;
	}
	.capabilities_cont .para_02 ul{
		overflow:hidden;
		border-left:1px solid #eaeaea;
	}
	.capabilities_cont .para_02 ul li p{
		line-height: 120%;
	}
	.capabilities_cont .para_02 ul li{
		float:left;
		border-right:1px solid #eaeaea;
		border-top:1px solid #eaeaea;
		text-align:center;
		display:table;
	}
	.capabilities_cont .para_02 ul li p span{
		color:#9d9d9d;
	}
	#capabilities .capabilities_cont .tabl_ce{
		display:table-cell;
		vertical-align: middle;
		padding:0 5px;
	}
	.capabilities_cont table td{
		word-break:break-all;
	}


@media screen and  (max-width:1199px) {/* 최대 1023 이하 공통사항------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* top이미지 */
	#sub_body .sub_con_toppic h3{ font-size:1.7em;}
	.sub_con_toppic{ height:220px;}

	/* 연구내용 */
	.re_contents_cont .para_02 ul li{
		width: calc( 50% - 1px );
	}

	/* 연구실적 */

	#capabilities .capabilities_cont .para_01 .pa_tit01{
		font-size: 2em;
		margin:0;
	}
	.capabilities_cont .para_01 .pa_tit02 br{	display:none;	}
	.capabilities_cont .para_01 p.pa_tit03{	display:none !important;}
	.capabilities_cont .para_02 ul li{
		width: calc( 50% - 1px );
		height:90px;
	}
	#capabilities .capabilities_cont .para_01 div, #capabilities .capabilities_cont  p{		height: 90px;	}
	#capabilities .capabilities_cont .para_01 .pa_tit01{	padding:0;	}

	
	

}


@media screen and (max-width:768px) {/* 최대 767 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 연구소소개 */
	.laboratory_cont > p{ display:none;	}

	/* 연구내용 */
	#re_contents .re_contents_cont .para_01 .pa_tit01 { 	font-size: 1.8em;	}
	#re_contents .re_contents_cont .para_01 .pa_tit02 { 	padding-bottom:1.5em;}
	.re_contents_cont .para_01 .pa_tit03{	display:none;	}
	.re_contents_cont .para_02 ul li{
		width: calc( 100% - 1px );
	}
	/* 연구실적 */
	#capabilities .capabilities_cont .para_01 .pa_tit01{
		font-size:1.5em;
	}
	.capabilities_cont .para_02 ul li {
		height: 130px;
	}


}

@media all and (min-width:769px) and (max-width:1199px) {/* 최소 769 ~ 1199 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 연구소소개 */
	.laboratory_cont { 	position:relative;	}
	.laboratory_cont .txt{ 	width:70%;	}
	.laboratory_cont > p{ 
		position:absolute;
		right:0;
		bottom: 15%;
		width:28%;
	}
	/* 연구내용 */
	.re_contents_cont .para_01 .pa_tit03{
		left:240px;
	}
	.re_contents_cont .para_02 ul li dl{	height:360px;	}
	.re_contents_cont .para_02 ul li dl.dw{	height:450px;	}
	

}

@media all and (min-width:1200px) {/* 최소 1200 ~ 최대 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 연구소소개 */
	#laboratory .sub_con_toppic{ height:296px;}
	.laboratory_cont { 	position:relative;	}
	.laboratory_cont .txt{ 	width:60%;	}
	.laboratory_cont > p{ 
		position:absolute;
		right:0;
		top: -25%;
		width:38%;
	}

	/* 연구내용 */
	.re_contents_cont .para_01 .pa_tit03{
		left:280px;
	}
	.re_contents_cont .para_02 ul li{
		width: calc( 25% - 1px );
	}
	.re_contents_cont .para_02 ul li dl{
		height:480px;
	}


	/* 연구실적 */
	.capabilities_cont .para_01{
		height:174px;;
	}
	.capabilities_cont .para_01 p.pa_tit03{	margin:0 auto;	 padding:0% ; }
	.capabilities_cont .para_02 ul li{
		width: calc( 25% - 1px );
		height:174px;
	}
	


}