@charset "utf-8";

p span																							{ font-family:'NanumgothicBold'; color:#df2a00; }

div.center_intro																				{ background:url('/images/health_promotion_center/introduce_img01.jpg') no-repeat; }
	div.center_intro .departments_info_img														{ background:url('/images/health_promotion_center/01center_icon_bg.png') no-repeat top right; }

div.departments_info_title																		{ width:100%; position:absolute; top:55px; z-index:10; }
	div.departments_info_title ul																{ width:100%; float:right; }
		div.departments_info_title ul li														{ float:left; }
	.departments_info_img																		{ width:50%; height:80px; }
	.departments_info_txt																		{ width:50%; height:80px; color:#fff; line-height:80px; background-color:rgba(0,0,0,0.8); }
		.departments_info_txt span																{ font-size:1.8em; border-left:1px solid #fff; padding:0 1em; }

div.departments_info_cotent																		{ width:50%; height:300px; text-align:right; padding:150px 5em 0 0; background:url('/images/medical/01department_trans_bg.png'); float:right; }
	div.departments_info_cotent span															{ padding-left:2em; }
	div.departments_info_cotent span.tel														{ background:url('/images/medical/01department_01_icon_tel.png') no-repeat; }

ul.center_characteristic																		{ margin:3em 0 0 0; }
	ul.center_characteristic li																	{ width:33.3%; padding:0 1.5em; float:left; border-right:1px solid #d1d1d1; }
	ul.center_characteristic li:last-child														{ border:none; }
		ul.center_characteristic li dl dt														{ font-family:'NanumgothicBold'; color:#5c9107; padding-top:210px; background:url('/images/health_promotion_center/01introduce_icon01.gif') no-repeat top center; }
		ul.center_characteristic li dl dd														{ min-height:200px; }

		ul.center_characteristic li dl dt.icon02												{ background:url('/images/health_promotion_center/01introduce_icon02.gif') no-repeat top center; }
		ul.center_characteristic li dl dt.icon03												{ background:url('/images/health_promotion_center/01introduce_icon03.gif') no-repeat top center; }


@media screen and ( max-width:1650px) {
	
}

@media screen and ( max-width:1206px) {
	
	
}


/*  Tablet */
@media screen and ( max-width:1024px) {

	ul.center_characteristic li																	{ width:100%; padding:0 0 2em 0; margin-bottom:2em; float:none; border:1px solid #d1d1d1; border-width:0 0 1px 0; }
	
}

/* Mobile */
@media screen and ( max-width:767px) {

	div.center_intro																			{ background-size:200%; }

	div.departments_info_title																	{ position:relative; top:0; }
		div.departments_info_title ul															{ width:100%; height:80px; background-color:rgba(0,0,0,1); }
		div.departments_info_title ul li														{ width:auto; display:block; }
		div.departments_info_title ul li.departments_info_img									{ width:80px; }
			.departments_info_txt																{ font-size:.7em; }

	div.departments_info_cotent																	{ width:100%; height:100%; text-align:left; padding:3em 1em; float:none; }

	ul.center_characteristic li																	{ width:100%; padding:0 0 2em 0; margin-bottom:2em; float:none; border:1px solid #d1d1d1; border-width:0 0 1px 0; }

}