/* 와이드 pc  */

/* sub3 공통 css  s */
.sub3_banner { background: url(/img/rnd/sub3_banner.jpg) no-repeat center; background-size: cover; height: 250px; }
.sub3_banner .banner_wrap { max-width: 1200px; margin: 0 auto;  } 
.sub3_banner .banner_wrap h2 { color: #fff; font-size: 48px; font-weight: 400; padding-top: 85px; }

#menu_wrap { max-width: 1200px; margin: 0 auto 80px auto; border-bottom: 1px solid #ccc; } 
#menu_wrap .menu { overflow: hidden;  }
#menu_wrap .menu li { float: left; background: url(/img/rnd/2depth_dot.png) no-repeat center right;  }
#menu_wrap .menu li:nth-child(3) { background: none; }
#menu_wrap .menu li a { font-size: 18px; color: #666; padding: 30px ; display: block; position: relative; line-height: 22px; letter-spacing: -1px; font-weight: 400;  }
#menu_wrap .menu li a.on { color:#0f573e; }

/* sub3_content1 css s */
/* #menu_wrap { margin-bottom: 20px; } */

@font-face {
	font-family: 'yujin';
	src: 
		
	   url(/fonts/SeoulHangangM.woff) format('woff'),
	   url(../font/SeoulHangangM.eot) format('eot'),
	   url(../font/SeoulHangangM.otf) format('opentype');
}


#depth3_tabs { max-width: 1200px; margin: 0 auto 80px auto; }
#depth3_tabs .tabs { overflow: hidden; } 
#depth3_tabs .tabs li { width: 50%; float: left; }
#depth3_tabs .tabs li a { display: block; height: 61px; line-height: 61px; border: 1px solid #ccc; padding: 0 0 0 0; text-align: center; border-bottom: 1px solid #01593b; font-size: 18px; }
#depth3_tabs .tabs li a.active { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b;  }
#depth3_tabs .tabs li a:hover { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b; }

.content1_wrap { width: 100%; }
#sub3_content1_tab { max-width: 1200px; margin: 0 auto; }
#sub3_content1_tab .introduce { margin-bottom: 100px; } 
#sub3_content1_tab .introduce .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px; }
#sub3_content1_tab .introduce .summary p { font-size: 16px; }

#sub3_content1_tab .introduce .laboratory_wrap { overflow: hidden; margin-bottom: 80px; }
#sub3_content1_tab .introduce .laboratory_wrap .laboratory_img { float: left; width: 49%; margin-right: 2%; }
#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text { float: left; width: 49%; background: #f0f0f0; height: 451px; }
#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text .text_wrap { padding: 75px 10% 0 10%; }
#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text .text_wrap .slogan { text-align: center; margin-bottom: 40px; font-size: 18px; font-weight: 400; font-family: 'yujin'; }

.content1_wrap .focus_technology { background: url(/img/rnd/laboratory_bg.jpg) no-repeat center;  height: 720px; width: 100%; }
.content1_wrap .focus_technology .focus_technology_wrap { max-width: 1200px; margin: 0 auto; padding: 120px 0 0 0; }
.content1_wrap .focus_technology .focus_technology_wrap h3 { margin-bottom: 40px; text-align: center; font-size: 30px; font-weight: 400; }
.content1_wrap .focus_technology .focus_technology_wrap ul { overflow: hidden; }
.content1_wrap .focus_technology .focus_technology_wrap ul li { width: 23.5%; margin-right: 2%; float: left; position: relative; }
.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(4) { margin-right: 0; }
.content1_wrap .focus_technology .focus_technology_wrap ul li img {  }
.content1_wrap .focus_technology .focus_technology_wrap ul li p { position: absolute; top: 65%; left: 0; font-size: 18px; text-align: center; padding: 0 40px; }

/* 여기서부터는 중앙연구소 조직도 tab 영역 */

.organization { display:none; max-width: 1200px; margin: 0 auto 150px auto; }
.organization .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px;  }
.organization .summary img { margin-bottom: 10px; }
.organization .summary p { font-size: 18px; }

.organization .team_list { }
.organization .team_list ul { overflow: hidden; }
.organization .team_list ul li.team { width: 18.4%; float: left; margin-right: 2%; }
.organization .team_list ul li:nth-child(5) { margin-right: 0; }
.organization .team_list ul li.team img { margin-bottom: 20px; }
.organization .team_list ul li.team ul { border: 2px solid #01593b; padding: 15px 10px; height: 250px; }
.organization .team_list ul li.team ul li { margin-bottom: 10px; }

/* sub3_content2 css s */
#sub3_content2 { max-width: 1200px; margin: 0 auto 150px auto; }
#sub3_content2 .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px;  }
#sub3_content2 .summary img { margin-bottom: 10px; }
#sub3_content2 .summary p { font-size: 18px; }

#sub3_content2 .area_wrap { }
#sub3_content2 .area_wrap ul { overflow: hidden; }
#sub3_content2 .area_wrap ul li.area_list { width: 18.4%; margin-right: 2%; float: left; }
#sub3_content2 .area_wrap ul li:nth-child(5) { margin-right: 0; }
#sub3_content2 .area_wrap ul li.area_list ul h3 { margin-bottom: 30px; font-size: 20px; font-weight: 400; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
#sub3_content2 .area_wrap ul li.area_list ul li { margin-bottom: 15px; padding: 0 5px; }

/* sub3_content3 css s */
#sub3_content3 { max-width: 1200px; margin: 0 auto 150px auto; }
#sub3_content3 .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 60px;  }
#sub3_content3 .summary img { margin-bottom: 10px; }
#sub3_content3 .summary p { font-size: 18px; }

#sub3_content3 .research_form { }
#sub3_content3 .research_form ul { overflow: hidden; }
#sub3_content3 .research_form ul li.form_list { float: left; width: 18.4%; margin-right: 2%; margin-bottom: 40px; }
#sub3_content3 .research_form ul li:nth-child(5) { margin-right: 0; }
#sub3_content3 .research_form ul li:nth-child(10) { margin-right: 0; }
#sub3_content3 .research_form ul li:nth-child(11) { clear: both; } 
#sub3_content3 .research_form ul li:nth-child(15) { margin-right: 0; }
#sub3_content3 .research_form ul li.form_list ul h3 { font-size: 20px; font-weight: 400; margin-bottom: 30px; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
#sub3_content3 .research_form ul li.form_list ul li { padding: 0 5px; margin-bottom: 10px; }


/* 일반 pc */
@media screen and (max-width:1280px) {
	
	/* sub3 공통 css  s */
	.sub3_banner .banner_wrap h2 { padding-left: 4%; }

	/* sub3_content1 css s */
	#sub3_content1_tab { padding: 0 2%; }
	#sub3_content1_tab .introduce .laboratory_wrap { overflow: hidden; }
	#sub3_content1_tab .introduce .laboratory_wrap .laboratory_img { float: none; width: 100%; margin-right: 0; text-align: center; }
	#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text { float: none; width: 100%; background: none; height: auto; }
	#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text .text_wrap { padding: 50px 10% 0 10%; }
	#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text .text_wrap .slogan { text-align: center; margin-bottom: 40px; font-size: 18px; }
	#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text .text_wrap .slogan_sub { text-align: center; }

	.content1_wrap .focus_technology { height: 600px; }
	.content1_wrap .focus_technology .focus_technology_wrap { padding: 100px 2% 0 2%; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li p { position: absolute; top: 62%; left: 0; font-size: 16px; text-align: center; padding: 0 15px; }

	/* 여기서부터는 중앙연구소 조직도 tab 영역 */
	.organization { padding: 0 2%; }
	.organization .team_list ul li.team ul { border: 2px solid #01593b; padding: 15px 10px; height: 300px; }

	/* sub3_content2 css s */
	#sub3_content2 { padding: 0 2%; }

	/* sub3_content3 css s */
	#sub3_content3 { padding: 0 2%; }


}


/* 테블릿 */
@media screen and (max-width:1024px) {
	
	/* sub3 공통 css  s */
	.sub3_banner { height: auto; }
	.sub3_banner .banner_wrap { max-width: 1024px; margin: 0 auto;  } 
	.sub3_banner .banner_wrap h2 { font-size: 30px; font-weight: 400; padding: 50px 0 50px 5%; }

	/* sub3_content1 css s */
	.organization .team_list ul li.team { width: 30%; float: left; margin-right: 5%; margin-bottom: 40px; }
	.organization .team_list ul li:nth-child(3) { margin-right: 0; }
	.organization .team_list ul li.team img { margin-bottom: 20px; }
	.organization .team_list ul li.team ul { border: 2px solid #01593b; padding: 15px 10px; height: auto; }
	.organization .team_list ul li.team ul li { margin-bottom: 10px; }

	/* sub3_content2 css s */
	#sub3_content2 .area_wrap ul li.area_list { width: 30%; margin-right: 5%; margin-bottom: 30px; float: left; }
	#sub3_content2 .area_wrap ul li:nth-child(3) { margin-right: 0; }
	#sub3_content2 .area_wrap ul li.area_list ul h3 { margin-bottom: 30px; font-size: 20px; font-weight: 400; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
	#sub3_content2 .area_wrap ul li.area_list ul li { margin-bottom: 15px; padding: 0 5px; }

	/* sub3_content3 css s */
	#sub3_content3 .research_form { }
	#sub3_content3 .research_form ul { overflow: hidden; }
	#sub3_content3 .research_form ul li.form_list { float: left; width: 30%; margin-right: 5%; margin-bottom: 40px; }
	#sub3_content3 .research_form ul li:nth-child(3) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(6) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(9) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(11) { clear: none; } 
	#sub3_content3 .research_form ul li:nth-child(12) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(15) { margin-right: 0; }
	#sub3_content3 .research_form ul li.form_list ul h3 { font-size: 20px; font-weight: 400; margin-bottom: 30px; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
	#sub3_content3 .research_form ul li.form_list ul li { padding: 0 5px; margin-bottom: 10px; }

}

/* 소형 테블릿 */
@media screen and (max-width:768px) {
	
	/* sub3 공통 css  s */
	#menu_wrap .menu li { background: none; width: 33.333%; height: 80px; }
	#menu_wrap .menu li a { font-size: 16px; padding: 30px 0; text-align: center; }
	#menu_wrap .menu li a.on { color: #333; }

	/* sub3_content1 css s */
	#depth3_tabs .tabs li a { font-size: 16px; }

	.content1_wrap .focus_technology { background: url(/img/rnd/laboratory_bg.jpg) no-repeat center;  height: 720px; width: 100%; }
	.content1_wrap .focus_technology .focus_technology_wrap { max-width: 1200px; margin: 0 auto; padding: 20px 10% 0 10%; }
	.content1_wrap .focus_technology .focus_technology_wrap h3 { margin-bottom: 15px; text-align: center; font-size: 24px; font-weight: 400; }
	.content1_wrap .focus_technology .focus_technology_wrap ul { overflow: hidden; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li { width: 48.5%; margin-right: 3%; margin-bottom: 10px; float: left; position: relative; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(2) { margin-right: 0; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(4) { margin-right: 0; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li img {  }
	.content1_wrap .focus_technology .focus_technology_wrap ul li p { position: absolute; top: 70%; left: 0; font-size: 16px; text-align: center; padding: 0 10px; }

	/* sub3_content2 css s */
	#sub3_content2 .area_wrap ul li.area_list { width: 47.5%; margin-right: 5%; margin-bottom: 30px; float: left; }
	#sub3_content2 .area_wrap ul li:nth-child(2) { margin-right: 0; }
	#sub3_content2 .area_wrap ul li:nth-child(4) { margin-right: 0; }
	#sub3_content2 .area_wrap ul li.area_list ul h3 { margin-bottom: 30px; font-size: 18px; font-weight: 400; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
	#sub3_content2 .area_wrap ul li.area_list ul li { margin-bottom: 15px; padding: 0 5px; }

}

/* 모바일 */
@media screen and (max-width:640px) {

	/* sub3 공통 css  s */
	#menu_wrap { max-width: 1200px; margin: 0 auto 40px ; border-bottom: 1px solid #ccc; } 

	/* sub3_content1 css s */
	#depth3_tabs { margin: 0 auto 40px auto; }
	#depth3_tabs .tabs li a { display: block; border: 1px solid #ccc; text-align: center; border-bottom: 1px solid #01593b; }
	#depth3_tabs .tabs li a.active { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b;  }
	#depth3_tabs .tabs li a:hover { position: relative; color: #fff; background: #01593b; border: 1px solid #01593b; }
	
	#sub3_content1_tab { padding: 0 4%; }
	#sub3_content1_tab .introduce { margin-bottom: 60px; }
	#sub3_content1_tab .introduce .summary { margin-bottom: 40px;  }
	#sub3_content1_tab .introduce .summary p { font-size: 15px; }

	#sub3_content1_tab .introduce .laboratory_wrap .laboratory_text .text_wrap .slogan { text-align: center; margin-bottom: 40px; font-size: 16px; font-weight: 400; }

	.content1_wrap .focus_technology { background: url(/img/rnd/laboratory_bg.jpg) no-repeat center;  height: 650px; width: 100%; }
	.content1_wrap .focus_technology .focus_technology_wrap { max-width: 1200px; margin: 0 auto; padding: 20px 10% 0 10%; }
	.content1_wrap .focus_technology .focus_technology_wrap h3 { margin-bottom: 20px; text-align: center; font-size: 24px; font-weight: 400; }
	.content1_wrap .focus_technology .focus_technology_wrap ul { overflow: hidden; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li { width: 48.5%; margin-right: 3%; margin-bottom: 10px; float: left; position: relative; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(2) { margin-right: 0; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(4) { margin-right: 0; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li img {  }
	.content1_wrap .focus_technology .focus_technology_wrap ul li p { position: absolute; top: 65%; left: 0; font-size: 14px; text-align: center; padding: 0 20px; }


	/* 여기서부터는 중앙연구소 조직도 tab 영역 */
	.organization { padding: 0 4%; margin: 0 auto 60px auto; }
	.organization .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 40px;  }
	.organization .summary p { font-size: 16px; }

	.organization .team_list ul li.team { width: 47.5%; float: left; margin-right: 5%; margin-bottom: 40px; }
	.organization .team_list ul li:nth-child(2) { margin-right: 0; }
	.organization .team_list ul li:nth-child(4) { margin-right: 0; }
	.organization .team_list ul li.team img { margin-bottom: 20px; }
	.organization .team_list ul li.team ul { border: 2px solid #01593b; padding: 15px 10px; height: auto; }
	.organization .team_list ul li.team ul li { margin-bottom: 10px; }

	/* sub3_content2 css s */
	#sub3_content2 { padding: 0 4%; margin: 0 auto 60px auto;  }
	#sub3_content2 .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 40px; }
	#sub3_content2 .summary p { font-size: 16px; }

	#sub3_content2 .area_wrap ul li.area_list { width: 100%; margin-right: 0; margin-bottom: 30px; float: none; }
	#sub3_content2 .area_wrap ul li.area_list ul h3 { margin-bottom: 30px; font-size: 18px; font-weight: 400; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
	#sub3_content2 .area_wrap ul li.area_list ul li { margin-bottom: 10px; padding: 0 5px; }

	/* sub3_content3 css s */
	#sub3_content3 { padding: 0 4%; margin: 0 auto 60px auto;  }
	#sub3_content3 .summary { background: url(/img/rnd/sub_bar.jpg) no-repeat left;  height: auto; padding: 2% 0 2% 35px; margin-bottom: 40px; }
	#sub3_content3 .summary p { font-size: 16px; }

	#sub3_content3 .research_form { }
	#sub3_content3 .research_form ul { overflow: hidden; }
	#sub3_content3 .research_form ul li.form_list { float: left; width: 47.5%; margin-right: 5%; margin-bottom: 40px; }
	#sub3_content3 .research_form ul li:nth-child(2) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(4) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(6) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(8) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(10) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(12) { margin-right: 0; }
	#sub3_content3 .research_form ul li:nth-child(14) { margin-right: 0; }
	#sub3_content3 .research_form ul li.form_list ul h3 { font-size: 18px; font-weight: 400; margin-bottom: 30px; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
	#sub3_content3 .research_form ul li.form_list ul li { padding: 0 5px; margin-bottom: 10px; }

}

/* 최소 사이즈 처리 */
@media screen and (max-width:480px) {

	/* sub3 공통 css  s */
	#wrap { min-width:260px; }
	.sub3_banner { height: 80px; }
	.sub3_banner .banner_wrap h2 { font-size: 23px; padding: 25px; 0 0 0 }
	#menu_wrap .menu li a { font-size: 14px; }

	/* sub3_content1 css s */
	.content1_wrap .focus_technology { background: #f4f3ec;  height: auto; width: 100%; }
	.content1_wrap .focus_technology .focus_technology_wrap { max-width: 1200px; margin: 0 auto; padding: 40px 10% 30px 10%; }
	.content1_wrap .focus_technology .focus_technology_wrap h3 { margin-bottom: 30px; text-align: center; font-size: 24px; font-weight: 400; }
	.content1_wrap .focus_technology .focus_technology_wrap ul { overflow: hidden; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li { width: 100%; margin-right: 0; margin-bottom: 20px; float: left; position: relative; text-align: center; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(2) { margin-right: 0; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li:nth-child(4) { margin-right: 0; }
	.content1_wrap .focus_technology .focus_technology_wrap ul li img { width: 100%;  }
	.content1_wrap .focus_technology .focus_technology_wrap ul li p { position: absolute; top: 68%; left: 0; font-size: 16px; text-align: center; padding: 0 20px; }

	/* sub3_content3 css s */
	#sub3_content3 .research_form { }
	#sub3_content3 .research_form ul { overflow: hidden; }
	#sub3_content3 .research_form ul li.form_list { float: none; width:100%; margin-right: 0; margin-bottom: 40px; }
	#sub3_content3 .research_form ul li.form_list ul h3 { font-size: 18px; font-weight: 400; margin-bottom: 30px; border-bottom: 2px solid #01593b; padding-bottom: 15px; }
	#sub3_content3 .research_form ul li.form_list ul li { padding: 0 10px; margin-bottom: 10px; }

}